-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
70 lines (70 loc) · 2.57 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta
name="description"
content="The place to be for all Mario game lovers, both young and old."
/>
<link rel="icon" type="image/png" href="/assets/favicon.png" />
<title>Mario Club</title>
</head>
<body>
<header>
<h1>Marioclub</h1>
</header>
<section class="banner">
<img src="assets/banner.png" alt="Marioclub Banner" />
<div class="welcome">
<h2>Welcome to <br /><span>Marioclub</span></h2>
</div>
</section>
<nav class="main-nav">
<ul>
<li><a href="/join.html" class="joinclub">Join the club</a></li>
<li><a href="/news.html">Latest news</a></li>
<li><a href="/games.html">New games</a></li>
<li><a href="/contact.html">Contact</a></li>
</ul>
</nav>
<main>
<article>
<h2>Its a me,Mario</h2>
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Eaque, nobis assumenda
ducimus soluta ex esse sequi voluptate aliquid debitis ad vel id. Optio ipsum
veniam dicta dolore recusandae nesciunt doloribus! Lorem ipsum dolor sit, amet
consectetur adipisicing elit. Ratione sapiente recusandae commodi quisquam
assumenda impedit dolore in quae! Eaque, fugit unde placeat libero ab dolorum!
Molestias dolorem minima reiciendis fuga. Lorem ipsum dolor sit amet consectetur
adipisicing elit. Repellendus ex minima neque laudantium delectus nesciunt,
soluta quibusdam similique vitae, inventore iusto asperiores fuga id natus.
Earum impedit velit rem aspernatur.
</p>
</article>
<ul class="images">
<li><img src="assets/thumb-1.png" alt="Mario thumb 1" /></li>
<li><img src="assets/thumb-2.png" alt="Mario thumb 2" /></li>
</ul>
</main>
<section class="join">
<h2>Join Today!</h2>
<p>
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Eos quae, beatae ipsum
dolore numquam, fuga repudiandae quisquam aspernatur necessitatibus autem rem quia
veritatis ad impedit earum nobis error labore reiciendis. Lorem ipsum dolor sit
amet consectetur adipisicing elit. Quis, omnis optio! Fugit officia, incidunt
quaerat assumenda blanditiis impedit consectetur ut voluptatibus expedita minus
eius aliquid voluptate doloremque aut ullam accusamus!
</p>
<form>
<input type="email" name="email" placeholder="enteremail@gmail.com" required />
</form>
</section>
<footer>
<p class="copyright">Copyright 2022 Marioclub</p>
</footer>
<script type="module" src="/main.js"></script>
</body>
</html>