-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
85 lines (80 loc) · 3.64 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
74
75
76
77
78
79
80
81
82
83
84
85
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Sticky Navigation</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<nav class="nav">
<div class="container">
<h1 class="logo">
<a href="#">This Website</a>
</h1>
<ul>
<li><a href="#" class="current">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</nav>
<div class="hero">
<div class="container">
<h1>Welcome to the website yo</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur, ex
deleniti facere ut magni iste!
</p>
</div>
</div>
<section class="container content">
<h2>Content One</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Adipisci
laboriosam sapiente nostrum mollitia optio ex ea error cumque
necessitatibus enim obcaecati aliquam esse, illum distinctio molestias
ipsam voluptas quidem ipsum nobis praesentium aut nihil recusandae.
Debitis fugiat, dolores ut suscipit optio voluptates! Inventore vel
commodi fugit modi laudantium odit dolore debitis expedita deleniti
optio. Cumque harum, nostrum veritatis impedit sequi quibusdam deserunt
architecto culpa voluptas? Fugiat similique soluta, consequatur autem
possimus iste quod nesciunt tenetur aliquid facilis voluptatum tempora
facere atque assumenda distinctio natus dolorum placeat eaque ab, a
omnis quasi. Autem voluptate nesciunt doloribus tempora soluta, rerum
fugit quam.
</p>
<h3>Content Two</h3>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime fugiat
magni neque excepturi ab quae debitis. Ipsam aliquid dolorem facere
corporis officiis, quia, modi perferendis quaerat enim hic obcaecati
nesciunt, aperiam blanditiis quasi autem cumque voluptatibus maiores
nulla laborum? Debitis dolor labore molestias consectetur rem possimus
eligendi, incidunt mollitia quis cupiditate. Dolorum modi similique
nesciunt vel incidunt ducimus, inventore sunt nam, quasi fuga error nisi
dolores autem soluta aut saepe? Incidunt quia dicta sunt debitis unde
nobis nemo laborum qui libero similique doloremque obcaecati harum, hic
reprehenderit error molestiae ab. Possimus delectus debitis nam ipsam
velit omnis excepturi, quibusdam consectetur.
</p>
<h3>Content Three</h3>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime fugiat
magni neque excepturi ab quae debitis. Ipsam aliquid dolorem facere
corporis officiis, quia, modi perferendis quaerat enim hic obcaecati
nesciunt, aperiam blanditiis quasi autem cumque voluptatibus maiores
nulla laborum? Debitis dolor labore molestias consectetur rem possimus
eligendi, incidunt mollitia quis cupiditate. Dolorum modi similique
nesciunt vel incidunt ducimus, inventore sunt nam, quasi fuga error nisi
dolores autem soluta aut saepe? Incidunt quia dicta sunt debitis unde
nobis nemo laborum qui libero similique doloremque obcaecati harum, hic
reprehenderit error molestiae ab. Possimus delectus debitis nam ipsam
velit omnis excepturi, quibusdam consectetur.
</p>
</section>
<script src="script.js"></script>
</body>
</html>