API tools faq
paste
Lola_D

FindThePrecious.com

Lola_D
Dec 2nd, 2019
79
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 3.72 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.     <head>
  4.         <meta charset="utf-8">
  5.         <meta name="author" content="L.D.">
  6.         <meta name="description" content="FindThePrecious.com is a website who could help Sauron to keep the ring intact.">
  7.         <link rel="stylesheet" type="text/css" href="style.css">
  8.         <title>Find The Precious</title>
  9.     </head>
  10.     <body>
  11.         <header>
  12.             <h1>FindThePrecious.com</h1>
  13.             <nav>
  14.                 <ul>
  15.                     <li><a title="List of the dangerous fellows who want to destroy the ring." href="#title_fellows">Fellows</a></li>
  16.                     <li><a title="If you have seen  one of them, contact us!" href="#title_contact">Contact us</a></li>
  17.                 </ul>
  18.             </nav>
  19.         </header>
  20.         <main>
  21.             <section>
  22.                 <h2>Dangerous fellowship try to destroy the ring</h2>
  23.                     <p>Orcs, Gobelins, Balrogs, protect your master Sauron!</p>
  24.                     <img src="https://via.placeholder.com/140" alt="orcs army">
  25.             </section>
  26.             <section>
  27.                 <h2 id="title_fellows">Fellows wanted dead (or alive if you want to eat them later)</h2>
  28.                 <div>
  29.                     <h3>The Wizard</h3>
  30.                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa eget egestas purus viverra accumsan in nisl nisi scelerisque.</p>
  31.                         <p><strong>Reward 1000 gold coins</strong></p>
  32.                         <img src="https://via.placeholder.com/100" alt="A wizard with his hat and stick">
  33.                 </div>
  34.                 <div>
  35.                     <h3>Hobbit #3</h3>
  36.                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Egestas congue quisque egestas diam.</p>
  37.                         <p><strong>DEAD</strong></p>
  38.                         <img src="https://via.placeholder.com/100" alt="A hobbit in his natural habitat">
  39.                 </div>
  40.                 <div>
  41.                     <h3>Yummy Dwarf</h3>
  42.                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Enim neque volutpat ac tincidunt vitae semper quis lectus nulla.</p>
  43.                         <p><strong>Reward 250 gold coins</strong></p>
  44.                         <img src="https://via.placeholder.com/100" alt="A fat and yummy dwarf, with red hair and beard">
  45.                 </div>
  46.             </section>
  47.             <section>
  48.                 <h2 id="title_contact">Contact us</h2>
  49.                     <form>
  50.                         <label for="email">Your email :</label><br>
  51.                             <input type="email" id="email" name="user_email"><br>
  52.                         <label for="address">Your address :</label><br>
  53.                             <input type="text" id="address" name="user_address"><br>
  54.                                 <select>
  55.                                     <option>I have seen one of them</option>
  56.                                     <option>The Wizard</option>
  57.                                     <option>Hobbit #3</option>
  58.                                     <option>Yummy Dwarf</option>
  59.                                 </select><br>
  60.                         <label for="message">Your message :</label><br>
  61.                             <textarea id="message" name="user_message" placeholder="Your message"></textarea><br>
  62.                         <button type="submit">Send!</button>
  63.                     </form>
  64.             </section>
  65.         </main>
  66.         <footer>
  67.             <ul>
  68.                 <li><a title="Everything you want to know about our organization!" href="#">About us</a></li>
  69.                 <li><a title="Everything you need to know about those filthy fellows!" href="#">Fellows</a></li>
  70.                 <li><a title="If you want to join our army it's here!" href="#">Join our army</a></li>
  71.             </ul>
  72.             <ul>
  73.                 <li><a title="You have a question? Take a look at the FAQ!" href="#">FAQ</a></li>
  74.                 <li><a title="This page explain you how to have your rewards in coins!" href="#">Reward conditions</a></li>
  75.                 <li><a title="" href="#">Legal mentions</a></li>
  76.             </ul>
  77.             <ul>
  78.                 <li><a title="Go to our lord's official website" href="#">Sauron4ever.com</a></li>
  79.                 <li><a title="Don't miss any news about our lord Sauron, follow him on twitter right now!" href="#">Follow him also on twitter</a></li>
  80.             </ul>
  81.         </footer>
  82.     </body>
  83. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!