Advertisement
Gottfrieden

Untitled

Feb 27th, 2020
208
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.43 KB | None | 0 0
  1. <!doctype html>
  2. <html lang="fr">
  3.  
  4. <head>
  5.  
  6. <title>FindTheRing.com</title>
  7.  
  8. </head>
  9.  
  10. <body>
  11.  
  12. <header>
  13.  
  14. <nav>
  15. <ul>
  16. <li><a href="https://www.findtheprecious.com">FindThePrecious.com</a></li>
  17. <li><a href="#fellows">Fellows</a></li>
  18. <li><a href="#contact">Contact us</a></li>
  19. </ul>
  20. </nav>
  21.  
  22. </header>
  23.  
  24. <div>
  25. <h1>Dangerous fellowship try to destroy the ring</h1>
  26. <p>Orcs, Goblins, Balrogs, protect your master Sauron!</p>
  27. </div>
  28.  
  29. <section>
  30.  
  31. <h2 id="fellows">Fellows wanted dead</h2><p>(or alive if you want to eat them later)</p>
  32.  
  33. <div class="wanted-bloc">
  34. <img src="https://via.placeholder.com/468x60?text=Reward+1000+gold+coins" alt="The Wizard"/>
  35. <h3>The Wizard</h3>
  36. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce consequat interdum pulvinar. Aliquam pulvinar urna nunc, ut malesuada dui consequat ut.</p>
  37. </div>
  38.  
  39. <div class="wanted-bloc">
  40. <img src="https://via.placeholder.com/468x60?text=Reward+1000+gold+coins" alt="The Wizard"/>
  41. <h3>Hobbit #3</h3>
  42. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce consequat interdum pulvinar. Aliquam pulvinar urna nunc, ut malesuada dui consequat ut.</p>
  43. </div>
  44.  
  45. <div class="wanted-bloc">
  46. <img src="https://via.placeholder.com/468x60?text=Reward+250+gold+coins" alt="The Wizard"/>
  47. <h3>Yummy Dwarf</h3>
  48. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce consequat interdum pulvinar. Aliquam pulvinar urna nunc, ut malesuada dui consequat ut.</p>
  49. </div>
  50. </section
  51.  
  52. <hr>
  53.  
  54. <section>
  55.  
  56. <h2 id="contact">Contact Us</h2>
  57.  
  58. <form>
  59.  
  60. <input type="email" placeholder="Email">
  61.  
  62. <input type="text" placeholder="Address">
  63.  
  64. <select>
  65. <option value="option1">Option #1</option>
  66. <option value="option2">Option #2</option>
  67. <option value="option3">Option #3</option>
  68. <option value="option4">Option #4</option>
  69. </select>
  70.  
  71.  
  72. <textarea name="message" placeholder="your message"></textarea>
  73.  
  74. <input type="submit" value="Send!">
  75.  
  76. </form>
  77. </section
  78.  
  79. <footer>
  80.  
  81. <ul>
  82. <li><a href="https://www.findtheprecious.com/about">About us</a></li>
  83. <li><a href="https://www.findtheprecious.com/fellows">Fellows</a></li>
  84. <li><a href="https://www.findtheprecious.com/join">Join our army</a></li>
  85. </ul>
  86.  
  87. <ul>
  88. <li><a href="https://www.findtheprecious.com/faq">About us</a></li>
  89. <li><a href="https://www.findtheprecious.com/rewards-conditions">Reward conditions</a></li>
  90. <li><a href="https://www.findtheprecious.com/legal-mentions">Legal mentions</a></li>
  91. </ul>
  92.  
  93. <ul>
  94. <li><a href="https://www.sauron4ever.com">Sauron4ever.com</a></li>
  95. <li><a href="https://www.twitter.com/sauron4ever">Follow him also on twitter</a></li>
  96. </ul>
  97.  
  98. </footer>
  99.  
  100. </body>
  101. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement