Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="fr">
- <head>
- <meta charset="UTF-8">
- <title>Find The Precious</title>
- <meta name="author" content="Morgan Bourdillel">
- <meta name="description" content="a simple web page for the master Sauron to help him to destroy the hobbit's team">
- </head>
- <body>
- <header>
- <h1>FindThePrecious.com</h1>
- <nav>
- <ul>
- <li><a href="#" title="go to the Fellows's section">Fellows</a></li>
- <li><a href="#" title="go to the Contact's section">Contact us</a></li>
- </ul>
- </nav>
- </header>
- <section class="banner">
- <h2>Dangerous fellowship try to destroy the ring</h2>
- <p>Orcs, Goblins, Balrogs, protect your master Sauron !</p>
- </section>
- <section class="fellows">
- <h2>Fellows wanted dead</h2>
- <p>(or alive if you want to eat them later)</p>
- <div>
- <img src="https://via.placeholder.com/250x300" alt="a picture of the wizard">
- <h2>The wizard</h2>
- <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ducimus a ab quaerat! Deleniti, veniam atque eius animi sequi eveniet sit voluptatem vitae quia dicta libero mollitia est maiores? Voluptas, harum.</p>
- </div>
- <div>
- <img src="https://via.placeholder.com/250x300" alt="a picture of the third hobbit">
- <h2>Hobbit #3</h2>
- <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ducimus a ab quaerat! Deleniti, veniam atque eius animi sequi eveniet sit voluptatem vitae quia dicta libero mollitia est maiores? Voluptas, harum.</p>
- </div>
- <div>
- <img src="https://via.placeholder.com/250x300" alt="a picture of Yummy Dwarf">
- <h2>Yummy Dwarf</h2>
- <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ducimus a ab quaerat! Deleniti, veniam atque eius animi sequi eveniet sit voluptatem vitae quia dicta libero mollitia est maiores? Voluptas, harum.</p>
- </div>
- </section>
- <hr>
- <section class="contact-us">
- <h2>Contact us</h2>
- <form action="#" method="get">
- <div>
- <label for="email"></label>
- <input type="email" name="email" id="email" placeholder="@">
- </div>
- <div>
- <label for="adress"></label>
- <input type="text" name="adress" id="adress">
- </div>
- <div>
- <label for="topic"></label>
- <input list="topic-list" name="topic-list" id="topic">
- <datalist id="topic-list">
- <option value="i have seen one of them">
- <option value="Lorem">
- <option value="ipsum">
- </datalist>
- </div>
- <div>
- <label for="message"></label>
- <textarea name="textarea" id="message" cols="30" rows="10">Your message</textarea>
- </div>
- <div>
- <input type="submit" value="Send !">
- </div>
- </form>
- </section>
- <footer>
- <div>
- <a href="#" title="go to the About us's section">About us</a>
- <a href="#" title="go to the Fellows's section" >Fellows</a>
- <a href="#" title="go to the Join our army's section">Join our army</a>
- </div>
- <div>
- <a href="#" title="go to the FAQ's section">FAQ</a>
- <a href="#" title="go to the Reward conditions's section">Reward conditions</a>
- <a href="#" title="go to the Legal mentions's section">Legal mentions </a>
- </div>
- <div>
- <p>Sauron4Ever.com</p>
- <p>Follow him also on twitter</p>
- </div>
- </footer>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement