Zholdek

findThePrecious

May 1st, 2020
71
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.15 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3.   <head>
  4.     <meta charset="utf-8">
  5.     <link rel="stylesheet" href="style.css">
  6.     <title>FindThePrecious</title>
  7.   </head>
  8.   <body>
  9.         <header>
  10.             <div>
  11.                 <a href="http://www.FindThePrecious.com">FindThePrecious.com</a>
  12.             </div>
  13.             <nav>
  14.                 <ul>
  15.                     <li><a href="#">Fellows</a></li>
  16.                     <li><a href="#">Contact Us</a></li>
  17.                 </ul>
  18.             </nav>
  19.             <div class="SliderHeader">
  20.                 <a href="https://placeholder.com"><img src="https://via.placeholder.com/300x140" alt="Slider-Accueil"></a>
  21.                 <h1> Dangerous fellowship try to destroy the ring</h1>
  22.                 <h2> Orcs, Goblins, Balrogs, protect your master Sauron ! </h2>
  23.             </div>
  24.         </header>
  25.         <main>
  26.             <div class="FellowsCarousel">
  27.                 <h1> Fellows wanted dead </h1>
  28.                 <div class="bloc1">
  29.                     <h2> The Wizard </h2>
  30.                     <a href="https://placeholder.com"><img src="https://via.placeholder.com/100x100" alt="vignette1"></a>
  31.                 </div>
  32.                 <div class="bloc2">
  33.                     <h2> Hobbit#3 </h2>
  34.                     <a href="https://placeholder.com"><img src="https://via.placeholder.com/100x100" alt="vignette2"></a>
  35.                 </div>
  36.                 <div class="bloc3">
  37.                     <h2> Yummy Dwarf </h2>
  38.                     <a href="https://placeholder.com"><img src="https://via.placeholder.com/100x100" alt="vignette3"></a>
  39.                 </div>
  40.             </div>
  41.             <form>
  42.                 <input type="email" id="email" name="email">
  43.                 <input type="text" id="adress" name="adress">
  44.                 <select name="select" id="select">
  45.                         <option value="">I have seen one of them</option>
  46.                 </select>
  47.                 <input type="text" id="message" name="message">
  48.                 <input type="button" value="Send !">
  49.             </form>
  50.         </main>
  51.         <footer>
  52.             <ul>
  53.                 <li><a href="#">About us</a></li>
  54.                 <li><a href="#">Fellows</a></li>
  55.                 <li><a href="#">Join our army</a></li>
  56.             </ul>
  57.             <ul>
  58.                 <li><a href="#">FAQ</a></li>
  59.                 <li><a href="#">Reward conditions</a></li>
  60.                 <li><a href="#">Legal mentions</a></li>
  61.             </ul>
  62.             <a href="http://www.Sauron4Ever.com">Sauron4Ever.com</a>
  63.                 <a> Follow him also on twitter</a>
  64.         </footer>
  65.   </body>
  66. </html>
Add Comment
Please, Sign In to add comment