findThePrecious.com 1

<!doctype html>
<html lang="fr">

<head>
    <meta charset="utf-8">
    <meta name="author" content="Sauron">
    <meta name="description" content="Le site du grand Sauron pour le recrutement de son armée">
    <title>findThePrecious</title>
</head>

<body>
    <header>
        <h4>FindThePrecious.com</h4> <p><a href="" title="Nos joyeux compagnons">Fellows</a></p> <p><a href="" title="Pour grossir nos rangs !">Contact us</a></p>
    </header>

    <section id="Dangerous">

        <img src="https://via.placeholder.com/1300x400?text=Dangerous+fellowship+try+to+destroy+the+ring" alt="Dangerous fellows">
        <h4>Orcs, Goblins, Balrogs, protect your master Sauron !</h4>

    </section>

    <section id="Fellows">

        <h3>Fellow Wanted Dead </h3>
        <h6>( or alive if you want to eat them later )</h6>
        <figure>
            <img src="https://via.placeholder.com/200.png?text=Reward+1000+Gold+coins" alt="wizard">
            <figcaption>The Wizard</figcaption>
        </figure>
        <figure>
            <img src="https://via.placeholder.com/200.png?text=Dead" alt="HObbit">
            <figcaption>Hobbit #3</figcaption>
        </figure>
        <figure>
            <img src="https://via.placeholder.com/200.png?text=Reward+250+gold+coins" alt="Yummy Dwarf">
            <figcaption>Yummy Dwarf</figcaption>
        </figure>
    </section>

    <section id="Contact">
      <h3>Contact us</h3>
        <form method="post" action="traitement.php">
            <p><label for="mail"></label><input type="email" name="mail" id="mail" placeholder="@" /></p>
            <p><label for="adresse"></label><input type="text" name="adresse" id="adresse" placeholder="&#8962;" /></p>
            <p><label for="Follow"></label>
            <select name="Follow" id="Follow">
                <option value="Follow1">I've seen one of them</option>
                <option value="Follow2">Sed non risus. Suspendisse</option>
            </select></p>
            <p><label for="message"></label><textarea name="message" id="message" placeholder="Your message"></textarea></p>
            <input type="submit" value="send !" />

        </form>

    </section>
    <footer>

        <div>
            <ul>
                <li>About us</li>
                <li>Fellows</li>
                <li>Join our army</li>
            </ul>
        </div>

        <div>
            <ul>
                <li>FAQ</li>
                <li>Reward Conditions</li>
                <li>Legal Mentions</li>
            </ul>
        </div>

        <div>
            <a href="https://Sauron4Ever.com" title="L'oeil de sauron">Sauron4Ever.com</a>
            <p>Follow him also <a href="https://Twitter.com" title="Son twitter">Twitter</a></p>
        </div>

    </footer>
</body>

</html>