-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
72 lines (64 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
71
72
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>MarioClub</title>
</head>
<body>
<!-- header section -->
<header>
<h1>MarioClub</h1>
</header>
<section class="banner">
<img src="img/banner.png" alt="site-banner">
<div class="welcome">
<h2>Welcome to <br><span>MarioClub</span></h2>
</div>
</section>
<!-- main nav -->
<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 me, Mario</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Similique maxime expedita itaque commodi
inventore quia accusamus nostrum, recusandae incidunt facilis ipsam quidem amet iste cum ratione
mollitia blanditiis impedit quibusdam tempore quis sint doloremque. Quod ducimus saepe commodi, deserunt
est eaque! Magni, perspiciatis molestiae! Error architecto expedita, velit aperiam non nulla corporis
excepturi quibusdam aut quasi. Quis molestiae magni quisquam nihil architecto cumque, maxime ratione
quas itaque ex doloribus facilis cupiditate officiis odio! Tempora nihil unde nulla incidunt?
Exercitationem sequi modi iusto quos ex, consectetur ducimus dolor voluptatum nemo est asperiores odio
esse! Omnis perspiciatis veniam ad delectus ex fugiat.</p>
</article>
<ul class="images">
<li>
<img src="img/thumb-1.png" alt="mario-thumb1">
</li>
<li>
<img src="img/thumb-2.png" alt="Mario-thumb2">
</li>
</ul>
</main>
<section class="join">
<h2>Join Today!</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Non tempore error consequuntur officia eum quod?
Impedit, dolor. Labore omnis error ut sit optio est cupiditate corporis earum. Consequuntur, a aperiam?</p>
<form>
<input type="email" name="email" placeholder="Enter email & hit enter" required>
</form>
</section>
<footer>
<p class="copyright">
Copyright 2020 © MarioClub
</p>
</footer>
</body>
</html>