index.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Find the precious!</title>
        <link rel="stylesheet" href="style - V2.css">
    </head>
    <body>
        <nav>
            <ul>
                <li>FindThePrecious.com</li>
                <li id="fellows">Fellows</li>
                <li>Contact us</li>
            </ul>
        </nav>
        <section>
            <div class="carousel"></div>
        </section>
        <section>
            <h2 class="wanted">Fellows wanted dead (or alive if you want to eat them later)</h2>
        </section>
        <section class="article">
            <article id="wizard">THE WIZARD</article>
            <article id="hobbit">THE HOBBIT</article>
            <article id="dwarf">THE DWARF</article>
        </section>
        <hr>

        <form>
            <h2>Contact us</h2>
            <div id="email">
                <input  type="email" placeholder="@">
            </div>
            <br>
            <div id="direction">
                <input  type="text" placeholder="&#8962;">
            </div>
            <br>
            <div id="seen">
                <input type="text" placeholder="I have seen one of them">
            </div>
            <br>
            <div id="message">
                <textarea  placeholder="Your message"></textarea>
            </div>

        </form>
    </body>
</html>