-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
51 lines (51 loc) · 2.18 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
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="main.css">
<title>Marioclub</title>
</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>Its me,Mario</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae possimus sapiente, ducimus asperiores error eum ipsam quasi repellendus iste earum laboriosam nesciunt officiis atque rerum quos incidunt aspernatur velit voluptates. Lorem ipsum, dolor sit amet consectetur adipisicing elit. Praesentium labore perferendis minus incidunt doloribus, eligendi repudiandae earum dignissimos est neque deserunt consequatur. Repudiandae autem maxime magnam eveniet! Atque, suscipit amet. Lorem ipsum, dolor sit amet consectetur adipisicing elit. Praesentium labore perferendis minus incidunt doloribus, eligendi repudiandae earum dignissimos est neque deserunt consequatur. Repudiandae autem maxime magnam eveniet! Atque, suscipit amet.</p>
</article>
<ul class="images">
<li><img src="img/thumb-1.png" alt="thumb 1"></li>
<li><img src="img/thumb-2.png" alt="thumb 2"></li>
</ul>
</main>
<section class="join">
<h2>Join Today!</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae possimus.</p>
<form>
<input type="email" name="email" placeholder="Type email & hit enter" required>
</form>
</section>
<br><br>
<footer>
<p class="Copyright">
Copyright 2019 Marioclub
</p>
</footer>
</body>
</html>