-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
81 lines (74 loc) · 5.03 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./style.css">
<title>parellex effect website</title>
</head>
<body>
<div id="wrapper">
<div class="container">
<img src="./images/background.png" class="background">
<img src="./images/foreground.png" class="foreground">
<h1>ADVENTURE</h1>
</div>
<section class="">
<h2>ADVENTURE TIME</h2>
<p class="text">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestiae deserunt consectetur
impedit eveniet ullam repellendus! Delectus tempora, numquam ratione sint, libero quod aut sed sequi est
velit deleniti quidem labore magni! Aspernatur iste porro maxime laudantium soluta perspiciatis
inventore aperiam? Lorem, ipsum dolor sit amet consectetur adipisicing elit. Possimus voluptatem nostrum
facere amet dolores fugit tenetur porro provident, mollitia eveniet.<br><br>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus vero vitae in modi reprehenderit
officiis repudiandae, illum porro ex quam mollitia voluptatibus architecto laboriosam labore, unde
repellendus! Quos, eveniet? Consectetur illo reprehenderit accusantium veritatis consequatur voluptas
ullam natus, recusandae ad laboriosam tempora cupiditate numquam! Dicta doloribus vel hic aliquam quae.
</p>
<div class="bg bg1">
<h2 class="desc">BIKING</h2>
</div>
<p class="text">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestiae deserunt consectetur
impedit eveniet ullam repellendus! Delectus tempora, numquam ratione sint, libero quod aut sed sequi est
velit deleniti quidem labore magni! Aspernatur iste porro maxime laudantium soluta perspiciatis
inventore aperiam? Lorem, ipsum dolor sit amet consectetur adipisicing elit. Possimus voluptatem nostrum
facere amet dolores fugit tenetur porro provident, mollitia eveniet.<br><br>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus vero vitae in modi reprehenderit
officiis repudiandae, illum porro ex quam mollitia voluptatibus architecto laboriosam labore, unde
repellendus! Quos, eveniet? Consectetur illo reprehenderit accusantium veritatis consequatur voluptas
ullam natus, recusandae ad laboriosam tempora cupiditate numquam! Dicta doloribus vel hic aliquam quae.
</p>
<div class="bg bg2">
<h2 class="desc">PARA-GLIDING</h2>
</div>
<p class="text">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestiae deserunt consectetur
impedit eveniet ullam repellendus! Delectus tempora, numquam ratione sint, libero quod aut sed sequi est
velit deleniti quidem labore magni! Aspernatur iste porro maxime laudantium soluta perspiciatis
inventore aperiam? Lorem, ipsum dolor sit amet consectetur adipisicing elit. Possimus voluptatem nostrum
facere amet dolores fugit tenetur porro provident, mollitia eveniet.<br><br>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus vero vitae in modi reprehenderit
officiis repudiandae, illum porro ex quam mollitia voluptatibus architecto laboriosam labore, unde
repellendus! Quos, eveniet? Consectetur illo reprehenderit accusantium veritatis consequatur voluptas
ullam natus, recusandae ad laboriosam tempora cupiditate numquam! Dicta doloribus vel hic aliquam quae.
</p>
<div class="bg bg3">
<h2 class="desc">SURFING</h2>
</div>
<p class="text">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestiae deserunt consectetur
impedit eveniet ullam repellendus! Delectus tempora, numquam ratione sint, libero quod aut sed sequi est
velit deleniti quidem labore magni! Aspernatur iste porro maxime laudantium soluta perspiciatis
inventore aperiam? Lorem, ipsum dolor sit amet consectetur adipisicing elit. Possimus voluptatem nostrum
facere amet dolores fugit tenetur porro provident, mollitia eveniet.<br><br>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus vero vitae in modi reprehenderit
officiis repudiandae, illum porro ex quam mollitia voluptatibus architecto laboriosam labore, unde
repellendus! Quos, eveniet? Consectetur illo reprehenderit accusantium veritatis consequatur voluptas
ullam natus, recusandae ad laboriosam tempora cupiditate numquam! Dicta doloribus vel hic aliquam quae.
</p>
</section>
</div>
</body>
</html>