-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
85 lines (74 loc) · 4.58 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
<!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="main.css">
<title>Responsive Website Genesis</title>
</head>
<body>
<header id="showcase">
<h1>Welcome to the beach</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.
Minus nostrum fugit illo? Ipsam,
labore enim.</p>
<a href="#" class="button">Read More</a>
</header>
<section id="section-a">
<p> Section A Lorem ipsum dolor sit amet consectetur adipisicing elit.
Quos fuga ab vitae maiores aliquam quam vel. Cumque repudiandae, earum consequatur
aliquid porro alias eaque voluptas assumenda facere illum ducimus soluta et
doloribus culpa dolor non velit aliquam dolorum delectus, omnis libero sunt
saepe quo corporis. Nulla sint omnis facilis illo culpa veniam corrupti? Iste,
inventore aliquid? Soluta ipsam officia, esse aliquid quos, provident repellendus
velit voluptatibus tenetur aspernatur iure iste enim unde doloribus, nam accusantium
consequatur delectus rerum magnam neque illum in.
Nobis adipisci perferendis
necessitatibus neque facilis suscipit eum ratione cupiditate recusandae assumenda cum alias,
perspiciatis ducimus, iste quam.</p>
</section>
<section id="section-b">
<p>Section b Lorem ipsum dolor sit amet consectetur adipisicing elit.
Quos fuga ab vitae maiores aliquam quam vel. Cumque repudiandae, earum consequatur
aliquid porro alias eaque voluptas assumenda facere illum ducimus soluta et
doloribus culpa dolor non velit aliquam dolorum delectus, omnis libero sunt
saepe quo corporis. Nulla sint omnis facilis illo culpa veniam corrupti? Iste,
inventore aliquid? Soluta ipsam officia, esse aliquid quos, provident repellendus
velit voluptatibus tenetur aspernatur iure iste enim unde doloribus, nam accusantium
consequatur delectus rerum magnam neque illum in.
Nobis adipisci perferendis
necessitatibus neque facilis suscipit eum ratione cupiditate recusandae assumenda cum alias,
perspiciatis ducimus, iste quam.</p>
</section>
<section id="section-c">
<div class="box-1">
<p>section c Lorem ipsum dolor sit amet consectetur adipisicing elit.
Recusandae ab magni blanditiis dignissimos incidunt quaerat
impedit quis dolore aspernatur et.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Exercitationem sed asperiores labore, quos ex, doloribus libero ab reiciendis, eaque perspiciatis tenetur. Consequuntur dolore reiciendis esse eum doloremque? Odit, nulla reprehenderit.</p>
</div>
<div class="box-2">
<p> Section d Lorem ipsum dolor sit amet consectetur adipisicing elit.
Recusandae ab magni blanditiis dignissimos incidunt quaerat
impedit quis dolore aspernatur et.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugiat animi provident, eius quas magnam pariatur, inventore voluptatibus consequuntur omnis est incidunt a numquam, nemo id amet vel reprehenderit quo! Eius!</p>
</div>
<div class="box-3">
<p>Section e Lorem ipsum dolor sit amet consectetur adipisicing elit.
Recusandae ab magni blanditiis dignissimos incidunt quaerat
impedit quis dolore aspernatur et.
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Maiores dolores repudiandae pariatur, tempora eaque quisquam nihil id ullam eos commodi perspiciatis, laborum animi nemo, debitis saepe quas ducimus! Incidunt, adipisci?</p>
</div>
</section>
<div class="rss">
<script src="https://apps.elfsight.com/p/platform.js" defer></script>
<div class="elfsight-app-a20008a3-e4e4-4576-adb5-ef29c7ca3504">
</div>
<footer>
<img src="./img/logo.png" alt="logo"/>
<!--<p class="copy">© just Another Web Experience 2022</p>-->
<div style="display: flex; background-color: green; color:aliceblue;justify-content: center;height: 200px;width: 100%; align-items: center;">© just Another Web Experience 2022</div>
</footer>
</body>
</html>