-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
60 lines (52 loc) · 3.51 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
<!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. Ex, ea omnis impedit assumenda incidunt sequi cumque distinctio iure doloribus cupiditate neque consectetur aliquam ut nostrum quo qui facere ipsum sed quos vero nesciunt nobis? Odit consectetur laborum reprehenderit amet deserunt unde expedita quis excepturi. Nam iste vero, rerum neque doloribus modi ad quam et laborum, adipisci enim! Accusantium repellendus provident temporibus asperiores corrupti labore culpa, totam, nam maxime est nisi, at illo. Maxime debitis sequi quam ratione eligendi quaerat molestias odio, inventore dolorum vel aliquam exercitationem natus necessitatibus nisi ex eaque in ducimus vero cupiditate libero, voluptatibus nostrum. Obcaecati, similique.</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. Ex, ea omnis impedit assumenda incidunt sequi cumque distinctio iure doloribus cupiditate neque consectetur aliquam ut nostrum quo qui facere ipsum sed quos vero nesciunt nobis? Odit consectetur laborum reprehenderit amet deserunt unde expedita quis excepturi. Nam iste vero, rerum neque doloribus modi ad quam et laborum, adipisci enim! Accusantium repellendus provident temporibus asperiores corrupti labore culpa, totam, nam maxime est nisi, at illo. Maxime debitis sequi quam ratione eligendi quaerat molestias odio, inventore dolorum vel aliquam exercitationem natus necessitatibus nisi ex eaque in ducimus vero cupiditate libero, voluptatibus nostrum. Obcaecati, similique.</p>
</section>
<section class="pimg3">
<div class="ptext">
<span class="textBg">
Look, Deep ino Nature
</span>
</div>
</section>
<section class="section section-dark">
<h2>Section Three</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ex, ea omnis impedit assumenda incidunt sequi cumque distinctio iure doloribus cupiditate neque consectetur aliquam ut nostrum quo qui facere ipsum sed quos vero nesciunt nobis? Odit consectetur laborum reprehenderit amet deserunt unde expedita quis excepturi. Nam iste vero, rerum neque doloribus modi ad quam et laborum, adipisci enim! Accusantium repellendus provident temporibus asperiores corrupti labore culpa, totam, nam maxime est nisi, at illo. Maxime debitis sequi quam ratione eligendi quaerat molestias odio, inventore dolorum vel aliquam exercitationem natus necessitatibus nisi ex eaque in ducimus vero cupiditate libero, voluptatibus nostrum. Obcaecati, similique.</p>
</section>
<section class="pimg1">
<div class="ptext">
<span class="textBg">
Do Some Coding
</span>
</div>
</section>
</body>
</html>