Untitled

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <link rel="stylesheet" type="text/css" href="cv.css">
        <title>Find The Precious</title>
    </head>

    <body>
        <header>
          <h1>FindThePrecious.com</h1>
          <nav>
            <ul>
        	    <li><a href="#fellows">Fellows</a></li>
        	    <li><a href="#the_ring">The Ring</a></li>
        	    <li><a href="#get_my_reward">Get my reward</a></li>
        	    <li><a href="#best_hunters">Best Hunters</a></li>
        	    <li><a href="#join_the_army">Join the Army</a></li>
        	    <li><a href="contact_us">Contact us</a></li>
            </ul>
          </nav>
          <p>Dangerous fellowship try to destroy the ring<br/>
      	    Orcs, Goblins, Balrogs, protect your master Sauron !</p>
        </header>
        <!-- Afin de me repérer pour la suite les <h3> correspondront aux boutons -->
        <section>
        	<div id="section1">
    	        <h2 id="fellows">Fellows wanted dead</h2>
    	        <p>(or alive if you want to eat them later)</p>
    	        <h3>Most wanted</h3>
                <h3>Most dangerous</h3>
                <h3>Already captured</h3>
                <p id="reward1">Reward 1000 gold coins</p>
                <img src="the_wizard" placeholder="the wizard">
                <h4>The Wizard</h4>
                <p>Small description...</p>
                <img src="HOBBIT" placeholder="HOBBIT">
                <h4>HOBBIT #3</h4>
                <p>Small description...</p>
                <p id="reward2">Reward 250 gold coins</p>
                <img src="yummy_dwarf" placeholder="yummy dwarf">
                <h4>Yummy Dwarf</h4>
                <p>Small description...</p>
            </div>
            <hr/>
        </section>

        <section>
        	<div id="section2">
    	        <h2 id="get_my_reward">I have captured one of them, how to get my reward ?</h2>
    	        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc maximus, nulla ut commodo sagittis, sapien dui mattis dui, non pulvinar lorem felis nec erat.</p>
    	        <img src="reward" placeholder="reward">
    	        <h3>Contact us</h3>
    	    </div>
    	    <hr/>
        </section>

        <section>
        	<div id="section3">
        	    <h2 id="best_hunters">Best hunters</h2>
        	    <img src="70" placeholder="70x70">
        	    <p>ElvesKiller22</p>
        	    <p>2 captures</p>
        	    <p id="#profile">Profile</p>
        	    <h3>Like 68K</h3>
        	    <img src="70" placeholder="70x70">
        	    <p>Goblin45</p>
        	    <p>1 capture</p>
        	    <p id="#profile2">Profile</p>
        	    <h3>Like 68K</h3>
        	</div>
        	<hr/>
        </section>

        <section>
        	<div id="section4">
        	    <h2 id="the_ring">About the ring</h2>
        	    <h4>Ring capabilities</h4>
        	    <p>What can our master Sauron do with the ring ?</p>
        	    <table>
        		    <tr>
        			    <td>Feature</td>
        			    <td>Description</td>
        		    </tr>
        		    <tr>
        			    <td>Main</td>
        			    <td>One ring to rule 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>
        	    <h4>Why the ring is awesome ?</h4>
        	    <p>My preciooooouuuuus ! Hrk, hrk, we want our preciooooouuuuus !!!</p><br/>
        	    <p>Gollum</p>
        	</div>
        	<hr/>
        </section>

        <section>
        	<div id="section5">
        	    <h2>Join Mordor Army, we need you !</h2>
        	    <img src="140" placeholder="140x140">
        	    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc maximus, nulla ut commodo sagittis, sapien dui mattis dui, non pulvinar lorem felis nec erat.</p>
    	        <h3>More info on SauronRulesThemAll.com</h3>
    	    </div>
    	    <hr/>
        </section>

        <section>
        	<div id="section6">
        	    <h2 id="contact_us">Contact us</h2>
        	    <form method="post" action="traitement.php">
        		     <input type="email" placeholder="Your e-mail adress" name="email" id="email"/><br/>
        		     <input type="text" placeholder="Your adress" name="adress" id="adress"/><br/>
        		     <select>
        		     	<option>I have seen one of them</option>
        		     </select>
                </form>
            </div>
            <input type="text" placeholder="Your message" name="your_message" id="your_message">
            <hr/>
        </section>
            <footer>
                <table>
        	        <tr>
        		        <td>About us</td>
        		        <td>FAQ</td>
        		        <td></td>
        	        </tr>
        	        <tr>
        		        <td>Fellows</td>
        		        <td>Reward conditions</td>
        		        <td>Sauron4Ever.com</td>
        	        </tr>
        	        <tr>
        		        <td>Join our army</td>
        		        <td>Legal mentions</td>
        		        <td>Follow him also on twitter</td>
        	        </tr>
                </table>
            </footer>
    </body>
</html>