maylisdoucet/Findtheprecious - Maylis Doucet

## Findtheprecious - Maylis Doucet
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>Find the precious</title>
    </head>

    <body>
        <header>
        <h1>Find the precious</h1>
        <nav>
            <ul>
                <li><a href="#">Fellows</a></li>
                <li><a href="#">The ring</a></li>
                <li><a href="#">Get my reward</a></li>
                <li><a href="#">Best hunters</a></li>
                <li><a href="#">Joins the army</a></li>
                <li><a href="#">Contact us</a></li>
            </ul>
        </nav>
            <article>
                <h2>Dangerous fellowship try to destroy the ring</h2>
                <p>Orcs, Goblins, Balrogs, protect your master Sauron</p>
            </article>
        </header>
        <section>
                <h2>Fellow wanted dead</h2>
                <p>(or alive if you want to eat them later)</p>
             <nav>
                <ul>
                   <li><a href="#">Most wanted</a></li>
                   <li><a href="#">Most dangerous</a></li>
                   <li><a href="#">Already captured</a></li>
               </ul>
            </nav>
            <aside>
                <h2>The Wizard</h2>
                <p>Small description</p>
                <a href="https://placeholder.com"><img src="http://via.placeholder.com/200x200" alt="wizard"></a>
            </aside>
            <aside>
                <h2>Hobbit3</h2>
                <p>Small description</p>
                <a href="https://placeholder.com"><img src="http://via.placeholder.com/200x200" alt="hobbit3"></a>
            </aside>
            <aside>
                <h2>Yummy Dwarf</h2>
                <p>Small description</p>
                <a href="https://placeholder.com"><img src="http://via.placeholder.com/200x200" alt="yummy"></a>
            </aside>
        </section>
        <section>

                <h2>Capture</h2>
            <article>
                <h2>I have captured one of them, how to get my reward ?</h2>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas pellentesque diam at lobortis laoreet. Aliquam erat volutpat. Vestibulum blandit libero vitae lacus accumsan, venenatis facilisis turpis aliquam. Sed augue augue, efficitur sit amet diam a, luctus laoreet neque. Praesent bibendum sapien nec facilisis dictum.</p>
                <input type="button" value="Contact us">

            </article>
            <aside>
                <a href="https://placeholder.com"><img src="http://via.placeholder.com/140x140" alt="contact"></a>
            </aside>
        </section>
        <section>
                <h2>Best hunters</h2>
                <a href="https://placeholder.com"><img src="http://via.placeholder.com/70x70" alt="elke1"></a>
                <p>Elkeskiller22  2 captures, Profils</p>
                <a href="https://placeholder.com"><img src="http://via.placeholder.com/70x70" alt="elke2"></a>
                <p>Elkeskiller22  2 captures, Profils</p>
        </section>
        <section>
            <h1>About the ring</h1>
            <article>
            <h3>Ring capabilities</h3>
            <table>
               <tr>
                 <td>Feature</td>
                 <td>Description</td>
               </tr>
               <tr>
                 <td>Main</td>
                 <td>One ring to rules them all</td>
               </tr>
              <tr>
                 <td>Invisibility</td>
                 <td>You can't see me</td>
              </tr>
              <tr>
                 <td>Power</td>
                 <td>Destroy the world</td>
              </tr>
            </table>
            </article>

            <article>
            <h3>Why the ring is awesome ?</h3>
            <p>My precious  ! Hrk Hrk, we want our precious.</p>
            <a href="https://placeholder.com"><img src="http://via.placeholder.com/110x110" alt="gollum"></a>
            </article>
        </section>
       <section>

                <h2>Murder</h2>
            <article>
                <h3>Join murder army, we need you</h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas pellentesque diam at lobortis laoreet. Aliquam erat volutpat. Vestibulum blandit libero vitae lacus accumsan, venenatis facilisis turpis aliquam. Sed augue augue, efficitur sit amet diam a, luctus laoreet neque. Praesent bibendum sapien nec facilisis dictum.</p>
                <input type="button" value="More info on SauronRulesThemAll.com">

            </article>
            <aside>
                <a href="https://placeholder.com"><img src="http://via.placeholder.com/140x140" alt="sauron"></a>
            </aside>
        </section>
       <section>
                <h2>Formulaire</h2>
       <form method="post" action="traitement.php">
         <p>
                <input type="email" />
                <input type="tel" />
                <select name="I have seen" id="animal">
                    <option value="I have seen one of them">I have seen one of them</option>
                    <option value="I have seen a cat">I have seen a cat</option>
                </select>
                <textarea name="yourmessage" id="yourmessage" rows="4" cols="50">
                  Your message
                </textarea>
        </p>
       </form>
       </section>
        <footer>
             <nav>
                <ul>
                   <li><a href="#">About us</a></li>
                   <li><a href="#">Fellows</a></li>
                   <li><a href="#">Join our army</a></li>
                   <li><a href="#">FAQ</a></li>
                   <li><a href="#">Rewards conditions</a></li>
                   <li><a href="#">Legal mention</a></li>
               </ul>
            </nav>
            <p>Sauron4ever.com</p>
            <p>Follow him on twitter</p>
        </footer>
    </body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8" />
	<title>Find the precious</title>
	</head>

	<body>
	<header>
	<h1>Find the precious</h1>
	<nav>
	<ul>
	<li><a href="#">Fellows</a></li>
	<li><a href="#">The ring</a></li>
	<li><a href="#">Get my reward</a></li>
	<li><a href="#">Best hunters</a></li>
	<li><a href="#">Joins the army</a></li>
	<li><a href="#">Contact us</a></li>
	</ul>
	</nav>
	<article>
	<h2>Dangerous fellowship try to destroy the ring</h2>
	<p>Orcs, Goblins, Balrogs, protect your master Sauron</p>
	</article>
	</header>
	<section>
	<h2>Fellow wanted dead</h2>
	<p>(or alive if you want to eat them later)</p>
	<nav>
	<ul>
	<li><a href="#">Most wanted</a></li>
	<li><a href="#">Most dangerous</a></li>
	<li><a href="#">Already captured</a></li>
	</ul>
	</nav>
	<aside>
	<h2>The Wizard</h2>
	<p>Small description</p>
	<a href="https://placeholder.com"><img src="http://via.placeholder.com/200x200" alt="wizard"></a>
	</aside>
	<aside>
	<h2>Hobbit3</h2>
	<p>Small description</p>
	<a href="https://placeholder.com"><img src="http://via.placeholder.com/200x200" alt="hobbit3"></a>
	</aside>
	<aside>
	<h2>Yummy Dwarf</h2>
	<p>Small description</p>
	<a href="https://placeholder.com"><img src="http://via.placeholder.com/200x200" alt="yummy"></a>
	</aside>
	</section>
	<section>

	<h2>Capture</h2>
	<article>
	<h2>I have captured one of them, how to get my reward ?</h2>
	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas pellentesque diam at lobortis laoreet. Aliquam erat volutpat. Vestibulum blandit libero vitae lacus accumsan, venenatis facilisis turpis aliquam. Sed augue augue, efficitur sit amet diam a, luctus laoreet neque. Praesent bibendum sapien nec facilisis dictum.</p>
	<input type="button" value="Contact us">

	</article>
	<aside>
	<a href="https://placeholder.com"><img src="http://via.placeholder.com/140x140" alt="contact"></a>
	</aside>
	</section>
	<section>
	<h2>Best hunters</h2>
	<a href="https://placeholder.com"><img src="http://via.placeholder.com/70x70" alt="elke1"></a>
	<p>Elkeskiller22 2 captures, Profils</p>
	<a href="https://placeholder.com"><img src="http://via.placeholder.com/70x70" alt="elke2"></a>
	<p>Elkeskiller22 2 captures, Profils</p>
	</section>
	<section>
	<h1>About the ring</h1>
	<article>
	<h3>Ring capabilities</h3>
	<table>
	<tr>
	<td>Feature</td>
	<td>Description</td>
	</tr>
	<tr>
	<td>Main</td>
	<td>One ring to rules them all</td>
	</tr>
	<tr>
	<td>Invisibility</td>
	<td>You can't see me</td>
	</tr>
	<tr>
	<td>Power</td>
	<td>Destroy the world</td>
	</tr>
	</table>
	</article>

	<article>
	<h3>Why the ring is awesome ?</h3>
	<p>My precious ! Hrk Hrk, we want our precious.</p>
	<a href="https://placeholder.com"><img src="http://via.placeholder.com/110x110" alt="gollum"></a>
	</article>
	</section>
	<section>

	<h2>Murder</h2>
	<article>
	<h3>Join murder army, we need you</h3>
	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas pellentesque diam at lobortis laoreet. Aliquam erat volutpat. Vestibulum blandit libero vitae lacus accumsan, venenatis facilisis turpis aliquam. Sed augue augue, efficitur sit amet diam a, luctus laoreet neque. Praesent bibendum sapien nec facilisis dictum.</p>
	<input type="button" value="More info on SauronRulesThemAll.com">

	</article>
	<aside>
	<a href="https://placeholder.com"><img src="http://via.placeholder.com/140x140" alt="sauron"></a>
	</aside>
	</section>
	<section>
	<h2>Formulaire</h2>
	<form method="post" action="traitement.php">
	<p>
	<input type="email" />
	<input type="tel" />
	<select name="I have seen" id="animal">
	<option value="I have seen one of them">I have seen one of them</option>
	<option value="I have seen a cat">I have seen a cat</option>
	</select>
	<textarea name="yourmessage" id="yourmessage" rows="4" cols="50">
	Your message
	</textarea>
	</p>
	</form>
	</section>
	<footer>
	<nav>
	<ul>
	<li><a href="#">About us</a></li>
	<li><a href="#">Fellows</a></li>
	<li><a href="#">Join our army</a></li>
	<li><a href="#">FAQ</a></li>
	<li><a href="#">Rewards conditions</a></li>
	<li><a href="#">Legal mention</a></li>
	</ul>
	</nav>
	<p>Sauron4ever.com</p>
	<p>Follow him on twitter</p>
	</footer>
	</body>
	</html>