Create index.html

jsrjhbaryan959 · Sep 29, 2022 · 1413ff9 · 1413ff9
1 parent 32c88e9
commit 1413ff9
Showing 1 changed file with 64 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta name="viewport" content="width-device-width, initial-scale=1.0">
+        <link rel="stylesheet" href="index.css">
+
+        <title>MARIO CLUB</title>
+    </head>
+<body>
+    <header>
+        <h1>Marioclub</h1>
+    </header>
+
+    <section class="banner">
+        <img src="banner.png" alt="Marioclub welcome page">
+        <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>Join Today</h2>
+            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. 
+            Architecto enim dolores inventore ipsum sapiente autem totam ad eum consequuntur, 
+            doloremque aperiam asperiores delectus quisquam ipsa corporis assumenda itaque, 
+            rem et!Lorem Lorem ipsum, dolor sit amet consectetur adipisicing elit. 
+            Incidunt, tenetur quisquam, optio nemo ullam, debitis expedita repellat rem earum nostrum 
+            eveniet ex officia cum! Quaerat voluptates vitae amet ducimus iste? 
+            Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sequi neque earum inventore illum, 
+            totam minima laborum facilis! Provident eaque iusto optio aspernatur cum, 
+            quod unde quis, similique animi reiciendis labore.</p>
+        </article>
+        <ul class="images">
+            <li><img src="thumb-1.png" alt="MARIO thumb-1"></li>
+            <li><img src="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. Aut perferendis quisquam quibusdam nam. 
+            Dolor suscipit sed consectetur quo, itaque magni cum obcaecati, est expedita blanditiis 
+            corporis quibusdam sapiente ab quaerat.</p>
+        <form>
+            <input type="email" name="email" placeholder="Enter email and hit enter" required>
+        </form>
+    </section>
+
+    <footer>
+        <p class="copyright">Copyright 2022 Marioclub</p>
+    </footer>
+
+</body>
+</html>