Sauron Love

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Find The Precious</title>
    <meta name="description" content="Web page giving all the infos about how to find the precious">
    <meta name="author" content="Aline Sinclaire">
  </head>
  <body>


    <header>
     <h1> <a href="https://www.findtheprecious.com" title="All info available about the quest to destroy the good for good!">FindThePrecious.com</a></h1>
      <a href="#Fellows">Fellows</a>
      <a href="#Contact us">Contact us</a>
    </header>

    <section>
    <div>
      <nav>
      <img src="https://via.placeholder.com/140" alt="Placeholder picture">
      </nav>

      <a href="#" class="previous round" title="click next">&#8249;</a>
      <a href="#" class="next round" title="click backwards">&#8250;</a>

      <h2>Dangerous fellowship try to destroy the ring</h2>
      <p>Orcs, Goblins, Balrogs, protect your master Sauron !</p>
    </div>

     </section>

     <section>
    <h2 id="Fellows">Fellows wanted dead</h2>
    <p>(or alive if you want to eat them later)</p>

      <div class="fellowBox">
        <nav>
        <img src="https://via.placeholder.com/45" alt="Picture of the Wizard">
        </nav>
        <p>Reward 1000 gold coins</p>
        <article>
          <h3>The Wizard</h3>
           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
        </article>
      </div>
      <div class="fellowBox">
        <nav>
        <img src="https://via.placeholder.com/45" alt="Picture of the Hobbit">
        </nav>
        <p>DEAD</p>
        <article>

        <h3>Hobbit #3</h3>
           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
        </article>
      </div>
      <div class="fellowBox">
        <nav>
        <img src="https://via.placeholder.com/45" alt="Picture of the Dwarf">
        </nav>
        <p>Reward 250 gold coins</p>

        <article>
        <h3>Yummy Dwarf</h3>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
        </article>
      </div>
     </section>

      <hr>

    <section>

      <h2 id="Contact us">Contact us</h2>

      <div class="container">
  <form action="/action_page.php" method="get">

    <label for="email">&nbsp;</label>
    <input type="email" id="email" name="email" placeholder="&#64;">

    <label for="name">&nbsp;</label>
    <input type="text" id="name" name="name" placeholder="&#127968;">

    <select id="country" name="country">
      <option value="saw">I have seen one of them</option>
      <option value="love">I once was in love with the dwarf</option>
      <option value="info">I have some infos for you master SoSo...</option>
    </select>

    <label for="subject">&nbsp;</label>
    <textarea id="subject" name="subject" placeholder="Your message"></textarea>

    <input type="submit" value="Send !">

  </form>

</div>
</section>


      <footer>
        <ul>
          <li>About us</li>
          <li>Fellows</li>
          <li>Join our army</li>
        </ul>

        <ul>
          <li>FAQ</li>
          <li>Reward conditions</li>
          <li>Legal mentions</li>
        </ul>
  <p><a href="https://www.Sauron4ever.com">
  Sauron4ever.com</a>Follow him also on twitter</p>
</footer>

  </body>
</html>