-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
40 lines (39 loc) · 2.49 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Home</title>
<link rel="stylesheet" href="styles.css">
<style>
div.banner{
position: relative;
}
div.banner h1{
position: absolute;
top: 40%;
right: 80%;
font-size: 75px;
background-color: red;
color: white;
}
</style>
</head>
<body>
<header>
<h1 class="mcHeader">Marioclub Adventure club</h1>
</header>
<ul>
<li><a href="index.html" class="active">Home</a></li>
<li><a href="friends.html">friends</a></li>
<li><a href="gallery.html">gallery</a></li>
<li><a href="contact.html">contact</a></li>
</ul>
<div class="banner">
<img src="Images/banner_2.jpg" alt="Mario run">
<h1 >It's Me, <br> Mario!<h1>
</div>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Eveniet ullam, laboriosam quaerat delectus exercitationem nemo neque quisquam odio nihil ipsam eos enim doloremque magni voluptas nesciunt cum, culpa aliquam ex sint quis placeat quibusdam, aperiam at. Ipsum, aperiam delectus maxime sunt ut excepturi hic quia quibusdam vitae, earum nulla. Incidunt dolorum dignissimos nam hic recusandae ducimus iure illum, et dolor accusantium cumque? Maiores fugiat, quis culpa pariatur voluptatum inventore maxime esse reiciendis neque aliquid quos facere! Debitis minus sequi, sapiente architecto aperiam tempore. Quisquam, eaque impedit? Quia, ipsum sit magnam dicta quo autem fugiat consequatur cupiditate! Sit, minus? Dicta doloremque, saepe molestiae delectus numquam explicabo repellat magni impedit eos facilis at assumenda officiis laborum tempore. Officia, minima fugiat! Nam voluptatibus debitis, dolorum natus excepturi inventore in cumque laborum, cum laboriosam velit facere odit fugiat nihil corrupti eos quasi molestiae officiis quis voluptate quam voluptas ipsa voluptatum! Consectetur voluptatum laudantium vitae laboriosam accusantium, mollitia nostrum earum. Ea quisquam velit, officiis reprehenderit quas ducimus modi soluta facilis repellat a tenetur ab. Fuga placeat obcaecati eligendi vitae quo eos pariatur nemo quod modi laborum quis inventore quae quidem, ut perferendis, quos veniam incidunt ipsam voluptates. Numquam, eos labore! Iusto dignissimos facere tempore reprehenderit!</p>
<footer>© 2024 Ezehi Theddy</footer>
</body>
</html>