-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
65 lines (55 loc) · 3.25 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
<!DOCTYPE html>
<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">
<title>Moony</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<a href="#" class="logo">Logo</a>
<ul>
<li><a href="#" class="active">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" id="stars">
<img src="moon.png" id="moon">
<img src="mountains_behind.png" id="mountains-b">
<h2 id="text">Moon Light</h2>
<a href="#sec" id="btn">Explore</a>
<img src="mountains_front.png" id="mountains_front">
</section>
<div class="sec" id="sec">
<h2>Parallax Scrolling Effects</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dicta tenetur, quod amet labore eaque at saepe
reprehenderit dolor veniam quam sit ut rem vero earum odio quidem incidunt, impedit iure!
Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque repudiandae nisi ipsam ad sint eius!
Molestias fugiat error debitis, dolore voluptatum eveniet accusantium vitae sit quas, ullam dolorum expedita
aliquid. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Blanditiis quibusdam nisi ratione, ullam,
magnam qui laboriosam natus delectus totam maiores asperiores deserunt aliquam impedit praesentium eligendi
veritatis, a eaque. Doloribus? <br><br>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dicta
tenetur, quod amet labore eaque at saepe
reprehenderit dolor veniam quam sit ut rem vero earum odio quidem incidunt, impedit iure!
Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque repudiandae nisi ipsam ad sint eius!
Molestias fugiat error debitis, dolore voluptatum eveniet accusantium vitae sit quas, ullam dolorum expedita
aliquid. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Blanditiis quibusdam nisi ratione, ullam,
magnam qui laboriosam natus delectus totam maiores asperiores deserunt aliquam impedit praesentium eligendi
veritatis, a eaque. Doloribus?<br><br>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dicta
tenetur, quod amet labore eaque at saepe
reprehenderit dolor veniam quam sit ut rem vero earum odio quidem incidunt, impedit iure!
Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque repudiandae nisi ipsam ad sint eius!
Molestias fugiat error debitis, dolore voluptatum eveniet accusantium vitae sit quas, ullam dolorum expedita
aliquid. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Blanditiis quibusdam nisi ratione, ullam,
magnam qui laboriosam natus delectus totam maiores asperiores deserunt aliquam impedit praesentium eligendi
veritatis, a eaque. Doloribus?
</p>
</div>
<script src="app.js"></script>
</body>
</html>