-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
96 lines (60 loc) · 3.38 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
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
<!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">
<link rel="stylesheet" href="style.css">
<title>Parralex </title>
</head>
<body>
<div class="wrapper">
<!-- Header part -->
<div class="container">
<img class="background" src="./assets/background.png" alt="background">
<img class="foreground" src="./assets/foreground.png" alt="foreground">
<h1>ADVENTURE</h1>
</div>
<!-- section part -->
<section>
<h2 class="secHeading">ADVENTURE TIME</h2>
<p class="text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Deleniti, consequuntur voluptate
quod tempora maxime earum rem facilis, quaerat enim repudiandae dolorem quam obcaecati aut cumque
eligendi, ab sit eos odio nihil est laudantium quos! Odio quos id explicabo ipsum assumenda.
<br><br>
Lorem ipsum, dolor sit amet consectetur adipisicing elit. In similique accusamus perspiciatis
consequuntur iure atque id maxime molestias doloribus voluptatem!</p>
<!-- BIKE PART -->
<div class="bg bg1">
<h2 class="desc">BIKING</h2>
</div>
<p class="text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Deleniti, consequuntur voluptate
quod tempora maxime earum rem facilis, quaerat enim repudiandae dolorem quam obcaecati aut cumque
eligendi, ab sit eos odio nihil est laudantium quos! Odio quos id explicabo ipsum assumenda.
<br><br>
Lorem ipsum, dolor sit amet consectetur adipisicing elit. In similique accusamus perspiciatis
consequuntur iure atque id maxime molestias doloribus voluptatem!</p>
<!-- PARA GLIDING PART -->
<div class="bg bg2">
<h2 class="desc">PARA GLIDING</h2>
</div>
<p class="text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Deleniti, consequuntur voluptate
quod tempora maxime earum rem facilis, quaerat enim repudiandae dolorem quam obcaecati aut cumque
eligendi, ab sit eos odio nihil est laudantium quos! Odio quos id explicabo ipsum assumenda.
<br><br>
Lorem ipsum, dolor sit amet consectetur adipisicing elit. In similique accusamus perspiciatis
consequuntur iure atque id maxime molestias doloribus voluptatem!</p>
<!-- SIKING PART -->
<div class="bg bg3">
<h2 class="desc">SIKING</h2>
</div>
<p class="text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Deleniti, consequuntur voluptate
quod tempora maxime earum rem facilis, quaerat enim repudiandae dolorem quam obcaecati aut cumque
eligendi, ab sit eos odio nihil est laudantium quos! Odio quos id explicabo ipsum assumenda.
<br><br>
Lorem ipsum, dolor sit amet consectetur adipisicing elit. In similique accusamus perspiciatis
consequuntur iure atque id maxime molestias doloribus voluptatem!</p>
</section>
</div>
</body>
</html>