Advertisement
Guest User

FindThePrecious

a guest
Feb 25th, 2020
98
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.41 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang=en>
  3. <head>
  4. <title>FindThePrecious</title>
  5. <meta charset="UTF-8">
  6. <meta name="author" content="Sauron">
  7. <meta name="description" content="A site to organize the capture of enemies of Sauron">
  8. </head>
  9.  
  10. <body>
  11.  
  12. <header>
  13. <h1>FindThePrecious.com</h1>
  14.  
  15. <nav>
  16. <ul>
  17. <li><a title="Meet our fellows" href="#">Fellows</a></li>
  18. <li><a title="Contact us" href="#">Contact us</a></li>
  19. </ul>
  20. </nav>
  21. </header>
  22.  
  23. <article>
  24.  
  25. <h2>sagittis porta ante</h2>
  26.  
  27. <p>
  28. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer rutrum quam ut neque vulputate cursus. Nulla et ligula efficitur augue eleifend vulputate. Vestibulum ex ex, tristique a egestas non, sagittis porta ante. Curabitur porttitor, est eget egestas porttitor, nisl dolor rutrum dui, eu pulvinar lorem urna ut elit. Quisque bibendum nisl in elit ornare gravida. Vestibulum sit amet neque felis. Morbi id metus tellus. Donec ultricies elit eget dui dapibus, ac sollicitudin lorem placerat. Praesent laoreet sapien nec enim bibendum, eget aliquam erat viverra. Vestibulum consectetur ante viverra, facilisis mi eu, mattis dui. Nullam eget tristique ligula, a rhoncus risus.
  29. </p>
  30.  
  31. </article>
  32.  
  33. <main>
  34.  
  35. <h2>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer rutrum quam ut neque vulputate cursus.</h2>
  36.  
  37. <figure>
  38. <img src="http://via.placeholder.com/150x150"
  39. alt="The wizard awaiting capture for the reward of 1000 gold coins.">
  40. <figcaption>Cras venenatis nibh laoreet interdum consequat.</figcaption>
  41. </figure>
  42.  
  43. <figure>
  44. <img src="http://via.placeholder.com/150x150"
  45. alt="A dead hobbit">
  46. <figcaption>Integer imperdiet pretium elit eu finibus.</figcaption>
  47. </figure>
  48.  
  49. <figure>
  50. <img src="http://via.placeholder.com/150x150"
  51. alt="A yummy dwarf awaiting capture for the reward of 250 gold coins.">
  52. <figcaption>Donec convallis placerat tempus.</figcaption>
  53. </figure>
  54.  
  55. </main>
  56.  
  57. <section>
  58. <h2>Contact us</h2>
  59. <form>
  60. <label for="mail">email :</label>
  61. <input type="email" id="mail" name="user_mail"><br><br>
  62. <label for="address">address :</label>
  63. <input type="text" id="address" name="user_address"><br><br>
  64. <label for="type_message"></label>
  65. <select id="type_message">
  66. <optgroup label="type_message">
  67. <option value="I have seen one of them">I have seen one of them</option>
  68. </select><br><br>
  69. <label for="message"></label>
  70. <textarea id="message" name="user_message" rows="4" cols="50"></textarea><br><br>
  71. <input type="submit" value="Send !">
  72. </form>
  73. </section>
  74.  
  75. <footer>
  76. <nav>
  77. <ul>
  78. <li><a title="Learn more about us" href="#">About us</a></li>
  79. <li><a title="Meet our fellows" href="#">Fellows</a></li>
  80. <li><a title="We can't wait to meet you" href="#">Join our army</a></li>
  81. <li><a title="Find some answers" href="#">FAQ</a></li>
  82. <li><a title="Get your cash" href="#">Reward conditions</a></li>
  83. <li><a title="You have to know" href="#">Legal mentions</a></li>
  84. <li><a title="The master's website" href="#">Sauron4ever.com</a></li>
  85. <li><a title="The master's Twitter account" href="#">Follow him also on Twitter</a></li>
  86. </ul>
  87. </nav>
  88. </footer>
  89. </body>
  90. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement