Untitled

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="author" content="Tad">
        <meta name="description" content="findThePrecious is a website to help Master Sauron to find the precious ring and hobbits">
        <title>FindThePrecious</title>
    </head>

    <body>
        <header>FindThePrecious
        <nav>
            <ul>
                <li><a href="http://images.innoveduc.fr//integration_parcours/wireframe/wireframe-new.png" title="The place to find who want to destroy the ring">FindThePrecious</a></li>
                <li><a href="#fellows" title="fellows wanted dead">Fellows</a></li>
                <li><a href="#contact_us" title="the form to contact us and a message">Contatc Us</a></li>
            </ul>
        </nav>
        </header>

        <main>
            <section>
                <a href="https://placeholder.com"><img src="https://via.placeholder.com/450x140.png?text=Dangerous+fellowship+try+to+destroy+the+ring" alt="background pictures"></a>
                <h1 id="fellows">Fellows wanted dead (or alive if you want to eat them later)</h1>
                <a href="https://placeholder.com"><img src="https://via.placeholder.com/150.png" alt="face of the wizard"></a>
                <h2>The wizard</h2>
                <p>Lorem ipsum dolor sit amet</p>
                <a href="https://placeholder.com"><img src="https://via.placeholder.com/150.png" alt="face of the hobbits #3"></a>
                <h2>Hobbit #3</h2>
                <p>Lorem ipsum dolor sit amet</p>
                <a href="https://placeholder.com"><img src="https://via.placeholder.com/150.png" alt="face of a yummy dwarf"></a>
                <h2>Yummy Dwarf</h2>
                <p>Lorem ipsum dolor sit amet</p>
            </section>

            <section>
                <h3 id="contact_us">Contact us</h3>
                <form>
                    <label for="email">Your email adress :<abbr title="required">*</abbr></label>
                    <input type="text" id="email" placeholder="@"><br/>
                    <label for="address">Your home address :<abbr title="required">*</abbr></label>
                    <input type="text" id="address" placeholder="home"><br/>
                    <label for="wanted">I have seen one of them: <abbr title="required">*</abbr></label>
                    <select id="wanted" size="1">
                        <option value="The Wizard">The Wizard</option>
                        <option value="Hobbit #3">Hobbit #3</option>
                        <option value="Yummy Dwarf">Yummy Dwarf</option>
                        </select>
                    <br/>
                    <label for="message">Where have you seen him ?</label>
                    <textarea id="message">Your message</textarea>
                    <input type="submit" value="Send!">
                </form>
            </section>
        </main>

        <footer>
            <ul>
                <li>About us</li>
                <li>Fellows</li>
                <li>Join our army</li>
                <li>FAQ</li>
                <li>Reward conditions</li>
                <li>Legal mentions</li>
            </ul>
            <p>Sauron4Ever.com</p>
            <p>Follows him also on Twitter</p>
        </footer>
    </body>
</html>