-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
73 lines (67 loc) · 4.22 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
63
64
65
66
67
68
69
70
71
72
73
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Responsive Sticky Navbar with Off-Canvas Menu</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<nav class="navbar">
<a href="#" class="logo">Your Logo</a>
<ul class="nav-links">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Contact</a></li>
</ul>
<button class="hamburger">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</button>
</nav>
<aside class="offCanvas">
<a href="#" class="close-btn">X</a>
<ul class="off-canvas-links">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Contact</a></li>
</ul>
</aside>
</header>
<main>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aut veritatis, magnam a perferendis, impedit
architecto eveniet error, iusto laudantium suscipit recusandae necessitatibus ducimus libero distinctio nam
rerum ratione vel maiores.
Velit expedita eos eveniet autem sunt nam dolor! Ipsum consectetur suscipit odio odit doloremque
dignissimos, nihil aspernatur possimus at, animi qui non soluta quia eaque, ratione nulla optio repellendus.
Aut!</p>
Velit expedita eos eveniet autem sunt nam dolor! Ipsum consectetur suscipit odio odit doloremque dignissimos,
nihil aspernatur possimus at, animi qui non soluta quia eaque, ratione nulla optio repellendus. Aut!</p>
Velit expedita eos eveniet autem sunt nam dolor! Ipsum consectetur suscipit odio odit doloremque dignissimos,
nihil aspernatur possimus at, animi qui non soluta quia eaque, ratione nulla optio repellendus. Aut!</p>
Velit expedita eos eveniet autem sunt nam dolor! Ipsum consectetur suscipit odio odit doloremque dignissimos,
nihil aspernatur possimus at, animi qui non soluta quia eaque, ratione nulla optio repellendus. Aut!</p>
Velit expedita eos eveniet autem sunt nam dolor! Ipsum consectetur suscipit odio odit doloremque dignissimos,
nihil aspernatur possimus at, animi qui non soluta quia eaque, ratione nulla optio repellendus. Aut!</p>
Velit expedita eos eveniet autem sunt nam dolor! Ipsum consectetur suscipit odio odit doloremque dignissimos,
nihil aspernatur possimus at, animi qui non soluta quia eaque, ratione nulla optio repellendus. Aut!</p>
Velit expedita eos eveniet autem sunt nam dolor! Ipsum consectetur suscipit odio odit doloremque dignissimos,
nihil aspernatur possimus at, animi qui non soluta quia eaque, ratione nulla optio repellendus. Aut!</p>
Velit expedita eos eveniet autem sunt nam dolor! Ipsum consectetur suscipit odio odit doloremque dignissimos,
nihil aspernatur possimus at, animi qui non soluta quia eaque, ratione nulla optio repellendus. Aut!</p>
Velit expedita eos eveniet autem sunt nam dolor! Ipsum consectetur suscipit odio odit doloremque dignissimos,
nihil aspernatur possimus at, animi qui non soluta quia eaque, ratione nulla optio repellendus. Aut!</p>
Velit expedita eos eveniet autem sunt nam dolor! Ipsum consectetur suscipit odio odit doloremque dignissimos,
nihil aspernatur possimus at, animi qui non soluta quia eaque, ratione nulla optio repellendus. Aut!</p>
Velit expedita eos eveniet autem sunt nam dolor! Ipsum consectetur suscipit odio odit doloremque dignissimos,
nihil aspernatur possimus at, animi qui non soluta quia eaque, ratione nulla optio repellendus. Aut!</p>
Velit expedita eos eveniet autem sunt nam dolor! Ipsum consectetur suscipit odio odit doloremque dignissimos,
nihil aspernatur possimus at, animi qui non soluta quia eaque, ratione nulla optio repellendus. Aut!</p>
</main>
<script src="script.js"></script>
</body>
</html>