-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
114 lines (106 loc) · 4.21 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
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
<!DOCTYPE html>
<html lang="zxx">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>A Parallax Website | By Rishabh Sharma</title>
<link rel="stylesheet" href="CSS/style.css" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
/>
</head>
<body>
<nav class="nav_bar">
<input type="checkbox" id="click" />
<label for="click" class="check">
<i class="fa fa-bars" aria-hidden="true"></i>
</label>
<label class="logo">Parallax</label>
<ul>
<li><a href="#" class="active">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Services</a></li>
</ul>
</nav>
<div class="pimg1">
<div class="ptext">
<span>Scroll Me</span>
</div>
</div>
<section class="section section-dark">
<h1>Section One</h1>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure eos enim
sequi repudiandae inventore aperiam nemo delectus doloribus adipisci
tempora maiores reprehenderit, sint deleniti id totam quas minus
dolores. Fugit quos repellendus cumque quia dolor, hic eius, maiores
perferendis fuga velit in quod. Libero voluptas, deserunt, nihil
deleniti sunt voluptate blanditiis suscipit itaque dolorum amet vero
aperiam exercitationem qui nemo! Debitis ipsa quam asperiores possimus
reprehenderit molestias enim dicta ullam?
</p>
</section>
<div class="pimg2">
<div class="ptext">
<span class="border">Parallax Website</span>
</div>
</div>
<section class="section section-dark">
<h1>Section Two</h1>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure eos enim
sequi repudiandae inventore aperiam nemo delectus doloribus adipisci
tempora maiores reprehenderit, sint deleniti id totam quas minus
dolores. Fugit quos repellendus cumque quia dolor, hic eius, maiores
perferendis fuga velit in quod. Libero voluptas, deserunt, nihil
deleniti sunt voluptate blanditiis suscipit itaque dolorum amet vero
aperiam exercitationem qui nemo! Debitis ipsa quam asperiores possimus
reprehenderit molestias enim dicta ullam?
</p>
</section>
<div class="pimg3">
<div class="ptext">
<span class="border">Parallax Website</span>
</div>
</div>
<section class="section section-dark">
<h1>Section Three</h1>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure eos enim
sequi repudiandae inventore aperiam nemo delectus doloribus adipisci
tempora maiores reprehenderit, sint deleniti id totam quas minus
dolores. Fugit quos repellendus cumque quia dolor, hic eius, maiores
perferendis fuga velit in quod. Libero voluptas, deserunt, nihil
deleniti sunt voluptate blanditiis suscipit itaque dolorum amet vero
aperiam exercitationem qui nemo! Debitis ipsa quam asperiores possimus
reprehenderit molestias enim dicta ullam?
</p>
</section>
<div class="pimg4">
<div class="ptext">
<span class="border">Parallax Website</span>
</div>
</div>
<section class="section section-dark">
<h1>Section Four</h1>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure eos enim
sequi repudiandae inventore aperiam nemo delectus doloribus adipisci
tempora maiores reprehenderit, sint deleniti id totam quas minus
dolores. Fugit quos repellendus cumque quia dolor, hic eius, maiores
perferendis fuga velit in quod. Libero voluptas, deserunt, nihil
deleniti sunt voluptate blanditiis suscipit itaque dolorum amet vero
aperiam exercitationem qui nemo! Debitis ipsa quam asperiores possimus
reprehenderit molestias enim dicta ullam?
</p>
</section>
<div class="pimg5">
<div class="ptext">
<span class="border">Parallax Website</span>
</div>
</div>
</body>
</html>