-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·68 lines (55 loc) · 4.79 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Parallax Effect</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id="wrapper">
<!-- First part -->
<div class="container">
<img src="background.png" class="background">
<img src="foreground.png" class="foreground">
<h1>ADVENTURE</h1>
</div>
<section>
<!-- second part -->
<h2 class="secheading">Adventure Time!</h2>
<p class="text">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Excepturi, nihil id esse neque quam inventore cum. Necessitatibus distinctio laudantium aperiam nisi! Repellat ipsum repudiandae culpa? Quos accusamus quas voluptatibus praesentium provident sint labore dicta assumenda harum sunt! Quisquam, aliquam reprehenderit. Voluptas reprehenderit deleniti architecto inventore voluptatem odio, expedita numquam, optio eaque impedit asperiores consectetur accusantium?
<br> <br>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Corrupti molestiae vero eveniet facere labore deserunt vel sapiente similique eligendi fugiat? Tempora esse vel id molestias soluta aliquam sed, animi, nesciunt eligendi beatae sapiente obcaecati praesentium voluptatum! Molestias tenetur accusantium, voluptas odio quos temporibus ducimus labore porro pariatur voluptatum commodi nemo eum perferendis ipsa praesentium reiciendis?
</p> <br>
<!-- third part -->
<div class="bg bg1">
<h2 class="heading">Biking</h2>
</div>
<p class="text">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloribus iusto maiores, fugit asperiores accusamus illo cupiditate ad nemo consectetur soluta aliquid dignissimos mollitia nisi sapiente vitae! Magni, quos sunt fuga aut fugit iure, in consequatur vero molestias dignissimos asperiores dolores cum? Ipsa aperiam possimus illo, quisquam maiores libero quia vero asperiores accusantium. Eum, officiis quasi!
<br> <br>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Reiciendis debitis nemo, beatae esse placeat nulla fuga iure nobis. Cupiditate ipsum itaque, illum ullam laboriosam tempore officia blanditiis amet. Dolore explicabo sapiente cumque blanditiis nam odit labore adipisci libero dolor quod quae voluptate maiores quos, rem delectus veniam in at amet. Quidem ratione velit vitae dolore.
</p> <br>
<!-- fourth part -->
<div class="bg bg2">
<h2 class="heading">Para Gliding</h2>
</div>
<p class="text">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus at officiis voluptatum sapiente expedita recusandae aspernatur, debitis earum consequatur quas esse vitae delectus voluptates eligendi accusamus maxime saepe dicta repudiandae distinctio nemo dolore perspiciatis explicabo, velit repellat! Voluptatum accusantium voluptatibus vero ducimus at nesciunt a? Quos, veniam quis. Repellendus nisi, iusto delectus placeat rem molestias.
<br> <br>
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dolores error quae expedita nobis labore voluptatem laborum fugit aspernatur impedit repellat unde, ea rerum ab perferendis provident rem. Vitae, laborum necessitatibus dolorum blanditiis cupiditate sit aliquid delectus inventore, rem voluptatem, nisi doloribus cumque voluptates placeat. Beatae rerum odio sunt possimus itaque a! Tempore debitis doloremque quas.
</p> <br>
<!-- fifth part -->
<div class="bg bg3">
<h2 class="heading">Surfing</h2>
</div>
<p class="text">
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Perferendis in repudiandae reprehenderit eos et numquam, porro sint nam quisquam illum dolores quaerat excepturi pariatur atque harum at quis, ex corporis quae. Labore, sit recusandae quos qui facilis ratione maiores quidem possimus consequatur, ad voluptatum sequi neque nesciunt eum laudantium? Obcaecati iste porro illum? Minus, non?
<br> <br>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, vero sint accusamus animi modi qui ad quasi recusandae dignissimos sapiente, fugiat aliquam sequi iusto labore, rem magnam incidunt harum ratione dicta nemo. Perferendis, sint accusantium, qui minima quo et esse assumenda facilis modi beatae eos dolor eligendi voluptatem dignissimos, libero consequuntur? Id, perspiciatis? Assumenda, minus.
</p> <br>
</section>
</div>
</body>
</html>