-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html.html
63 lines (56 loc) · 2.61 KB
/
index.html.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>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="test.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. Assumenda perferendis minus ea quo quod distinctio, voluptatem
dignissimos magnam! Earum facere vitae libero minus ipsum deserunt mollitia dolorum eaque temporibus quibusdam! Lorem ipsum
dolor sit amet, consectetur adipisicing elit. Aut saepe debitis tempora numquam unde autem labore quae mollitia. Voluptatum
deleniti commodi eveniet, veritatis laboriosam id placeat temporibus asperiores dolores facilis. Lorem ipsum dolor, sit amet
consectetur adipisicing elit. Minus esse odit blanditiis vero consequuntur minima, earum voluptatibus quas modi praesentium
delectus dolorem ipsum ea dolor animi reprehenderit aspernatur, molestias autem! Lorem ipsum dolor sit amet consectetur
adipisicing elit. Facere alias aliquam nemo officia velit! Quidem et, quam similique repellat id cum enim commodi non dolores
praesentium excepturi assumenda debitis ea?</p>
</article>
<ul class="images">
<li> <img src="img/thumb1.png.jpeg" alt="mario thumb 1"></li>
<li><img src="img/thumb2.png.jpeg" alt="mario thumb 2"></li>
</ul>
</main>
<section class="join">
<h2>Join today!</h2>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Labore quo atque ducimus a, neque laudantium accusamus hic ea rem vitae,
iste laborum odit soluta! Minus assumenda dolore dignissimos odit ullam?</p>
<form >
<input type="email" name="email" placeholder="Type your email & hit enter" required>
</form>
</section>
<footer>
<p class="copyright">Copyright 2019 Marioclub</p>
</footer>
</body>
</html>