-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
58 lines (57 loc) · 4.23 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Parallax Scrolling Effect</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<header>
<a href="#" class="logo">Logo</a>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Work</a></li>
<li><a href="#">Contact</a></li>
</ul>
</header>
<section>
<img src="stars.png" alt="" id="stars">
<img src="moon.png" alt="" id="moon">
<img src="mbehind.png" alt="" id="mountain-behind">
<h2 id="text">Moon light</h2>
<a href="#sec" id="btn">Explore</a>
<img src="mfront.png" alt="" id="mountain-front">
</section>
<div class="sec" id="sec">
<h2>Parallax Scrolling </h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas labore, dolorem sequi assumenda laborum id amet
perferendis ipsum harum at minima voluptatibus fuga non, facilis vitae sunt, quisquam officiis. Officia. Lorem ipsum
dolor sit amet consectetur, adipisicing elit. Alias quaerat inventore quos delectus accusamus fuga reiciendis odio,
sed magnam explicabo sint similique, distinctio pariatur laborum sit est eligendi incidunt laboriosam. Lorem ipsum
dolor sit amet consectetur adipisicing elit. Eaque aspernatur quae tempore minima eveniet inventore odit suscipit
magni exercitationem et, voluptates natus quis facilis perferendis nam consequuntur neque eius nobis? <br><br> Lorem
ipsum dolor sit amet consectetur adipisicing elit. Ut eligendi iste illum consequatur sint suscipit doloremque modi!
Dignissimos quasi recusandae corporis porro quos soluta officia magnam? Omnis veniam nihil facilis? Lorem ipsum dolor
sit amet consectetur adipisicing elit. Ipsam earum porro nemo cupiditate id molestiae voluptatem deserunt animi, sunt
placeat eaque facere voluptatibus optio odit provident quo ea quis autem. <br><br> Lorem ipsum dolor sit amet consectetur
adipisicing elit. Quas labore, dolorem sequi assumenda laborum id amet perferendis ipsum harum at minima voluptatibus
fuga non, facilis vitae sunt, quisquam officiis. Officia. Lorem ipsumdolor sit amet consectetur, adipisicing elit.
Alias quaerat inventore quos delectus accusamus fuga reiciendis odio, sed magnam explicabo sint similique, distinctio
pariatur laborum sit est eligendi incidunt laboriosam. Lorem ipsum dolor sit amet consectetur adipisicing elit. Eaque
aspernatur quae tempore minima eveniet inventore odit suscipit magni exercitationem et, voluptates natus quis facilis
perferendis nam consequuntur neque eius nobis? <br><br>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Ut eligendi iste illum consequatur sint suscipit doloremque modi!
Dignissimos quasi recusandae corporis porro quos soluta officia magnam? Omnis veniam nihil facilis? Lorem ipsum dolor
sit amet consectetur adipisicing elit. Ipsam earum porro nemo cupiditate id molestiae voluptatem deserunt animi, sunt
placeat eaque facere voluptatibus optio odit provident quo ea quis autem. <br><br> Lorem ipsum dolor sit amet consectetur
adipisicing elit. Quas labore, dolorem sequi assumenda laborum id amet perferendis ipsum harum at minima voluptatibus
fuga non, facilis vitae sunt, quisquam officiis. Officia. Lorem ipsumdolor sit amet consectetur, adipisicing elit.
Alias quaerat inventore quos delectus accusamus fuga reiciendis odio, sed magnam explicabo sint similique, distinctio
pariatur laborum sit est eligendi incidunt laboriosam. Lorem ipsum dolor sit amet consectetur adipisicing elit. Eaque
aspernatur quae tempore minima eveniet inventore odit suscipit magni exercitationem et, voluptates natus quis facilis
perferendis nam consequuntur neque eius nobis?</p>
</div>
</body>
<script src="script.js"></script>
</html>