Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <!-- Meta -->
- <meta charset="UTF-8" />
- <title>Find The Precious </title>
- <!-- Styles -->
- <link rel="stylesheet", href="styles/index.processed.css">
- </head>
- <body>
- <!--
- Wow! What do you want to build?
- You have so many possibilities right now... Looking for something to kick off?
- How about a simple folio page to show off everything you're going to make!
- -->
- <!-- Scripts -->
- <script src="scripts/index.js"></script>
- <nav>
- <a style="background:#808080",href="/">FindThePrecious.com</a>
- <a style="background:#FFFFFF",href="#Fellows">Fellows</a>
- <a style="background:#808080",href="/contact">Contact</a>
- </nav>
- <section>
- <img src=https://via.placeholder.com/800x140?text=Dangerous+fellowships+try+to+destroy+the+ring+! alt="Le140">
- </section>
- <section>
- <h1 id="Fellows"><font size="14">Fellows Wanted Dead </font> or Alive if you want to eat them later !</h1>
- <table>
- <tr><th>Villain #1</th><th>Villain #2</th><th>Villain #3</th></tr>
- <tr><td><img src=https://via.placeholder.com/140x140 alt="Le wild circus"></td><td><img src=https://via.placeholder.com/140x140 alt="Le wild circus"></td><td><img src=https://via.placeholder.com/140x140 alt="Le wild circus"></td></tr>
- <tr><td><b>The Wizzard</b></td><td><b>The Hobbit</b></td><td><b>Yummy Dwarf</b></td></tr>
- <tr><td>Lorem ipsum dolor</td><td>Lorem ipsum dolor</td><td>Lorem ipsum dolor </td></tr>
- </table>
- </section>
- <section>
- <h2 id="Contact">Contact Us</h2>
- <!-- TODO: Réalise un formulaire de contact avec les champs email et message plus un bouton pour envoyer le message. Pense bien à ajouter les labels pour les différents champs
- Ce formulaire n'a pas besoin d'être fonctionnel, réalise juste la mise en forme.
- -->
- <form action="/my-handling-form-page" method="post">
- <div>
- <textarea id="mail" name="user_mail" rows="1" cols="50">@</textarea>
- </div>
- <div>
- <textarea id="adresse" name="user_adresse" rows="1" cols="50">🏡</textarea>
- </div>
- <SELECT name="Cequejaivu" size="1">
- <OPTION>I have seen one of them
- <OPTION>I am the vilain you are looking for
- <OPTION>The HTML QUEST is WORSE than the RING ONE
- <OPTION>42
- <OPTION>Julien aime les bières
- </SELECT>
- <div>
- <textarea id="msg" name="user_message" rows="4" cols="50">Leave us a message !</textarea>
- </div>
- <div class="button">
- <button type="submit">send message</button>
- </div>
- </form>
- </section>
- </body>
- <footer>
- <p><a>About Us</a><a>            </a><a> FAQ</a></p>
- <a><a>Fellows</a><a>               </a><a> Rewards Conditions</a><a>            </a><a><b>Sauron4Ever.com</b></a></p>
- <a><a>Joins our army</a><a>     </a><a>Legal mentions </a><a>                 </a><a><b>Follow him on Twitter</b></a></p>
- </footer>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement