-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
63 lines (62 loc) · 2.94 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
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="styles.css">
<title>Marioclubs</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>
</a></li>
</ul>
</nav>
<main>
<article>
<h2>It's a me, Mario</h2>
<p>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Adipisci, minus! Iusto dolor amet accusamus
corrupti ut? Quos, facere quasi! Obcaecati sapiente suscipit quidem earum veniam laboriosam ducimus soluta
Lorem ipsum dolor sit amet consectetur adipisicing elit. Adipisci officiis voluptate obcaecati,
quos mollitia porro corporis veritatis quisquam sint optio deleniti, tempora doloribus iure rerum!
Nemo corrupti voluptas neque officiis? qui quaerat? Lorem ipsum dolor sit amet consectetur adipisicing elit. Adipisci officiis voluptate obcaecati,
quos mollitia porro corporis veritatis quisquam sint optio deleniti, tempora doloribus iure rerum!
Nemo corrupti voluptas neque officiis? Lorem ipsum dolor sit amet consectetur adipisicing elit. Adipisci officiis voluptate obcaecati,
quos mollitia porro corporis veritatis quisquam optio deleniti, tempora doloribus iure rerum!
Nemo corrupti voluptas neque officiis? Lorem ipsum dolor sit amet consectetur adipisicing elit. Adipisci officiis voluptate obcaecati,
quos mollitia porro corporis veritatis quisquam sint optio deleniti, tempora doloribus iure rerum!
Nemo corrupti voluptas neque officiis?
</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. Ipsum libero consequuntur fuga quibusdam. Explicabo
vitae ullam odit laborum autem, dignissimos fugiat excepturi dolorum, deleniti inventore fugit magni maxime illo? Ex.
</p>
<form>
<input type="email" name="email" placeholder="Type email & hit enter" required>
</form>
</section>
<footer>
<p class="copyright">Copyright 2019 Marioclub</p>
</footer>
</body>
</html>