Advertisement
Guest User

findThePrecious.com

a guest
Apr 18th, 2020
670
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 3.27 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.   <head>
  4.     <meta charset="utf-8">
  5.     <title>find the precious</title>
  6.     <meta name="author" content="Anne Quinkenstein">
  7.     <meta name="description" content="Lorem ipsum dolor sit amet.">
  8.  
  9.   </head>
  10.   <body>
  11.     <header>
  12.         <h1>FindthePrecious.com</h1>    
  13.     </header>
  14.     <nav>
  15.         <ul>
  16.             <li><a href="#Fellows" title="Lorem ipsum dolor sit amet.">Fellows</a></li>
  17.             <li><a href="#Contact" title="Lorem ipsum dolor sit amet.">Contact us</a></li>
  18.         </ul>
  19.     </nav>
  20.     <main>
  21.    
  22.    <div id="banner">
  23.     <img src="http://via.placeholder.com/140x140" alt="placeholder">
  24.     <h3> Dangerous fellowship try to destroy the ring</h3>
  25.     <h4> Orcs,Goblins,Balrogs,protect your Master Sauron!</h4>
  26.     </div>
  27.    
  28.     <section>
  29.     <h2 id="Fellows">Fellows wanted dead <span>(or alive if you want to eat them later)</span></h2>
  30.    
  31.       <p>Reward 1000 gold coins</p>
  32.    <figure>
  33.      <img src="https://via.placeholder.com/75x75" alt="Portrait of the wizard">
  34.     <figcaption>The Wizard</figcaption>
  35.     </figure>
  36.     <p>Lorem ipsum dolor sit amet... </p>
  37.    
  38.     <figure>
  39.     <img src="https://via.placeholder.com/75x75?text=DEAD" alt="Portrait of the Hobbit #3">
  40.     <figcaption>Hobbit #3</figcaption>
  41.    </figure>
  42.    <p>Lorem ipsum dolor sit amet...</p>
  43.    
  44.     <p>Reward 1000 gold coins</p>
  45.    <figure>
  46.     <img src="https://via.placeholder.com/75x75" alt="Portrait of the Yummy Dwarf">
  47.     <figcaption>Yummy Dwarf</figcaption>
  48.    </figure>
  49.    <p>Lorem ipsum dolor sit amet...</p>
  50.    
  51.    </section>
  52.    
  53.   <section>
  54.    <hr/>
  55.    
  56.     <h2 id="Contact">Contact us</h2>
  57.    
  58.     <form>
  59.      <ul>
  60.     <li>                   
  61.         <label for="email">Email</label>
  62.         <input type="email" name="user_email" id="email">
  63.         </li>
  64.     <li>
  65.     <label for="address">Address</label>
  66.     <input type="text" name="user_address" id="address">
  67.      </li>
  68.      <li>
  69.     <select>
  70.       <option>I have seen one of them .. </option>
  71.       <option>Lorem ipsum dolor sit amet1</option>
  72.       <option>Lorem ipsum dolor sit amet2</option>
  73.       <option>Lorem ipsum dolor sit amet3</option>
  74.       <option>Lorem ipsum dolor sit amet4</option>
  75.     </select>
  76.     </li>
  77.     <li>
  78.     <label for="message"> Your Message </label>
  79.       <textarea name="user_message" placeholder="Your message" id="message"></textarea>
  80.     </li>
  81.     <li>
  82.     <p class="button">
  83.     <button type="submit">Send!</button>
  84.     </li>
  85.      </ul>
  86.     </form>
  87.  
  88.   </section>
  89.  
  90. </main>
  91. <footer>
  92.     <ul>
  93.         <li><a href="#AboutUs" title="Lorem ipsum dolor sit amet.">About Us</a></li>
  94.         <li><a href="#Fellows" title="Lorem ipsum dolor sit amet.">Fellows</a></li>
  95.         <li><a href="#JoinArmy" title="Lorem ipsum dolor sit amet.">Join our army</a></li>
  96.         <li><a href="#FAQ" title="Lorem ipsum dolor sit amet.">FAQ</a></li>
  97.         <li><a href="#RewardConditions" title="Lorem ipsum dolor sit amet.">Reward Conditions</a></li>
  98.         <li><a href="#LegalMentions" title="Lorem ipsum dolor sit amet.">Legal mentions</a></li>
  99.     </ul>
  100.    
  101.     <a href="Loreipsum" title="Lorem ipsum dolor sit amet.">Sauron4ever.com</a>
  102.     <a href="Loreipsum" title="Lorem ipsum dolor sit amet.">Follow him also on twitter</a>    
  103.        
  104. </footer>
  105.  
  106.   </body>
  107. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement