example2/another.html at master · Mannie19/example2 · 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
<!doctype html>
<html>
<head>
  <title>Coding Programme - Digital Jersey</title>
  <link rel="stylesheet" href="style.css">
</head>

<body>

  <div class="wrapper">

    <header class="main-header group">

      <img class="logo" src="images/dj_logo.png" alt="">

      <nav class="main-nav">
        <ul class="group">
          <li><a href="http://www.digital.je/">Digital Jersey</a></li>
          <li><a href="https://basecamp.com/">Basecamp</a></li>
          <li><a href="https://teamtreehouse.com/">Treehouse</a></li>
          <li><a href="https://djlcp.slack.com/">Slack</a></li>
        </ul>
      </nav>

    </header>

    <div class="hero">

      <h1>Another Page</h1>

      <p>A whole other page? Yeah we went there! Of course there's not much to see yet but feel free to add your own stuff below.</p>

    </div>

    <section class="content">

      <div class="resources group">

        <h3>This isn't latin!</h3>

        <div id="lipsum">
          <p><strong><a href="http://lipsum.org/">Lorem Ipsum</a> is simply dummy text of the printing and typesetting industry.</strong></p>
          <p>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>

          <div class="columns">
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam gravida pellentesque felis eget bibendum. Morbi faucibus nisi in eros congue, id ultricies elit feugiat. Aliquam ultricies, diam id iaculis iaculis, massa justo vulputate neque, quis dapibus est metus non nunc. Nulla lacinia tincidunt velit eu fermentum. Donec egestas erat vel sapien pellentesque, ac pulvinar erat mattis. Proin accumsan lacus in ante posuere, et fermentum risus ullamcorper. Proin sagittis nisi sit amet blandit fermentum. Etiam egestas vehicula dui non vehicula. Sed non condimentum ex. Curabitur sed eros sem. Etiam at enim eget sem eleifend sollicitudin. Proin accumsan et erat a porttitor.</p>
            <p>Curabitur placerat magna eget mauris luctus pulvinar. Nunc hendrerit, ligula sit amet porta aliquet, sapien enim euismod erat, a feugiat tortor ante id nisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed vulputate massa eu auctor lobortis. Fusce ultricies tincidunt sollicitudin. Fusce et lorem at sem tincidunt facilisis in vel nunc. Nunc sed malesuada risus, eget sagittis ipsum. Donec suscipit ornare lectus ac pretium. Vivamus eu quam efficitur, facilisis elit varius, eleifend metus. Mauris vitae malesuada quam. Praesent et libero quis nisi malesuada rutrum.</p>
            <p>Ut non enim metus. Integer ut ipsum tempor, sollicitudin risus nec, blandit lorem. Donec eros neque, commodo non vulputate ornare, auctor vitae purus. Quisque in sem et est posuere tempus. Nulla eu finibus nisl, vel tempor ligula. Nulla maximus pretium sapien sed volutpat. Sed aliquet, nulla quis venenatis sagittis, orci augue ultrices tellus, a malesuada elit arcu vel orci. Phasellus sem dolor, euismod vel interdum nec, finibus nec odio. Morbi sed libero dictum, maximus nisl eu, luctus est. Donec tristique vel est id eleifend. Praesent id ex eu elit vestibulum rutrum nec et lacus. Praesent in dolor vel quam dignissim hendrerit. Nulla elementum est sed cursus varius. Curabitur aliquet vestibulum est, sit amet blandit leo maximus dictum. Proin justo arcu, fermentum at ultricies nec, facilisis bibendum sapien. Etiam ante turpis, ultricies id dignissim ut, malesuada quis augue.</p>
            <p>Nullam congue ultrices mi eu euismod. Praesent tincidunt urna metus, tincidunt facilisis sem egestas ultrices. Ut nec interdum est. Vestibulum sodales dui id mi venenatis, vel sagittis nulla pellentesque. Cras condimentum et magna ac scelerisque. Fusce luctus nulla sed malesuada porttitor. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nulla accumsan vestibulum tortor, et ultricies arcu commodo sed. In faucibus nec erat id iaculis. Duis eu ornare dui.</p>
            <p>Quisque non tellus quis neque gravida congue. Morbi sed ipsum erat. Curabitur id leo at ex mattis efficitur vitae ut risus. Aliquam lobortis elementum interdum. Proin vulputate odio convallis, fringilla tellus vitae, egestas lectus. Aenean blandit viverra rhoncus. Nullam sit amet est tellus. Maecenas id nulla non velit sagittis dictum. Suspendisse semper faucibus ipsum in vehicula.</p>
          </div>
        </div>
      </div>

    </section>

  </div>

  <footer class="footer">

    <nav>
      <ul class="group">
        <li><a href="privacy.html">Privacy Policy</a></li>
        <li><a href="another.html">Another Page</a></li>
      </ul>
    </nav>

  </footer>

</body>

</html>