Untitled

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

<head>
   <meta charset="UTF-8" />
   <title>Find the precious!</title>
   <link rel="stylesheet" href="style2.css" />
</head>

<body>
   <nav>
      <ul class="container">
         <li class="title">FindThePrecious.com</li>
         <li>Fellows</li>
         <li>Contact us</li>
      </ul>
   </nav>
   <section>
      <div class="carousel"></div>
   </section>
   <section>
      <h2 class="mainTitle">
         Fellows wanted dead (or alive if you want to eat them later)
      </h2>
   </section>
   <section class="article">
      <article></article>
      <article></article>
      <article></article>
   </section>

   <hr />
   <form class="container2">
      <h2 class="contact">Contact us</h2>
      <input type="text" placeholder="@" />
      <input type="text" placeholder="&#8962;" />
      <input type="text" placeholder="I have seen one of them" />
      <textarea placeholder="Your message"></textarea>
      <input class="button" type="button" value="send">
   </form>

   <nav class="navigation">
      <ul class="navlist">
         <li><a href="#" title="FAQ">About us</a></li>
         <li><a href="#" title="Reward conditions">Fellows</a></li>
         <li><a href="#" title="Legal mentions">Join our army</a></li>
         <li><a href="#" title="FAQ">FAQ</a></li>
         <li><a href="#" title="Reward conditions">Reward conditions</a></li>
         <li><a href="#" title="Legal mentions">Legal mentions</a></li>
         <li><a href="#" title="Legal mentions">Sauron4ever.com</a></li>
         <li><a href="#" title="Legal mentions">Follow him</a></li>
      </ul>
   </nav>

</body>

</html>