-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
56 lines (52 loc) · 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
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>MarioPlay</title>
</head>
<body>
<header>
<h1>MarioPlay</h1>
</header>
<section class="banner">
<img src="banner.png" alt="marioclub welcome banner">
<div class="welcome">
<h2>Welcome to <br><span>MarioPlay</span></h2>
</div>
</section>
<nav class="main-nav">
<ul>
<li><a href="#" class="join">Join the club</a></li>
<li><a href="#">Latest news</a></li>
<li><a href="#">New games</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
<main>
<article>
<h2>It's a 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="thumb-1.png" alt="mario thumbnail 1"></li>
<li><img src="thumb-2.png" alt="mario thumbnail 2"></li>
</ul>
</main>
<section class="join">
<h2>Join Today!</h2>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Corporis dignissimos minus voluptatem.</p>
<form>
<input type="email" name="email" placeholder="Email" required>
</form>
</section>
<footer>
<p class="copyright">Copyright 2019 MarioPlay</p>
</footer>
</body>
</html>