-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
68 lines (68 loc) · 2.35 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
<!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>Marioclub</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<header>
<h1>Marioclub</h1>
</header>
<section class="banner">
<img src="img/banner.png" alt="marioclub welcome 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="join">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>It's a me, Mario</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aut, est
placeat doloremque ad amet similique hic earum accusamus quas, fugiat
corporis atque libero non reiciendis asperiores, deleniti blanditiis
porro beatae! Lorem ipsum dolor sit, amet consectetur adipisicing
elit. Voluptatibus expedita mollitia quis esse temporibus iure beatae
labore quo harum repudiandae vero veritatis explicabo odit, voluptas
ut id deleniti magnam magni. Lorem ipsum dolor sit amet consectetur
adipisicing elit. Debitis minima alias sit fuga, assumenda, dolorum
tempore voluptatibus sequi aperiam illo tenetur, ipsa perferendis
officia aliquid consectetur molestias labore soluta? Ad.
</p>
</article>
<ul class="images">
<li><img src="img/thumb-1.png" alt="mario thumb 1" /></li>
<li><img src="img/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. Consectetur
perferendis saepe voluptates et commodi?
</p>
<form action="">
<input
type="email"
name="email"
placeholder="Type email & hit enter"
required
/>
</form>
</section>
<footer>
<p class="copyright">Copyright 2022 Marioclub</p>
</footer>
</body>
</html>