Untitled

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Find the precious!</title>
        <link rel="stylesheet" href="style.css">
    </head>
    <body>
        <nav>
            <ul>
                <li>FindThePrecious.com</li>
                <li>Fellows</li>
                <li>Contact us</li>
            </ul>
        </nav>
        <section>
            <div class="carousel"></div>
        </section>
        <section>
            <h2>Fellows wanted dead (or alive if you want to eat them later)</h2>
        </section>
          <section>
            <div id="container">
                  <article></article>
                  <article></article>
                  <article></article>
            </div>
          </section>
        <form>
            <h3>Contact us</h3>
            <input type="text" placeholder="@">
            <input type="text" placeholder="&#8962;">
            <select>
              <option value="Ihave">I have seen one of them</option>
          </select>
            <textarea rows="10" placeholder="Your message"></textarea>
        </form>
        <button class="lebouton" type="button">Send :</button>
        <footer>
            <div class="gauche">
                <a href="">About us</a>
                <a href="">Fellows</a>
                <a href="">Join our army</a>
            </div>
            <div class="milieu">
                <a href="">FAQ</a>
                <a href="">Reward conditions</a>
                <a href="">Legal mentions</a>
            </div>
            <div class="droite">
                <a href="">Sauron4Ever.com</a>
                <a href="">Follow him</a>
            </div>
        </footer>
    </body>

</html>