FindThePrecious

<!DOCTYPE HTML>
<html lang="fr">
    <head>
        <meta charset="UTF-8">
        <title>FindThePrecious</title>
    </head>
    <body>
        <header>
            <h1>FindThePrecious</h1>
             <nav>
                <a href="paged'accueil.html" title="Fellows">Fellows</a>
                <a href="pagemenu.html" title="Contact Us">Contact Us</a>
             </nav>
        </header>

        <section>
            <h1>Dangerous, fellowship try to destroy the ring</h1>
            <p>Orc, Goblins, Balrogs, protect your master Sauron!</p>
        </section>

            <h2> Fellows Wanted Dead (or alive if you want to eat them later)</h2>

        <section>
            <a href="https://placeholder.com"><img src="https://via.placeholder.com/150"  alt="image"></a>
            <a href="https://placeholder.com"><img src="https://via.placeholder.com/150"  alt="image"></a>
            <a href="https://placeholder.com"><img src="https://via.placeholder.com/150"  alt="image"></a>
         </section>
        <hr>
        <h2>Contact Us</h2>
            <label for="emailinput">Votre email</label>
            <input type="text" name="email" id="emailinput" placeholder="contact@demo.fr" required>
        <div>
            <label for="addressinput">Votre adresse</label>
            <input type="adress" name="adress" id="adress">
        </div>
        <div>
            <textarea name="message" id="message" cols="30" rows="10" placeholder="Votre message"></textarea>
        </div>
        <hr>
        <footer>
            <p>About Us</p>
            <p>Fellows</p>
            <p>Join Your Army</p>

            <p>FAQ</p>
            <P>Reward Conditions</P>
            <p>Legal Mentions</p>

            <p><gr>Sauron4ever.com</gr></p>
            <p><gr>Follow him also on twitter</gr></p>
        </footer>
    </body>
</html>