Find The Precious3

<!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 class="site">FindThePrecious.com</li>
                <li class="lien">Fellows</li>
                <li class="lien">Contact us</li>
            </ul>
        </nav>
        <section>
            <div class="carousel">
                <a title="banner" href="https://placeholder.com/"><img src="https://via.placeholder.com/700x200" alt="banner"></a>
            </div>
        </section>
        <section>
            <h2 class="h2"><a class="title">Fellows wanted dead </a>(or alive if you want to eat them later)</h2>
        </section>
        <section class="article">
            <article>
                <a title="wizard" href="https://placeholder.com/"><img src="https://via.placeholder.com/220x300" alt="avatar1"></a>
            </article>
            <article>
                <a title="hobbit" href="https://placeholder.com/"><img src="https://via.placeholder.com/220x300" alt="avatar2"></a>
            </article>
            <article>
                <a title="dwarf" href="https://placeholder.com/"><img src="https://via.placeholder.com/220x300" alt="avatar3"></a>
            </article>
        </section>

        <hr>

        <form>
            <h2 class="title">Contact us</h2>
            <div class="input">
                <input type="email" placeholder="@">
                <input type="text" placeholder="&#8962;">
                <label for="choice"></label>
                <select id="choice" name="choice">
                    <option>I have seen one of them</option>
                <textarea placeholder="Your message"></textarea>
            </div>
        </form>
    </body>
</html>