Untitled

<!DOCTYPE html>
<html lang="en">


<head>
  <meta charset="utf-8">
  <title> Find the precious</title>
  <meta name="author" content="Pauline Drouhin">
<meta name="description" content="The FindthePrecious website aims to provide
all types of monsters with all they need to know to hunt the dangerous fellowship and bring back master Sauron's ring.">


</head>

    <body>

  <header>

      <div id="div1">
        <ul>
            <li>FindThePrecious.com</li>
            <li>Fellows</li>
            <li>Contact Us</li>
        </ul>
    </div>

        </header>
<main>


  <section>
    <h2>Dangerous fellowship try to destroy the ring</h2>
    <h3>Orc, Goblins, Balrogs, protect your master Sauron !</h3>

   </section>
  <hr/>
  <section>
      <div id="div2">
        <h1 id="performances">Fellows wanted dead </h1> <p>(Or alive if you want to eat them later)</p>

      <ul>
        <li>
            <a href="#" title="Description page of the Wizard"> <img src="#" alt="Portrait of the Wizard"></a>
            <h3>The Wizard</h3>
            <p>small description...</p>
         </li>

         <li>
            <a href="#" title="Description page of Hobbit #3"> <img src="#" alt="Portrait of Hobbit #3"></a>
            <h3>Hobbit #3</h3>
            <p>small description...</p>
         </li>

         <li>
            <a href="#" title="Description page of the Yummy Dwarf"> <img src="#" alt="Portrait of the Yummy Dwarf"></a>
            <h3>Yummy Dwarf</h3>
            <p>small description...</p>
         </li>
      </ul>
      </div>
    </section>

 <section>
      <h4 id="contact">Contact Us</h4>

      <div class="form-container">

        <form method="post" action="submit">
          <div>
    <label for="emailaddress">Email</label><input name="emailaddress" id="emailaddress" type="text" required>
          </div>
          <div>

    <label for="address">Address</label><input name="address" id="address" type="text" required>
          </div>

       <div>
          <label for="select">Select</label>
<SELECT name="select" size="1" id="select">
<OPTION>I have seen one of them
<OPTION>Hobbit #1
</SELECT>
  </div>

     <div>
     <p><label for="comment">Comment</label></p><textarea name="comment" id="comment" placeholder="Your message" required></textarea>
    <button type="submit">Submit</button>
  </div>
        </form>

      </div>
    </section>

</main>


   <footer>
     <div>
<ul class="footer-links list-unstyled">
    <li><a href="#">About us</a></li>
    <li><a href="#">Fellows</a></li>
    <li><a href="#">Join our army</a></li>
</ul>

     <ul class="footer-links list-unstyled">
    <li><a href="#">FAQ</a></li>
    <li><a href="#">Reward conditions</a></li>
    <li><a href="#">Legal mentions</a></li>
</ul>

     <ul class="footer-links list-unstyled">
    <li><a href="#">Sauron4Ever.com</a></li>
       <li><p>Follow him on <a href="#">Twitter</a> for more</p></li>
</ul>

     </div>
   </footer>
   </body>

</html>