-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathParallex website.html
97 lines (89 loc) · 4.72 KB
/
Parallex website.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
97
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Parallex Website</title>
<link rel="stylesheet" href="parallex.css">
</head>
<body>
<div class="wrapper">
<div class="container">
<img class="backgroundimg" src="background.png">
<img class="foregroundimg" src="foreground.png">
<h1>ADVENTURE</h1>
</div>
<section>
<div>
<h2 class="seched">ADVENTURE TIME!</h2>
<p class="text">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Explicabo minus quo minima consectetur aut
praesentium quasi id dolorem laudantium ab aspernatur sequi hic nemo placeat iure libero animi,
iusto
distinctio! Lorem ipsum dolor sit amet consectetur adipisicing elit. Minima, fugit! Lorem ipsum
dolor
sit amet. Lorem ipsum dolor sit amet.
</p>
<p class="text">
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Magnam quas dicta magni iusto qui culpa
quia
ea eligendi nam, labore quam nisi error quaerat quo in laboriosam natus porro aperiam! Lorem ipsum
dolor
sit amet consectetur adipisicing elit. Asperiores odio, totam eligendi harum autem sunt quidem rem
dolores facere commodi!
</p>
</div>
<div class="bg bg1">
<h2 class="desc">BIKING</h2>
</div>
<p class="text">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Explicabo minus quo minima consectetur aut
praesentium quasi id dolorem laudantium ab aspernatur sequi hic nemo placeat iure libero animi, iusto
distinctio! Lorem ipsum dolor sit amet consectetur adipisicing elit. Minima, fugit! Lorem ipsum dolor
sit amet. Lorem ipsum dolor sit amet.
</p>
<p class="text">
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Magnam quas dicta magni iusto qui culpa quia
ea eligendi nam, labore quam nisi error quaerat quo in laboriosam natus porro aperiam! Lorem ipsum dolor
sit amet consectetur adipisicing elit. Asperiores odio, totam eligendi harum autem sunt quidem rem
dolores facere commodi!
</p>
<div class="bg bg2">
<h2 class="desc">PARA GLIDING</h2>
</div>
<p class="text">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Explicabo minus quo minima consectetur aut
praesentium quasi id dolorem laudantium ab aspernatur sequi hic nemo placeat iure libero animi, iusto
distinctio! Lorem ipsum dolor sit amet consectetur adipisicing elit. Minima, fugit! Lorem ipsum dolor
sit amet. Lorem ipsum dolor sit amet.
</p>
<p class="text">
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Magnam quas dicta magni iusto qui culpa quia
ea eligendi nam, labore quam nisi error quaerat quo in laboriosam natus porro aperiam! Lorem ipsum dolor
sit amet consectetur adipisicing elit. Asperiores odio, totam eligendi harum autem sunt quidem rem
dolores facere commodi!
</p>
<div class="bg bg3">
<h2 class="desc">SURFING</h2>
</div>
<p class="text">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Explicabo minus quo minima consectetur aut
praesentium quasi id dolorem laudantium ab aspernatur sequi hic nemo placeat iure libero animi, iusto
distinctio! Lorem ipsum dolor sit amet consectetur adipisicing elit. Minima, fugit! Lorem ipsum dolor
sit amet. Lorem ipsum dolor sit amet.
</p>
<p class="text">
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Magnam quas dicta magni iusto qui culpa quia
ea eligendi nam, labore quam nisi error quaerat quo in laboriosam natus porro aperiam! Lorem ipsum dolor
sit amet consectetur adipisicing elit. Asperiores odio, totam eligendi harum autem sunt quidem rem
dolores facere commodi!
</p>
</section>
<footer>
<h2>
@Created By Prince
</h2>
</footer>
</div>
</body>
</html>