-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
72 lines (54 loc) · 7.27 KB
/
index.html
File metadata and controls
72 lines (54 loc) · 7.27 KB
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
<!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>Document</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Mitr&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="wrapper">
<div id="container">
<img src="background.png" alt="error" class="background">
<img src="foreground.png" alt="error" class="foreground">
<h1>ADVENTURE</h1>
</div>
<section>
<h2 class="secheading">Adventure Time</h2>
<p class="text">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad adipisci, accusamus doloribus quae fugit officia exercitationem saepe ipsum sunt voluptatum voluptatibus expedita corrupti, voluptas eius perspiciatis possimus? Eius dignissimos possimus eligendi ut veniam sint laboriosam unde saepe tempora veritatis perspiciatis aliquam a libero quo, est, repellat cumque quos praesentium. Voluptatem adipisci dolores praesentium, excepturi facilis laboriosam neque. Aperiam quidem ad quisquam sapiente impedit aspernatur, corrupti ex at blanditiis corporis dolor consequatur rem, a quis laudantium unde dolore. Laborum laboriosam, veritatis minus amet impedit fugiat obcaecati, ipsum atque nulla esse neque! Eligendi non dolorum eum laborum doloribus corrupti cum quis vel?
<br><br>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Harum blanditiis, error amet omnis ratione, sit saepe assumenda quod, suscipit vero architecto. Repudiandae quae sed, eum maiores esse odio earum ratione architecto reiciendis sit veniam? Dolorem placeat culpa esse quo earum nam atque. Eligendi quidem quae culpa, repudiandae voluptas omnis optio modi iusto suscipit nesciunt, nulla fugiat voluptatibus quia sunt rem, tempore ad reprehenderit. Rerum molestiae sed maiores dignissimos a voluptatum nesciunt doloremque ullam possimus ab architecto aspernatur minus recusandae commodi quibusdam, quis dicta alias exercitationem perspiciatis unde! Saepe quibusdam, similique aliquam blanditiis beatae magnam odio facilis porro accusantium quae adipisci?
</p>
<div class="bg bg1">
<h2 class="desc">Biking</h2>
</div>
<p class="text">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad adipisci, accusamus doloribus quae fugit officia exercitationem saepe ipsum sunt voluptatum voluptatibus expedita corrupti, voluptas eius perspiciatis possimus? Eius dignissimos possimus eligendi ut veniam sint laboriosam unde saepe tempora veritatis perspiciatis aliquam a libero quo, est, repellat cumque quos praesentium. Voluptatem adipisci dolores praesentium, excepturi facilis laboriosam neque. Aperiam quidem ad quisquam sapiente impedit aspernatur, corrupti ex at blanditiis corporis dolor consequatur rem, a quis laudantium unde dolore. Laborum laboriosam, veritatis minus amet impedit fugiat obcaecati, ipsum atque nulla esse neque! Eligendi non dolorum eum laborum doloribus corrupti cum quis vel?
<br><br>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Harum blanditiis, error amet omnis ratione, sit saepe assumenda quod, suscipit vero architecto. Repudiandae quae sed, eum maiores esse odio earum ratione architecto reiciendis sit veniam? Dolorem placeat culpa esse quo earum nam atque. Eligendi quidem quae culpa, repudiandae voluptas omnis optio modi iusto suscipit nesciunt, nulla fugiat voluptatibus quia sunt rem, tempore ad reprehenderit. Rerum molestiae sed maiores dignissimos a voluptatum nesciunt doloremque ullam possimus ab architecto aspernatur minus recusandae commodi quibusdam, quis dicta alias exercitationem perspiciatis unde! Saepe quibusdam, similique aliquam blanditiis beatae magnam odio facilis porro accusantium quae adipisci?
</p>
<div class="bg bg2">
<h2 class="desc">Para Gliding</h2>
</div>
<p class="text">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad adipisci, accusamus doloribus quae fugit officia exercitationem saepe ipsum sunt voluptatum voluptatibus expedita corrupti, voluptas eius perspiciatis possimus? Eius dignissimos possimus eligendi ut veniam sint laboriosam unde saepe tempora veritatis perspiciatis aliquam a libero quo, est, repellat cumque quos praesentium. Voluptatem adipisci dolores praesentium, excepturi facilis laboriosam neque. Aperiam quidem ad quisquam sapiente impedit aspernatur, corrupti ex at blanditiis corporis dolor consequatur rem, a quis laudantium unde dolore. Laborum laboriosam, veritatis minus amet impedit fugiat obcaecati, ipsum atque nulla esse neque! Eligendi non dolorum eum laborum doloribus corrupti cum quis vel?
<br><br>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Harum blanditiis, error amet omnis ratione, sit saepe assumenda quod, suscipit vero architecto. Repudiandae quae sed, eum maiores esse odio earum ratione architecto reiciendis sit veniam? Dolorem placeat culpa esse quo earum nam atque. Eligendi quidem quae culpa, repudiandae voluptas omnis optio modi iusto suscipit nesciunt, nulla fugiat voluptatibus quia sunt rem, tempore ad reprehenderit. Rerum molestiae sed maiores dignissimos a voluptatum nesciunt doloremque ullam possimus ab architecto aspernatur minus recusandae commodi quibusdam, quis dicta alias exercitationem perspiciatis unde! Saepe quibusdam, similique aliquam blanditiis beatae magnam odio facilis porro accusantium quae adipisci?
</p>
<div class="bg bg3">
<h2 class="desc">Surfing</h2>
</div>
<p class="text">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad adipisci, accusamus doloribus quae fugit officia exercitationem saepe ipsum sunt voluptatum voluptatibus expedita corrupti, voluptas eius perspiciatis possimus? Eius dignissimos possimus eligendi ut veniam sint laboriosam unde saepe tempora veritatis perspiciatis aliquam a libero quo, est, repellat cumque quos praesentium. Voluptatem adipisci dolores praesentium, excepturi facilis laboriosam neque. Aperiam quidem ad quisquam sapiente impedit aspernatur, corrupti ex at blanditiis corporis dolor consequatur rem, a quis laudantium unde dolore. Laborum laboriosam, veritatis minus amet impedit fugiat obcaecati, ipsum atque nulla esse neque! Eligendi non dolorum eum laborum doloribus corrupti cum quis vel?
<br><br>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Harum blanditiis, error amet omnis ratione, sit saepe assumenda quod, suscipit vero architecto. Repudiandae quae sed, eum maiores esse odio earum ratione architecto reiciendis sit veniam? Dolorem placeat culpa esse quo earum nam atque. Eligendi quidem quae culpa, repudiandae voluptas omnis optio modi iusto suscipit nesciunt, nulla fugiat voluptatibus quia sunt rem, tempore ad reprehenderit. Rerum molestiae sed maiores dignissimos a voluptatum nesciunt doloremque ullam possimus ab architecto aspernatur minus recusandae commodi quibusdam, quis dicta alias exercitationem perspiciatis unde! Saepe quibusdam, similique aliquam blanditiis beatae magnam odio facilis porro accusantium quae adipisci?
</p>
</section>
</div>
</body>
</html>