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="author" content="Sauron Master of the Mordor"/>
- <meta name="description" content="Dangerous fellowship try to destroy the ring. Orc, Goblins, balrogs, protect your master Sauron !">
- <title>Find the precious</title>
- </head>
- <body>
- <header>
- <h1>FindThePrecious.com</h1>
- <nav>
- <ul>
- <li><a title="fellows" href="#fellows" >Fellows</a></li>
- <li><a title="contact" href="#contact">Contact us</a></li>
- </ul>
- </nav>
- </header>
- <aside>
- <a title="banner" href="https://placeholder.com/"><img src="https://via.placeholder.com/140" alt="banner"></a>
- <p>Dangerous fellowship try to destroy the ring</p>
- <p>Orc, Goblins, balrogs, protect your master Sauron !</p>
- </aside>
- <section id="fellows">
- <h2>Fellows wanted dead (or alive if you want to eat them later)</h2>
- <ul>
- <li>
- <p>Reward 1000 gold coins</p>
- <a title="wizard" href="https://placeholder.com/"><img src="https://via.placeholder.com/80" alt="avatar1"></a>
- <h3>The Wizard</h3>
- <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi similique ipsa odit neque facilis, corrupti dolore totam iste eligendi aliquam soluta! Quibusdam, earum reiciendis illum velit consectetur labore. Error, accusamus.</p>
- </li>
- <li>
- <p>DEAD</p>
- <a title="hobbit" href="https://placeholder.com/"><img src="https://via.placeholder.com/80" alt="avatar2"></a>
- <h3>Hobbit #3</h3>
- <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quae veritatis tenetur repellendus tempore voluptas, omnis optio voluptatibus fugit, aliquid necessitatibus facere quas commodi numquam natus accusamus minus ipsum molestias rem?</p>
- </li>
- <li>
- <p>Reward 250 gold coins</p>
- <a title="dwarf" href="https://placeholder.com/"><img src="https://via.placeholder.com/80" alt="avatar3"></a>
- <h3>Yully Dwarf</h3>
- <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus consequuntur eius ipsam beatae fugit quasi adipisci, sequi facere, accusantium voluptate doloremque! Aut totam est autem explicabo dolorem nesciunt, quis harum!</p>
- </li>
- </ul>
- </section>
- <hr/>
- <section id="contact">
- <h2>Contact us</h2>
- <form>
- <div>
- <label for="email"></label>
- <input id="email" type="email" value="@" name="email">
- </div>
- <div>
- <label for="adress"></label>
- <input id="adress" type="text" value="Adress" name="adress">
- </div>
- <div>
- <label for="choice"></label>
- <select id="choice" name="choice">
- <option>I have seen one of them</option>
- <option>Lorem ipsum</option>
- <option>Lorem ipsum2</option>
- </select>
- </div>
- <div>
- <label for="message"></label>
- <textarea name="message" id="message" cols="100" rows="4">Your message</textarea>
- </div>
- <div>
- <input name="send" type="submit" value="Send !">
- </div>
- </form>
- </section>
- <footer>
- <ul>
- <li>About us</li>
- <li>Fellows</li>
- <li>Join our army</li>
- </ul>
- <ul>
- <li>FAQ</li>
- <li>Reward conditions</li>
- <li>Legal mentions</li>
- </ul>
- <a title="sauron4ever" href="http://Sauron4Ever.com" target="_blank">Sauron4Ever.com</a>
- <a title="twitter" href="http://twitter.com" target="_blank">Follow him also on twitter</a>
- </footer>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement