simple-layout/index.html at master · echobanda/simple-layout · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>CodersLab</title>
  <link rel="stylesheet" href="css/style.css">
</head>
<body>
  <header>
    <div class="main-width">
      <div id="header-logo">
        Logo
      </div>
      <div id="header-menu">
        <ul>
          <li>MAIN</li>
          <li>CONTACT</li>
          <li>ABOUT</li>
        </ul>
      </div>
    </div>
  </header>
  <section class="slider">
    <div class="main-width">
      <h1>SUPER TYTUŁ</h1>
      <p>ale super tytuł strony</p>
      <div class="button">MORE</div>
    </div>
  </section>
  <section class="products">
    <div class="main-width">
      <div class="section-header">
        <h2>SUPER PODTYTUŁ</h2>
      </div>
      <div class="medium-box">
        <div class="content-box"></div>
      </div>
      <div class="medium-box">
        <div class="content-box"></div>
      </div>
      <div class="medium-box">
        <div class="content-box"></div>
      </div>
    </div>
  </section>
  <section class="description">
    <div class="main-width">
      <div class="box">
        <h3><span>TURBO</span> <span>SUPER</span> <span>PODTYTUŁ</span></h3>
      </div>
      <div class="box">
        <p>Cras consequat iaculis mi, at egestas felis laoreet ac. Pellentesque dolor ligula, mattis bibendum accumsan at, cursus id arcu. Phasellus id accumsan ante. Nam ac diam eros. Cras quis arcu ligula. Phasellus pulvinar, nulla at mattis placerat, lacus leo porttitor justo, eu posuere lectus eros ut ex. Sed sollicitudin dolor nec risus posuere viverra. Morbi tortor arcu, vestibulum in lobortis in, volutpat vel lectus. Vestibulum laoreet diam et ipsum ultricies lacinia. Aliquam erat volutpat. Praesent molestie massa et velit auctor blandit a et tortor. Praesent posuere convallis justo, nec varius justo lacinia vitae. Nullam feugiat risus eu nulla condimentum porttitor. Cras ac orci varius, laoreet nulla id, blandit sapien. Duis hendrerit, mi sit amet dictum ultricies, ligula metus ultricies nisi, at vestibulum risus metus id elit. In nisl velit, convallis et lacus nec, pellentesque vulputate mi. </p>
      </div>
    </div>
  </section>
  <section class="our-clients">
    <div class="main-width">
      <div class="small-box">
        <div class="content-box"></div>
      </div>
      <div class="small-box">
        <div class="content-box"></div>
      </div>
      <div class="small-box">
        <div class="content-box"></div>
      </div>
      <div class="small-box">
        <div class="content-box"></div>
      </div>
      <div class="small-box">
        <div class="content-box"></div>
      </div>
      <div class="small-box">
        <div class="content-box"></div>
      </div>
    </div>
  </section>
  <section>
    <div class="main-width">
      <div class="medium-box-menu">
        <h4>Menu</h4>
        <ul>
          <li>Main</li>
          <li>Contact</li>
          <li>About</li>
        </ul>
      </div>
      <div class="medium-box-title">
        <h4>SUPER TYTUŁ</h4>
        <p>ale super tytuł strony</p>
      </div>
      <div class="medium-box-social">
        <div class="twitter">tliter</div>
        <div class="fejsbuk">fejsbuk</div>
        <div class="instagram">istagrrrram</div>
      </div>
      <footer>
        <div class="main-width">
          <div id="copyright">
            &copy;2017 git strona
          </div>
          <div id="footer-logo">
            Logo
          </div>
        </div>
      </footer>
</body>

</html>