FindThePrecious

<!DOCTYPE HTML>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="author" content="Natacha">
        <meta name="description" content="FindThePrecious.">
        <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>
            <h2>Dangerous, fellowship try to destroy the ring</h2>
            <p>Orc, Goblins, Balrogs, protect your master Sauron!</p>
        </section>

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

        <div class="image">
            <a href="https://placeholder.com/" title="the wizard, small description"><img src="https://via.placeholder.com/150"  alt="image"></a>
            <a href="https://placeholder.com/" title="hobbit, small description"><img src="https://via.placeholder.com/150"  alt="image"></a>
            <a href="https://placeholder.com/" title="yummy dwarf, small description"><img src="https://via.placeholder.com/150"  alt="image"></a>
        </div>
        </section>

        <form>
        <fieldset>
            <h2>Contact Us</h2>
        <div>
            <label for="emailinput">Votre email</label>
            <input type="text" name="email" id="emailinput" placeholder="contact@demo.fr" required>
        </div>
        <div>
            <label for="address">Votre adresse</label>
            <input type="text" name="address" id="address" required>
        </div>
        <div>
            <textarea name="message" id="message" cols="30" rows="10" placeholder="Votre message"></textarea>
        </div>
        <div class="button">
            <button type="button">Send</button>
        </div>
        </fieldset>
        </form>

        <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><strong>Sauron4ever.com</strong></p>
            <p><strong>Follow him also on twitter</strong></p>
        </footer>
    </body>
</html>