FindthePrecious.com

<!DOCTYPE html>
<html lang="fr">
<head>
    <title>FindThePrecious</title>
    <meta charset="UTF-8">
    <meta name="autor" content="Alexandra POMAR">
    <meta name="description" content="Quête Wild Code School">
</head>

<body>
    <header>
      <section id="entete">
        <h1>FindthePrecious.com</h1>
            <nav>
                <a href="#fellows" title="Fellows">Fellows</a>
                <a href="#contact" title="Contact">Contact us</a>
            </nav>
      </section>
    </header>


      <section id="intro">
        <a href="https://placeholder.com"><img src="https://via.placeholder.com/140x140" alt="image d'introduction"></a>
        <h2>Dangerous fellowship try to destroy the ring</h2>
        <h3>Orcs, Goblins, Balrogs, protect your master Sauron !</h3>
      </section>

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

    <section id="hunters">
        <ul>
            <li class="thewizard">
                <a href="https://placeholder.com"><img src="https://via.placeholder.com/200" alt="photo profil The       Wizard"></a>
                <h2>The Wizard</h2>
                <p>Small description...</p>
            </li>
            <li class="Hobbit">
                <a href="https://placeholder.com"><img src="https://via.placeholder.com/200" alt="photo profil Hobbit"></a>
                <h2>Hobbit #3</h2>
                <p>Small description...</p>
            </li>
            <li class="YummyDwarf">
                <a href="https://placeholder.com"><img src="https://via.placeholder.com/200" alt="photo profil Yummy Dwarf"></a>
                <h2>Yummy Dwarf</h2>
                <p>Small description...</p>
            </li>
        </ul>
    </section>
    <hr/>

    <section id="contact">
    <h2>Contact us</h2>

    <form>
        <div>
            <label for="Email"></label>
            <input type="email">
        </div>
        <div>
            <label for="Adresse"></label>
            <input type="text">
        </div>
        <select>
            <label for="Choice"></label>
            <option value="seen">I have seen one of them</option>
        </select>
        <div>
            <label for="message"></label>
            <textarea placeholder="Your message"></textarea>
        </div>
        <div class="button">
            <button type="submit">Send !</button>
        </div>
    </form>
    </section>

    <footer>
        <div class="menugauche">
            <p>About us</p>
            <p>Fellows</p>
            <p>Join our Army</p>
        </div>
        <div class="menumilieu">
            <p>FAQ</p>
            <p>Reward conditions</p>
            <p>Legal mentions</p>
        </div>
        <div class="menudroite">
            <a href="sauron4ever.com" target="_blank" title="site sauron">Sauron4Ever.com</a><br/>
            <a href="twitter.com" target="_blank" title="twitter sauron">Follow him also on Twitter</a>
        </div>
    </footer>
  </body>
</html>