-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
61 lines (59 loc) · 3.2 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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
<meta name="viewpoint" content="width=device-width, initial-scale=1.0">
<title>Marioclub</title>
</head>
<body>
<header>
<h1 id="maintext">Marioclub</h1>
</header>
<section class="banner">
<img src="./mario img1.png" alt="welcome banner">
<div class="welcome">
<h2>welcome to <br><span id="welcome-text">Marioclub</span></h2>
</div>
</section>
<nav class="main-nav">
<ul>
<li><a href="/join.html" class="join-link">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 us</a></li>
</ul>
</nav>
<main>
<article>
<h2>It's a me, Mario</h2>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Corporis natus atque explicabo laborum culpa doloremque
provident laudantium nesc sit amet consectetur adipisicing elit. Deleniti praesentium, fugit asperiores pariatur
architecto cupiditate quo nihil consectetur doloribus, aut dolor atque facilis provident ducimus voluptatum quisquam
sint maiores iste. Lorem ipsum dolor sit amet consectetur adipisicing elit. Placeat hic reiciendis quod soluta harum
beatae, quam voluptas ea atque, aperiam numquam natus! Ipsam ipsum possimus nisi fugit, beatae architecto. Lorem
ipsum dolor sit amet consectetur, adipisicing elit. Suscipit, soluta? Natus consectetur fugiat excepturi doloremque
rem repellat maxime sit tempora, atque nobis fuga itaque vel doloribus perferendis cupiditate ut mollitia. Lorem
ipsum dolor, sit amet consectetur adipisicing elit. Quae eveniet ad maiores dicta, vero ipsam doloribus quia,
necessitatibus cumque explicabo, cupiditate uiunt nihil eos suscipit, sapiente, soluta dolorum ratione ea magnam
accusantium nemo dolorem. Lorem ipsum dolorllam animi quod quos harum. Quis quod vel earum!
</p>
</article>
<ul class="images">
<li><img src="./mario page 1.png" alt="Mario thumb-1"></li>
<li><img src="./mario image 2.png" alt="Mario thumb-2"></li>
</ul>
</main>
<section class="join">
<h2 id="last-header">Join Today!</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis illo placeat animi accusantium illum, excepturi
soluta nostrum ducimus labore eveniet molestiae quam veritatis praesentium non vitae corporis dignissimos ex nemo. Lorem
</p>
<form>
<input type="email" name="email" placeholder="Enter you Email & hit enter" required>
</form>
</section>
<footer>
<p class="copyright">copyright 2019 Marioclub</p>
</footer>
</body>
</html>