/
index.html
62 lines (37 loc) · 2.57 KB
/
index.html
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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>title</title>
<link rel="stylesheet" href="style.css" media="all" />
</head>
<body>
<nav id="navMenu" class="closed">
<ul>
<li><a href="#">Navigation A</a></li>
<li><a href="#">Navigation B</a></li>
<li><a href="#">Navigation C</a></li>
<li><a href="#">Navigation D</a></li>
<li><a href="#">Navigation E</a></li>
</ul>
</nav>
<div id="main">
<div id="navBar">
<!-- <a id="navBtn" href="#">Activate</a>-->
<div id="navBtn">
<span></span>
<span></span>
<span></span>
<span></span>
</div>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec elit facilisis nisi sodales viverra. Mauris dapibus maximus mi a consequat. Morbi blandit blandit quam nec elementum. Duis id felis tincidunt, rhoncus nunc vel, mollis justo. Duis tincidunt congue luctus. Aenean eget ligula ex. Donec maximus arcu a sodales posuere. Proin bibendum magna ac lectus semper mattis. Aenean finibus ex massa, id rutrum nisl mattis quis. Quisque metus nulla, mollis sit amet faucibus at, sodales in augue. Nunc nec lacus dolor. Morbi porta sem vel lectus ultricies bibendum. Maecenas pulvinar massa et elementum mattis. Maecenas magna elit, ullamcorper vel semper vitae, vehicula vitae libero.
</p>
<p>Maecenas a augue eu urna ultricies pellentesque in quis urna. Aliquam scelerisque leo et magna pretium, at eleifend ex imperdiet. Sed placerat ligula vel ornare consectetur. Ut molestie mauris libero, id eleifend mi luctus ut. Pellentesque dictum ante eget scelerisque pellentesque. Fusce nisi ipsum, sodales non sagittis vel, placerat vel ligula. Aliquam tempus luctus dui, nec iaculis sem sollicitudin vitae. Proin id luctus augue, cursus dapibus urna. Pellentesque congue porta magna, id imperdiet nibh varius in. Vivamus imperdiet sit amet neque commodo egestas. Suspendisse quis est id quam malesuada malesuada.
</p>
<p>Quisque posuere lobortis hendrerit. Aliquam tincidunt, magna ullamcorper imperdiet hendrerit, risus justo luctus magna, a blandit libero nulla eu orci. Phasellus a dapibus purus. Ut et ligula eu urna varius gravida at et mauris. Nunc posuere sed nulla a accumsan. Nulla in aliquam mi, condimentum interdum elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris sed sodales diam, dapibus semper ex. Nunc blandit nunc et nisi hendrerit dignissim. Praesent aliquam urna quis consectetur sagittis. Etiam at convallis libero.
</p>
</div>
</body>
<script src="script.js"></script>
</html>