Untitled

<!Doctype html>
<html lang="fr">
    <head>
        <meta charset="UTF-8">
        <title>findThePrecious.com</title>
        <meta name="author" content="Louis COLLET">
        <meta name="description" content="This website aims to find Sauron's precious and all the fellows that can have it.">
        </head>
        <body>
            <header>
                <h1>FindThePrecious.com</h1>
                <nav>
                    <ul>
                        <li><a href="#fellows" title="Fellows to find">Fellows</a></li>
                        <li><a href="#contact_us" title="Our contact form">Contact US</a></li>
                    </ul>
                </nav>
                <img src="https://via.placeholder.com/728x250.png?text=Dangerous+fellowship+try+to+destroy+the+ring" alt="Head banner">
            </header>
            <main>
                <section>
                    <h2 id="fellows">Lorem ipsum dolor sit amet, consectetur adipiscing elit</h2>
                    <ul>
                        <li>
                            <img src="https://via.placeholder.com/150" alt="Fellow picture1">
                            <p>Lorem ipsum dolor sit amet, consectetur</p>
                        </li>
                        <li>
                            <img src="https://via.placeholder.com/150" alt="Fellow picture2">
                            <p>Lorem ipsum dolor sit amet, consectetur</p>
                        </li>
                        <li>
                            <img src="https://via.placeholder.com/150" alt="Fellow picture3">
                            <p>Lorem ipsum dolor sit amet, consectetur</p>_
                        </li>
                    </ul>
                </section>
                <section>
                    <h2 id="contact_us">Contact Us</h2>
                    <form>
                        <fieldset>
                            <div>
                                <label for="mail">E-mail :</label>
                                <input type="email" id="mail" name="e-mail" placeholder="@" required>
                            </div>
                            <div>
                                <label for="address">Place where he was seen :</label>
                                <input id="adress" name="address" placeholder="Adress" required>
                            </div>
                            <div>
                                <p>I've seen one of them</p>
                            </div>
                            <div>
                                <textarea placeholder="Your message"></textarea>
                            </div>
                            <div class="button">
                                <button type="submit">Send !</button>
                            </div>
                        </fieldset>
                    </form>
                </section>
            </main>
            <footer>
                <p>About us</p>
                <p>Fellows</p>
                <p>Join our army</p>
                <p>FAQ</p>
                <p>Reward condition</p>
                <p>Legal mentions</p>
                <p>Sauron4Ever.com</p>
                <p>Follow him also on Twitter</p>
            </footer>
        </body>
</html>