-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
54 lines (49 loc) · 2.16 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
<!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">
<link rel="stylesheet" href="style.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>It's a me, Mario</h2>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Labore autem animi, reprehenderit at veritatis quisquam, laboriosam ut laborum hic vero harum incidunt suscipit atque eaque voluptate quas assumenda tenetur optio. Lorem, ipsum dolor sit amet consectetur adipisicing elit. Laborum porro excepturi omnis a? Libero perspiciatis amet reiciendis modi odio vel deleniti ullam maiores voluptate quas quasi, soluta praesentium, totam aliquid. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Modi suscipit distinctio voluptate, nihil amet consequatur ipsum quod tempora explicabo unde molestias quos velit qui nesciunt cumque quae ut doloribus placeat!</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. Facilis accusantium culpa, fuga ex laborum corporis nulla deleniti asperiores, distinctio sequi dignissimos illo architecto praesentium atque consequuntur.</p>
<form>
<input type="email" name="email" placeholder="Type your email & hit enter" required>
</form>
</section>
<footer>
<p class="copyright">Copyright 2021 Marioclub</p>
</footer>
</body>
</html>