<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title><strong>Document</strong></title>
</head>
<body>
<nav>
<h1>Find the precious</h1>
<ul id="menu">
<li><a href="#fellows" title="Click here to see the fellows">Fellows</a></li>
<li><a href="#ring" title="Click here to see the ring">The ring</a></li>
<li><a href="#rewards" title="Click here to get my rewards">Get my rewards</a></li>
<li><a href="#hunters" title="Click here to see best hunters">Best hunters</a></li>
<li><a href="#army" title="Clique here to join the army">Join the army</a></li>
<li><a href="#contact" title="Clique here to contact us ">Contact Us</a></li>
</ul>
</nav>
<header>
<h2>
Dangerous fellowship try to destroy the ring
</h2>
<h4>
Orcs, Goblins, Balrogs protect your master Saurmon
</h4>
</header>
<section>
<h2><strong>Fellows wanted dead</strong><small>( or alive if you want to eat them later)</small></h2>
<ul>
<li>Most wanted</li>
<li>Most dangerous</li>
<li>Already captured</li>
</ul>
<div class="fellows">
<img src="photo1" alt="photo1">
<p>The Wizard</p>
<p>small descrition...</p>
</div>
<div class="fellows">
<img src="photo2" alt="photo2">
<p>Hobbit #3</p>
<p>small description...</p>
</div>
<div class="fellows">
<img src="photo3" alt="photo3">
<p>Dummi Dwarf</p>
<p>small description...</p>
</div>
</section>
<section>
<h2 id="rewards"> I have captured one of them, how to get my reward </h2>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed ea numquam eos, explicabo molestiae quo eveniet vitae sequi illo blanditiis corporis veniam repellat odio eligendi quam aliquid dicta cumque nesciunt adipisicing elit. Sed ea numquam eos, explicabo molestiae quo eveniet vitae sequi illo blanditiis corporis veniam repellat odio eligendi quam aliquid dicta cumque nesciunt .
<img src="image140" alt="image140">
<p>
<input type="submit" value="Contact us" />
</p>
</section>
<section>
<h2 id="hunters"> Best Hunters</h2>
<p>
<img src="image70" alt="image70">
<strong>ElvesKiller22</strong>
2 capture - profil
</p>
<p>
<img src="image70" alt="image70">
<strong>Goblin45</strong>
1 capture - profil
</p>
</section>
<section>
<h2 id="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 rules them all</td>
</tr>
<tr>
<td>Invisibility</td>
<td>You can't see mee</td>
</tr>
<tr>
<td>Power</td>
<td>Destroy the world</td>
</tr>
</table>
<h2>Why the ring is awesome</h2>
<p>My preciooooouuusssss! Hrk Hrk, we want our preciooooooouuuussssss!!!
<img src="image110" alt="image110">
</p>
</section>
<section>
<h2 id="army"> Join mordor army, we need you ! </h2>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed ea numquam eos, explicabo molestiae quo eveniet vitae sequi illo blanditiis corporis veniam repellat odio eligendi quam aliquid dicta cumque nesciunt.
<img src="image140" alt="image140">
<p>
<input type="submit" value="More info on SauronRulesThemAll.com" />
</p>
</section>
<section>
<h2 id="contact">Contact Us</h2>
<form method="post" action="traitement.php">
<p>
<label for="email">email adress</label>
<input type="email" name="email" id="email" required />
<p>
<label for="address"> adress</label>
<input type="text" name="adress" id="address" required />
</p>
<p>
<label for="message"> message</label>
<textarea id="message" rows="10" cols="50" required> </textarea>
</p>
</form>
</section>
<footer>
<ul>
<li>About us</li>
<li>Fellows</li>
<li>Joint our army</li>
<li>FAQ</li>
<li>Reward condition</li>
<li>Legal mention</li>
<li>Sauron4ever.com</li>
<li>Follow him also on tweeter</li>
</ul>
</footer>
</body>
</html>