Findtheprecious_chloe_trottin

<!DOCTYPE html>
<html lang="fr">
    <head>
        <meta charset="UTF-8">
        <title>FindThePrecious</title>
    </head>


    <body>
        <header>
            <h1>FindThePrecious</h1>
            <nav>
                <ul>
                    <li><a>Fellows</a></li>
                    <li><a>Contact us</a></li>
                </ul>
            </nav>
        </header>

        <section>
        <div id="slider">
    <div id="slides">

        <figure id="slide1"><h2>Dangerous fellowship try to destroy the ring</h2>
        <p>Orcs, Gobelins, Balrogs, protect your master Sauron!</p>
            <a href="https://placeholder.com"><img src="https://via.placeholder.com/350" alt="imageslide1"></a>

        </figure>
        <figure id="slide2"><h2> Sed non risus.  </h2>
        <p>Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>
            <a href="https://placeholder.com"><img src="https://via.placeholder.com/350" alt="imageslide2"></a>
        </figure>
        </div>
</div>
</section>

<section>
        <h2>Fellow wanted dead</h2>
        <p>(or alive if you want to eat them later)</p>
        <a href="https://placeholder.com"><img src="https://via.placeholder.com/150" alt="FellowA"></a>
        <a href="https://placeholder.com"><img src="https://via.placeholder.com/150" alt="FellowB"></a>
        <a href="https://placeholder.com"><img src="https://via.placeholder.com/150" alt="FellowC"></a>
</section>

    <hr/>

<section>
    <h2>Contact us</h2>

<form>
      <label></label> <br/>
      <input type="email" class="email-field" placeholder="@" />
        <br/>
        <label></label> <br/>
        <input type="text" class="email-field" placeholder=Address />
<br/>
          <p>

             <select id = "dropdown">
               <option value = "1">I have seen one of them</option>
               <option value = "2">I have caught one of them</option>
             </select>
          </p>

<input id="Message" class="message-field" placeholder="Your message " /> <br/> <br/> <input type="submit" value="Send!" class="ctasubmitcolor" />
  </form>


</section>

<footer>

    <br/>
  <p> <a href="https://www.google.fr">About us</a><br/>
    <a href="https://www.google.fr">Fellows</a><br/>
<a href="https://www.google.fr">Join our army</a> </p>

<br/>
    <p><a href="https://www.google.fr">FAQ</a> <br/>
 <a href="https://www.google.fr">Reward conditions</a> <br/>
    <a href="https://www.google.fr">Legal mentions</a> </p>

<br/>
    <p><a href="http://www.sauron4ever.com">Sauron4Ever.com</a> <br/>

     <a href="http://www.twitter.com">Follow him also on twitter</a> </p>

  </footer>
    </body>
</html>