-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
57 lines (54 loc) · 3.23 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
<!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">
<div class="container">
<img src="static/background.png" class="background" alt="background">
<img src="static/foreground (1).png" class="foreground" alt="background">
<h1>ADVENTURE</h1>
</div>
<section>
<h2 class="secHeading">Adventure Time</h2>
<p class="text"> Lorem, ipsum dolor sit amet consectetur adipisicing elit. Provident minima error illo voluptatibus fuga
nobis natus quia mollitia distinctio illum. Reiciendis consequuntur ducimus, omnis cupiditate sed vel
error fugiat quidem corporis natus aliquid!<br><br> Blanditiis unde cum voluptatibus quo atque non aperiam
necessitatibus, eveniet magnam consequatur dicta pariatur sed quos dolore vero, a eum ratione totam!
Consequuntur nam est libero necessitatibus!
</p>
<div class="bg bg1">
<h2 class="desc">BIKING</h2>
</div>
<p class="text"> Lorem, ipsum dolor sit amet consectetur adipisicing elit. Provident minima error illo voluptatibus fuga
nobis natus quia mollitia distinctio illum. Reiciendis consequuntur ducimus, omnis cupiditate sed vel
error fugiat quidem corporis natus aliquid!<br><br> Blanditiis unde cum voluptatibus quo atque non aperiam
necessitatibus, eveniet magnam consequatur dicta pariatur sed quos dolore vero, a eum ratione totam!
Consequuntur nam est libero necessitatibus!
</p>
<div class="bg bg2">
<h2 class="desc">PARA GLIDING</h2>
</div>
<p class="text"> Lorem, ipsum dolor sit amet consectetur adipisicing elit. Provident minima error illo voluptatibus fuga
nobis natus quia mollitia distinctio illum. Reiciendis consequuntur ducimus, omnis cupiditate sed vel
error fugiat quidem corporis natus aliquid!<br><br> Blanditiis unde cum voluptatibus quo atque non aperiam
necessitatibus, eveniet magnam consequatur dicta pariatur sed quos dolore vero, a eum ratione totam!
Consequuntur nam est libero necessitatibus!
</p>
<div class="bg bg3">
<h2 class="desc">SURFING</h2>
</div>
<p class="text"> Lorem, ipsum dolor sit amet consectetur adipisicing elit. Provident minima error illo voluptatibus fuga
nobis natus quia mollitia distinctio illum. Reiciendis consequuntur ducimus, omnis cupiditate sed vel
error fugiat quidem corporis natus aliquid!<br><br> Blanditiis unde cum voluptatibus quo atque non aperiam
necessitatibus, eveniet magnam consequatur dicta pariatur sed quos dolore vero, a eum ratione totam!
Consequuntur nam est libero necessitatibus!
</p>
</section>
</div>
</body>
</html>