Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="fr">
- <head>
- <title>FindThePrecious.com</title>
- <meta charset="utf-8">
- <meta name="author" content="SONKO Adama">
- <meta name="description" content="Le code HTML de la maquette du site de Sauron">
- </head>
- <body>
- <header>
- <div class="NavBar">
- <h1>FindThePrecious.com</h1>
- <nav>
- <ul>
- <li><a href="#" title="Fellows">Fellows</a></li>
- <li><a href="#" title="Contact">Contact us</a></li>
- </ul>
- </nav>
- </div>
- </header>
- <main>
- <section id="main-image">
- <div class="img1">
- <img src="https://via.placeholder.com/140" alt="description de img1">
- <div class="text1">
- <h2>Dangerous fellowship try to destroy the ring</h2>
- <h3>Orcs, Gobelins, Balrogs, protect your master Sauron !</h3>
- </div>
- </div>
- </section>
- <section id="fellows">
- <h2>Fellows wanted dead <span>(or alive if you want to eat them later)</span></h2>
- <div class="wanted">
- <ul>
- <li>
- <div class="card">
- <img src="https://via.placeholder.com/140" alt="image du recherché numéro 1">
- <h3><strong>The wizard</strong></h3>
- <p>lorem ipsum</p>
- </div>
- </li>
- <li>
- <div class="card">
- <img src="https://via.placeholder.com/140" alt="image du recherché numéro 2">
- <h3><strong>Hobbit#3</strong></h3>
- <p>lorem ipsum</p>
- </div>
- </li>
- <li>
- <div class="card">
- <img src="https://via.placeholder.com/140" alt="image du recherché numéro 3">
- <h3><strong>Yummy Dwarf</strong></h3>
- <p>lorem ipsum</p>
- </div>
- </li>
- </ul>
- </div>
- </section>
- <section id="contact">
- <h2>Contact Us</h2>
- <div class="form">
- <form>
- <label for="mail">
- <input type="email" id="mail" name="mail" placeholder="@">
- </label>
- <label for="adress">
- <input type="text" id="adress" name="adress" placeholder="">
- </label>
- <select id="subject" name="subject">
- <option value="request">I have see one of them</option>
- <option value="reservation">I have see one of them</option>
- <option value="other">I have see one of them</option>
- </select>
- <textarea cols="100" rows="10" placeholder="Your message..."></textarea>
- <input class="send" type="submit" value="SEND">
- </form>
- </div>
- </section>
- </main>
- <footer>
- <div class="footer1">
- <ul>
- <li><a href="#" title="About">About us</a></li>
- <li><a href="#" title="Fellows">Fellows</a></li>
- <li><a href="#" title="Our army">Join our army</a></li>
- </ul>
- </div>
- <div class="footer2">
- <ul>
- <li><a href="#" title="FAQ">FAQ</a></li>
- <li><a href="#" title="Conditions">Reward conditions</a></li>
- <li><a href="#" title="Legal mentions">Legal mentions</a></li>
- </ul>
- </div>
- <div class="footer3">
- <ul>
- <li><a href="#" title="Site Sauron4ever"><strong>Sauron4ever</strong></a></li>
- <li><a href="#" title="Twitter"><strong>Follow him also on twitter</strong></a></li>
- </ul>
- </div>
- </footer>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement