-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
47 lines (47 loc) · 2.39 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
<!DOCTYPE html>
<html>
<head>
<meta name="viewpoint" content="width=device-width, initial-scale=1.0">
<link rel="styleSheet" href="stylesheet.css">
<title>my title</title>
</head>
<body>
<header>
<h1>Mario Club</h1>
</header>
<section class="cape">
<div id="crape">
<img src="marioclub.jpg" alt="Mario Club Welcome Barner">
</div>
<div class="welcome">
<h2>Welcome to <br><span>Mario Club</span></h2>
</div>
</section>
<nav class="join-class">
<ul>
<li><a href="join.html" class="join">Join the Club</a></li>
<li><a href="/news.html">The latest News</a></li>
<li><a href="/games.html">New Games</a></li>
<li><a href="/contact.html">Contact</a></li>
</ul>
</nav>
<main class="amet">
<article>
<h2>It's Me Mario</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatum dicta voluptatem ut! Asperiores nisi, reiciendis debitis cum reprehenderit, accusantium natus sunt iure, distinctio doloremque vitae unde nobis in. Tempora, aspernatur! Lorem ipsum dolor sit amet consectetur adipisicing elit. Nisi ullam, provident corporis accusantium saepe atque? Praesentium reprehenderit laboriosam laudantium ipsam suscipit omnis aspernatur quibusdam temporibus eius, excepturi sint quidem nihil? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vel, sint iusto? Fuga libero cupiditate atque dolore facere architecto quidem repellat itaque quasi aspernatur! Dicta aut porro, molestiae corrupti harum quam.</p>
</article>
<ul class="mario-phone">
<li class="mario-1"><img src="phone-1.jpg" alt="Mario phone 1"></li>
<li><img src="phone-2.jpg" alt="Mario phone 2"> <li>
</ul>
</main>
<section class="join">
<h2>Join Today!</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Delectus accusamus officia explicabo provident est nemo aliquid saepe, quasi excepturi.</p>
<form> <input type="email" name="email" placeholder="type your email"></form>
</section>
<footer>
<p class="copywrite">Copywrite since 2019 Mario Club</p>
</footer>
</body>
</html>