-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
41 lines (41 loc) · 3.54 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>Scroll Effect</title>
</head>
<body>
<nav class="nav-bar">
<h1 class="logo">Logo</h1>
<ul class="navigation">
<li class="home">Home</li>
<li class="about">About</li>
<li class="contact">Contact</li>
<li class="services">Services</li>
<li class="products">Products</li>
</ul>
</nav>
<div class="container">
<h2>Scroll Effect</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi voluptatum ducimus rerum soluta laboriosam minus perferendis, corrupti odit rem et sunt illo eveniet accusamus fugit doloremque alias labore accusantium modi?
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi voluptatum ducimus rerum soluta laboriosam minus perferendis, corrupti odit rem et sunt illo eveniet accusamus fugit doloremque alias labore accusantium modi?
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi voluptatum ducimus rerum soluta laboriosam minus perferendis, corrupti odit rem et sunt illo eveniet accusamus fugit doloremque alias labore accusantium modi?
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi voluptatum ducimus rerum soluta laboriosam minus perferendis, corrupti odit rem et sunt illo eveniet accusamus fugit doloremque alias labore accusantium modi?
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi voluptatum ducimus rerum soluta laboriosam minus perferendis, corrupti odit rem et sunt illo eveniet accusamus fugit doloremque alias labore accusantium modi?
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi voluptatum ducimus rerum soluta laboriosam minus perferendis, corrupti odit rem et sunt illo eveniet accusamus fugit doloremque alias labore accusantium modi?
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi voluptatum ducimus rerum soluta laboriosam minus perferendis, corrupti odit rem et sunt illo eveniet accusamus fugit doloremque alias labore accusantium modi?
</p>
<br>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi voluptatum ducimus rerum soluta laboriosam minus perferendis, corrupti odit rem et sunt illo eveniet accusamus fugit doloremque alias labore accusantium modi?</p>
<br>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi voluptatum ducimus rerum soluta laboriosam minus perferendis, corrupti odit rem et sunt illo eveniet accusamus fugit doloremque alias labore accusantium modi?</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi voluptatum ducimus rerum soluta laboriosam minus perferendis, corrupti odit rem et sunt illo eveniet accusamus fugit doloremque alias labore accusantium modi?</p>
<br>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi voluptatum ducimus rerum soluta laboriosam minus perferendis, corrupti odit rem et sunt illo eveniet accusamus fugit doloremque alias labore accusantium modi?</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi voluptatum ducimus rerum soluta laboriosam minus perferendis, corrupti odit rem et sunt illo eveniet accusamus fugit doloremque alias labore accusantium modi?</p>
</div>
<script src="script.js"></script>
</body>
</html>