-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
48 lines (46 loc) · 3.72 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
<!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">
<title>Parallex Effect</title>
<link rel="stylesheet" href="styles.css">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
</head>
<body>
<div class="wrapper">
<div class="header">
<img src="background.png" alt="background" class="background">
<img src="foreground.png" alt="foreground" class="foreground">
<h1>Adventure</h1>
</div>
<div class="container">
<h2 class="heading">Adventure Time</h2>
<p class="text">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Architecto commodi adipisci iste rerum minima velit tenetur culpa eveniet quae explicabo officiis natus neque expedita placeat enim beatae atque consequuntur, laudantium odio, autem consequatur ipsa. Vero aperiam sit autem ullam voluptatem.
<br><br>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus expedita nostrum deserunt. Nulla consequatur, vero molestias, ab est dolor earum quis voluptas officiis perspiciatis, blanditiis iure hic ea dolorem tempore sunt laudantium fuga nam expedita dolorum. Accusamus iure dolorem ipsum.
</p>
<div class="bg bg1"> <h2 class="desc">BIKING</h2></div>
<p class="text">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Architecto commodi adipisci iste rerum minima velit tenetur culpa eveniet quae explicabo officiis natus neque expedita placeat enim beatae atque consequuntur, laudantium odio, autem consequatur ipsa. Vero aperiam sit autem ullam voluptatem.
<br><br>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus expedita nostrum deserunt. Nulla consequatur, vero molestias, ab est dolor earum quis voluptas officiis perspiciatis, blanditiis iure hic ea dolorem tempore sunt laudantium fuga nam expedita dolorum. Accusamus iure dolorem ipsum.
</p>
<div class="bg bg2"> <h2 class="desc">PARAGLIDING</h2></div>
<p class="text">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Architecto commodi adipisci iste rerum minima velit tenetur culpa eveniet quae explicabo officiis natus neque expedita placeat enim beatae atque consequuntur, laudantium odio, autem consequatur ipsa. Vero aperiam sit autem ullam voluptatem.
<br><br>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus expedita nostrum deserunt. Nulla consequatur, vero molestias, ab est dolor earum quis voluptas officiis perspiciatis, blanditiis iure hic ea dolorem tempore sunt laudantium fuga nam expedita dolorum. Accusamus iure dolorem ipsum.
</p>
<div class="bg bg3"> <h2 class="desc">SURFING</h2></div>
<p class="text">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Architecto commodi adipisci iste rerum minima velit tenetur culpa eveniet quae explicabo officiis natus neque expedita placeat enim beatae atque consequuntur, laudantium odio, autem consequatur ipsa. Vero aperiam sit autem ullam voluptatem.
<br><br>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus expedita nostrum deserunt. Nulla consequatur, vero molestias, ab est dolor earum quis voluptas officiis perspiciatis, blanditiis iure hic ea dolorem tempore sunt laudantium fuga nam expedita dolorum. Accusamus iure dolorem ipsum.
</p>
abcd
</div>
</body>
</html>