find the precious

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

<head><meta charset="UTF-8">
<meta name="author" content="Anais Réau" />
<meta name="description" content="home page in order to recruit new researchers of the precious"/>
<title>FindThePrecisous.com</title>
</head>

  <body>
    <Header><h1>FindThePrecisous.com</h1>
       <ul>
        <li><a title= "Fellows">Fellows</a></li>
        <li><a title="Contact us ">Contact us</a></li>
      </ul>
    </Header>

      <section>
        <img src=https://via.placeholder.com/780x100.png? alt ="image d'accueil">
        <h2> Dangerous fellowship try to destroy the ring</h2>
            <h3>Orcs, Gobelins, Balrogs, protect hour master Sauron ! </h3>
      <hr/> </section>


      <section>
        <h2>Fellows wanted dead (or alive if you want to eat them later)</h2>
        <ul>
          <li><img src="http://fakeimg.pl/300/" alt ="wizard photo"><h3>The Wizard</h3>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi.  </p></li>

          <li><img src="http://fakeimg.pl/300/" alt ="hobbit photo"><h3>Hobbit #3</h3>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. </p></li>

        <li>  <img src="http://fakeimg.pl/300/" alt ="yummy dwarf photo"><h3>Yummy Dwarf</h3>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. </p></li>
      </ul>
    <hr/> </section>


  <section>
    <h2>Contact us </h2>
      <form action="page" method="post">
      <input type="text" id="name" name="user_name"><br />
      <input type="email" id="mail" name="user_mail"><br />
      <input type="text" id="object" name="user_mail" value ="I have seen one of them"><br />
      <textarea rows="4" cols="50" id="msg" name="user_message">Your message</textarea><br />
      <button type="submit">Send !</button></form>
  <hr/></section>


<footer>
   <ul>
    <li><a title ="page about us">About us</a></li>
    <li><a title ="page Fellows">Fellows</a></li>
    <li><a title ="page join our army">Join our army</a></li>
    <li><a title ="page FAQ">FAQ</a></li>
    <li><a title ="page reward conditions">Reward conditions</a></li>
    <li><a title ="page legal mentions">Legal mentions</a></li>
    <li><a title ="page site sauron4ever">Sauron4Ever.com</a></li>
    <li><a title ="page follow him on twitter">Follow him also on twitter</a></li>
   </ul>
</footer>

  </body>
</html>