Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0 user-scalable=yes">
- <meta name="author" content="Sauron the necromancer">
- <meta name="description" content="FindThePrecious.com is a website gathering the community of Sauron. It's create for find Sauron's ennemies too.">
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
- <title>FindThePrecious.com</title>
- </head>
- <body>
- <main>
- <header>
- <nav>
- <a href="homepage.html" title="Website homepage">
- <p>
- FindThePrecious.com
- </p>
- </a>
- <div>
- <ul>
- <li>
- <a href="#fellows" title="Find a fellow">Fellows</a>
- </li>
- <li>
- <a href="#contact" title="Form to contact us">Contacts us</a>
- </li>
- </ul>
- </div>
- </nav>
- <div>
- <div>
- <img src="https://via.placeholder.com/350x150" alt="The website slider on the homepage, default image 1">
- <h3>Dangerous fellowship try to destroy the ring</h3>
- <p>
- Orcs, Goblins, Balrogs, protect your master Sauron !
- </p>
- </div>
- <div>
- <img src="https://via.placeholder.com/350x150" alt="The website slider on the homepage, default image 2">
- </div>
- <i class="fas fa-arrow-left"></i>
- <i class="fas fa-arrow-right"></i>
- </div>
- </header>
- <section>
- <h3 id="fellows">Fellows wanted dead <span>(or alive if you want to eat them later)</span></h3>
- <article>
- <img src="https://via.placeholder.com/150" alt="Image of a wizard wanted dead">
- <h6>Reward 1000 gold coins</h6>
- <h4>The wizard</h4>
- <p>
- Small description...
- </p>
- </article>
- <article>
- <img src="https://via.placeholder.com/150" alt="Image of a hobbit wanted dead">
- <h3>DEAD</h3>
- <h4>Hobbit #3</h4>
- <p>
- Small description...
- </p>
- </article>
- <article>
- <img src="https://via.placeholder.com/150" alt="Image of a dwarf wanted dead">
- <h6>Reward 250 gold coins</h6>
- <h4>Yummy Dwarf</h4>
- <p>
- Small description...
- </p>
- </article>
- </section>
- <hr>
- <section>
- <h3 id="contact">Contact us</h3>
- <form method="post">
- <div>
- <label for="mail">Your email address</label>
- <input class="mail" type="email" name="mail" id="mail" required/>
- </div>
- <div>
- <label for="address">Your postal address</label>
- <input class="address" type="text" name="address" id="address" required/>
- </div>
- <div>
- <select name="reason">
- <option value="see">I have seen one of them</option>
- <option value="kill">I have killed one of them</option>
- <option value="eat">I have eaten one of them</option>
- <option value="chase">I'am chasing one of them</option>
- </select>
- </div>
- <div>
- <textarea>Your message</textarea>
- </div>
- <div>
- <input type="submit" name="submit" id="submit" value="Send !">
- </div>
- </form>
- </section>
- </main>
- <footer>
- <div>
- <ul>
- <li><a href="aboutUs.html" title="You can find more informations about us here">About us</a></li>
- <li><a href="#fellows" title="Find a fellow">Fellows</a></li>
- <li><a href="joinArmy.html" title="A form if you want to join our army">Join our army</a></li>
- </ul>
- </div>
- <div>
- <ul>
- <li><a href="faq.html" title="Frequently Asked Questions about this website">FAQ</a></li>
- <li><a href="rewardConditions.html" title="All the answers about your reward conditions here">Reward conditions</a></li>
- <li><a href="legalMentions.html">Legal mentions</a></li>
- </ul>
- </div>
- <div>
- <ul>
- <li><a href="http://Sauron4Ever.com" title="Sauron's blog">Sauron4Ever.com</a></li>
- <li><a href="https://twitter.com/Sauron4Ever" title="Sauron Twitter page">Follow him also on twitter</a></li>
- </ul>
- </div>
- </footer>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement