-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
59 lines (53 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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
<!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>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">
<h2>Section One</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos rerum sunt expedita? Delectus praesentium aspernatur laboriosam quia corrupti sit aperiam dolore possimus quo voluptatibus tempore, dicta, nam distinctio iste deserunt ipsum. Asperiores voluptates eaque assumenda nobis delectus dolorem dolor, iste ex eligendi itaque mollitia labore a consectetur at reiciendis similique dignissimos rem molestiae vero. Hic sunt optio cumque esse, recusandae et maiores quibusdam totam sit minima at. Totam suscipit ducimus, error tenetur maiores ex corporis tempore pariatur minima reiciendis quas est eveniet, ut veniam dolores tempora illum optio consequuntur ipsam eius explicabo voluptatum temporibus! Officia rem quibusdam expedita omnis incidunt.</p>
</section>
<section class="pimg2">
<div class="ptext">
<span class="textBg">
Explore Nature
</span>
</div>
</section>
<section class="section section-dark">
<h2>Section Two</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos rerum sunt expedita? Delectus praesentium aspernatur laboriosam quia corrupti sit aperiam dolore possimus quo voluptatibus tempore, dicta, nam distinctio iste deserunt ipsum. Asperiores voluptates eaque assumenda nobis delectus dolorem dolor, iste ex eligendi itaque mollitia labore a consectetur at reiciendis similique dignissimos rem molestiae vero. Hic sunt optio cumque esse, recusandae et maiores quibusdam totam sit minima at. Totam suscipit ducimus, error tenetur maiores ex corporis tempore pariatur minima reiciendis quas est eveniet, ut veniam dolores tempora illum optio consequuntur ipsam eius explicabo voluptatum temporibus! Officia rem quibusdam expedita omnis incidunt.</p>
</section>
<section class="pimg3">
<div class="ptext">
<span class="textBg">
LOOK, DEEP INTO NATURE
</span>
</div>
</section>
<section class="section section-dark">
<h2>Section Three</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos rerum sunt expedita? Delectus praesentium aspernatur laboriosam quia corrupti sit aperiam dolore possimus quo voluptatibus tempore, dicta, nam distinctio iste deserunt ipsum. Asperiores voluptates eaque assumenda nobis delectus dolorem dolor, iste ex eligendi itaque mollitia labore a consectetur at reiciendis similique dignissimos rem molestiae vero. Hic sunt optio cumque esse, recusandae et maiores quibusdam totam sit minima at. Totam suscipit ducimus, error tenetur maiores ex corporis tempore pariatur minima reiciendis quas est eveniet, ut veniam dolores tempora illum optio consequuntur ipsam eius explicabo voluptatum temporibus! Officia rem quibusdam expedita omnis incidunt.</p>
</section>
<section class="pimg1">
<div class="ptext">
<span class="textBg">
Manas Pathak
MAKE IT HAPPEN
</span>
</div>
</section>
</body>
</html>