Sauron 4Ever

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Find The Precious</title>
  </head>
  <body>
     <section>
       <nav>
    <ul>
      <li><a href="https://www.findtheprecious.com">FindThePrecious.com</a></li>
      <li>Fellows</li>
      <li>Contact us</li>
    </ul>
       </nav>

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

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

      <a href="#" class="previous round">&#8249;</a>
      <a href="#" class="next round">&#8250;</a>
    </div>
     </section>

     <section>
        <header>
    <h1>Fellows wanted dead</h1>
    <h2>(or alive if you want to eat them later)</h2>
       </header>

      <div class="fellowBox">
        <nav>
        <img src="https://via.placeholder.com/45" alt="Wizard">
        </nav>
        <p>Reward 1000 gold coins</p>
        <article>
          <header>
        <h3>The Wizard</h3>
            </header>
           <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="Hobbit">
        </nav>
        <p>DEAD</p>
        <article>
          <header>
        <h3>Hobbit #3</h3>
            </header>
           <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="Dwarf">
        </nav>
        <p>Reward 250 gold coins</p>
        <article>$
          <header>
        <h3>Yummy Dwarf</h3>
            </header>
          <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>
       <header>
      <h1>Contact us</h1>
       </header>
      <div class="container">
  <form action="action_page.php">

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

    <label for="lname">&nbsp;</label>
    <input type="text" id="lname" name="lastname" 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>