-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
52 lines (51 loc) · 3.32 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Parallax Website</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<section class="pimg1">
<div class="ptext">
<span class="textBg">
Parallax Website
</span>
</div>
</section>
<section class="section section-light">
<h1>Section One</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Id repellat dolor ipsam numquam voluptas voluptatibus autem iusto, a quo corporis minus delectus? Illo, eos omnis qui nesciunt eum quos quaerat earum tempore laborum non eaque tenetur cupiditate. Expedita velit dolore repudiandae modi quod recusandae, ad porro a hic libero atque ipsa ex fuga natus! Aut tempore repudiandae ratione totam, enim nostrum laboriosam fugiat dolores quidem eum itaque eaque dolorem nesciunt dicta et modi? Asperiores odit, nulla optio debitis sed fugiat, minus ipsam nostrum itaque assumenda sint, placeat laudantium maiores dicta quas odio modi est atque a praesentium reprehenderit? Consequuntur, perspiciatis.</p>
</section>
<section class="pimg2">
<div class="ptext">
<span class="textBg">
Explore London
</span>
</div>
</section>
<section class="section section-dark">
<h1>Section Two</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Id repellat dolor ipsam numquam voluptas voluptatibus autem iusto, a quo corporis minus delectus? Illo, eos omnis qui nesciunt eum quos quaerat earum tempore laborum non eaque tenetur cupiditate. Expedita velit dolore repudiandae modi quod recusandae, ad porro a hic libero atque ipsa ex fuga natus! Aut tempore repudiandae ratione totam, enim nostrum laboriosam fugiat dolores quidem eum itaque eaque dolorem nesciunt dicta et modi? Asperiores odit, nulla optio debitis sed fugiat, minus ipsam nostrum itaque assumenda sint, placeat laudantium maiores dicta quas odio modi est atque a praesentium reprehenderit? Consequuntur, perspiciatis.</p>
</section>
<section class="pimg3">
<div class="ptext">
<span class="textBg">
Feed Your WanderLust
</span>
</div>
</section>
<section class="section section-dark">
<h1>Section Three</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Id repellat dolor ipsam numquam voluptas voluptatibus autem iusto, a quo corporis minus delectus? Illo, eos omnis qui nesciunt eum quos quaerat earum tempore laborum non eaque tenetur cupiditate. Expedita velit dolore repudiandae modi quod recusandae, ad porro a hic libero atque ipsa ex fuga natus! Aut tempore repudiandae ratione totam, enim nostrum laboriosam fugiat dolores quidem eum itaque eaque dolorem nesciunt dicta et modi? Asperiores odit, nulla optio debitis sed fugiat, minus ipsam nostrum itaque assumenda sint, placeat laudantium maiores dicta quas odio modi est atque a praesentium reprehenderit? Consequuntur, perspiciatis.</p>
</section>
<section class="pimg1">
<div class="ptext">
<span class="textBg">
Let's Travel!
</span>
</div>
</section>
</body>
</html>