-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
30 lines (30 loc) · 1.53 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Responsive Nav</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1>Creating a Responsive Navigation</h1>
</header>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Partners</a></li>
<li><a href="#">Contact</a></li>
</ul>
<div id="responsive-button">
<img src="nav-button.png" alt="three line navigation button">
</div>
</nav>
<main>
<h2>Some Content</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam urna tellus, iaculis nec quam ut, maximus lobortis erat. Integer sollicitudin eros eget volutpat elementum. Curabitur id dolor ut felis rhoncus tincidunt. Nulla neque libero, rutrum sed feugiat eu, dignissim vitae augue. Ut eu dictum elit, sed eleifend magna. Nam vel condimentum magna. Cras rutrum tortor vitae lacus ultricies eleifend. Sed ac elementum tellus. Pellentesque nec facilisis magna. Praesent interdum mi dui, et fermentum diam tristique dignissim. Mauris viverra sem a nibh ullamcorper malesuada. Suspendisse scelerisque nisi purus, vitae mattis turpis vestibulum ultrices. Vivamus in turpis ornare, faucibus justo facilisis, vehicula enim. Vestibulum ligula leo, facilisis id urna id, congue porttitor lectus.</p>
</main>
<script src="script.js"></script>
</body>
</html>