-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
52 lines (48 loc) · 1.96 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
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="index.css" rel="stylesheet" />
<title>Slide in Menu</title>
</head>
<body>
<div class="menu">
<!-- menu nav -->
<input type="checkbox" name="toggle-menu" id="toggle-menu" />
<label class="menu-bar" for="toggle-menu">
<span></span>
</label>
<!-- site title bar / header -->
<h1 class="site-title">Site Title</h1>
<!-- slide out nav -->
<nav class="menu-nav">
<a href="#home" class="nav-item">Home</a>
<a href="#about" class="nav-item">About</a>
<a href="#contact" class="nav-item">Contact</a>
<a href="#shop" class="nav-item">Shop</a>
</nav>
</div>
<main>
<p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Aspernatur cum
corporis, voluptates quam exercitationem quo eaque mollitia dicta itaque
vero consequatur esse. Ipsa blanditiis rem maiores non saepe quibusdam
provident hic perferendis? Ipsum tempore corrupti vero amet ab ut
temporibus minima dolor et dolorum deserunt quod, aspernatur cumque
error accusantium quas dolores natus explicabo. Reiciendis sint fugit
totam praesentium nobis?
</p>
<p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Aspernatur cum
corporis, voluptates quam exercitationem quo eaque mollitia dicta itaque
vero consequatur esse. Ipsa blanditiis rem maiores non saepe quibusdam
provident hic perferendis? Ipsum tempore corrupti vero amet ab ut
temporibus minima dolor et dolorum deserunt quod, aspernatur cumque
error accusantium quas dolores natus explicabo. Reiciendis sint fugit
totam praesentium nobis?
</p>
</main>
<script src="index.js"></script>
</body>
</html>