Untitled

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

<head>
    <meta charset="UTF-8">
    <meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0' />
    <title>Find the precious!</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <nav>
        <ul>
            <li>FindThePrecious.com</li>
            <li class="selected">Fellows</li>
            <li>Contact us</li>
        </ul>
    </nav>
    <section>
        <div class="carousel"></div>
    </section>
    <section>
        <h2>Fellows wanted dead <span>(or alive if you want to eat them later)</span></h2>
    </section>
    <section class="fellows">
        <article></article>
        <article></article>
        <article></article>
    </section>
    <form>
        <h2>Contact us</h2>
        <div class="formBody">
            <input type="text" placeholder="@">
            <input type="text" placeholder="&#8962;">
            <input type="text" placeholder="I have seen one of them">
            <textarea placeholder="Your message"></textarea>
            <div class="send">
                <button>Send !</button>
            </div>
        </div>
    </form>
    <footer>
        <a href="">About us</a>
        <a href="">Fellows</a>
        <a href="">Join our army</a>
        <a href="">FAQ</a>
        <a href="">Reward conditions</a>
        <a href="">Legal mentions</a>
        <a href="">Sauron4Ever.com</a>
        <a href="">Follow him</a>
    </footer>
</body>

</html>