example1/index.html at master · Primo1991/example1 · 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
<!DOCTYPE html>
<html>
<head>
<title>PhotSite</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
  <header>
    <h1>Website about Nothing</h1>
    <p>Nothing is still something.</p>
  </header>
  <div class="NAVI">
  <nav>
    <ul>
      <li>Home</li>
      <li>About</li>
      <li>Contact</li>
      <li>Social</li>
    </ul>
  </nav>
</div>
    <section class="top">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eu leo finibus, commodo sem vitae,
         gravida nibh. Etiam posuere enim nec pharetra mollis.
         Morbi iaculis cursus tortor quis finibus. Quisque consequat, lorem ut rhoncus laoreet, sapien est auctor sem,
         ut dignissim elit tellus sit amet neque.
         Cras tristique luctus leo vel eleifend. Integer egestas gravida eros, in interdum ex commodo vitae.
          Nulla et est consectetur, porttitor purus vitae, molestie erat. Phasellus in quam sed arcu
          tempor commodo at id urna. Morbi dapibus vulputate accumsan. Ut iaculis finibus sapien id pretium.
           Cras varius molestie porttitor. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
           Praesent at finibus justo, sit amet maximus ante.
    </section>
  <section class="bottom">
        <section class="left">
            Interdum et malesuada fames ac ante ipsum primis in faucibus. Curabitur iaculis mauris elit, faucibus
            condimentum lorem congue eget. Suspendisse faucibus diam eu felis blandit tincidunt eget feugiat eros. Aenean imperdiet mollis nulla, at convallis tellus cursus ut.
             Sed ut mollis ligula. Maecenas vitae libero neque. Fusce eu luctus metus, non luctus leo.
        </section>
        <section class="right">
            Praesent dui elit, elementum vel velit et, scelerisque varius felis.
            Donec sit amet fringilla est, et fringilla mauris. Nullam feugiat auctor imperdiet.
            Aliquam porta nisl sed iaculis euismod. Phasellus malesuada elit nisl, in aliquam massa egestas ut.
             Quisque venenatis ipsum neque, non commodo dui consequat id. Pellentesque elit tellus, pellentesque a nibh ut,
             pellentesque placerat augue. Sed vitae placerat nibh. Etiam molestie suscipit scelerisque. Donec hendrerit, tortor ut
             sodales rutrum, lorem est accumsan quam, eget euismod leo purus sed mi. Pellentesque auctor dolor nulla, at fermentum
             dui feugiat ac.
        </section>
</section>
  <footer>
    <div class="social">
      <a href="#" class="fa fa-facebook"></a>
      <a href="#" class="fa fa-twitter"></a>
      <a href="#" class="fa fa-instagram"></a>
    </div>
    <div class="copy">
      <small>&copy; Copyright 2058, Example Corporation</small>
    </div>
  </footer>
</body>
</html>