Guest User

FindThePrecious

a guest
Feb 27th, 2020
142
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.   <head>
  4.     <meta charset="utf-8">
  5.     <meta name="author" content="Julien Gault">
  6.     <meta name="description" content="exercise for wild quest number 4">
  7.     <title>FindThePrecious.com</title>
  8.   </head>
  9.   <body>
  10.     <header>
  11.         <h1>FindThePrecious</h1>
  12.         <nav id="header-nav">
  13.             <ul>
  14.                 <li>FindThePrecious.com</li>
  15.                 <li><a href="" title="Fellows">Fellows</a></li>
  16.                 <li><a href="" title="contact Us">Contact Us</a></li>
  17.             </ul>
  18.         </nav>    
  19.     </header>
  20.     <main>
  21.         <section>
  22.             <div id="fellowship">
  23.                 <h2>Dangerous fellowship try to destroy the ring</h2>
  24.                 <p>Orc, Gobelins, Balrogs, protect your master Sauron !</p>
  25.                 <img class="fifellowship-picture"
  26.                src="http://via.placeholder.com/140.jpg"
  27.                alt="fellowship pictures">
  28.             </div>
  29.         </section>
  30.             <div id="Fellows">
  31.                 <h2>Fellows wanted Dead<span>(or alive if you want to eat them later)</span></h2>
  32.                     <div id="wizard">
  33.                         <h3>The Wizard</h3>
  34.                         <img class="wizard-pict"
  35.                        src="https://via.placeholder.com/45*60.png"
  36.                        alt="wizard picture an Fellows wanted">
  37.                         <h4>Reward 1000 gold coins</h4>
  38.                         <p>lorem ipsum</p>
  39.                     </div>
  40.                     <div id="hobbit3">
  41.                         <h3>Hobbit #3</h3>
  42.                         <img class="hobbit"
  43.                        src="https://via.placeholder.com/45*60.png"
  44.                        alt="hobbit3 picture an Fellows wanted">
  45.                         <h4>DEAD</h4>
  46.                         <p>lorem ipsum</p>
  47.                     </div>
  48.                     <div id="Yummy">
  49.                         <h3>Yummy Dwarf</h3>
  50.                         <img class="YummyD"
  51.                        src="https://via.placeholder.com/45*60.png"
  52.                        alt="yummy Dwarf picture an Fellows wanted">
  53.                         <h4>Reward 250 gold coins</h4>
  54.                         <p>lorem ipsum</p>
  55.                     </div>
  56.             </div>
  57.            
  58.         <hr>
  59.  
  60.         <section>
  61.             <h2>Contact us</h2>
  62.                 <form action="mailto:adresse.email@machine" method="post" class="Contact">
  63.                     <div class="Contact">
  64.                         <label for="mail">your email</label>
  65.                         <input type="email" name="mail" id="mail" placeholder="@" required>
  66.                     </div>
  67.                     <div class="Contact">
  68.                        
  69.                         <input list="reasons" placeholder="i have seen one of them">
  70.                         <datalist id="reasons">
  71.                             <option value="i have seen one of them">
  72.                         </datalist>
  73.                     </div>
  74.                     <div class="Contact">
  75.                         <label for="adress">your adress</label>
  76.                         <input type="text" name="adress" id="adress" placeholder="Your Adress" required>
  77.                     </div>
  78.                     <div class="Contact">
  79.                         <label for="msg">your message</label>
  80.                         <textarea id="msg" name="user_message" placeholder="write your message"></textarea>
  81.                     </div>
  82.                        
  83.                     <div class="Contact">
  84.                         <input type="submit" value="Send!">
  85.                     </div>
  86.                 </form>        
  87.         </section>
  88.     </main>
  89.     <footer>
  90.       <nav id="footer-nav">
  91.             <ul>              
  92.                 <li><a href="" title="About us">About us</a></li>
  93.                 <li><a href="" title="Fellow1">Fellows</a></li>
  94.                 <li><a href="" title="Join our army">Join our army</a></li>
  95.                 <li><a href="" title="FAQ">FAQ</a></li>
  96.                 <li><a href="" title="Reward conditions">Reward conditions</a></li>
  97.                 <li><a href="" title="Legal mentions">Legal mentions</a></li>
  98.                 <li><a href="" title="Sauron4Ever">Sauron4Ever.com</a></li>
  99.                 <li><a href="" title="twitter">Follow him also on twitter</a></li>
  100.             </ul>
  101.         </nav>    
  102.     </footer>
  103.   </body>
  104. </html>
RAW Paste Data