Esoriak/FindThePrecious.html

## FindThePrecious.html
<!DOCTYPE html>

<html lang="en">

	<head>
		<meta charset="UTF-8">
		<title> Find The Precious</title>

	</head>
	<body>
		<h1> FindThePrecious.com</h1>


		<nav>
			<img src="https://via.placeholder.com/540x240" alt="Banniere" id="bann"/>
			<h2> Dangerous fellowship try to destroy the ring </h2>
			<p> Orcs, Goblins, Balrogs, protect your Master Sauron !</p>
			<ul class="Menu">
				<li><a href="Fellows"> Fellows </a></li>
				<li><a href="TheRing"> The Ring </a> </li>
				<li><a href="Getmyreward"> Get my reward </a> </li>
				<li><a href="Besthunters"> Best hunters </a></li>
				<li><a href="JointheArmy">Join the Army </a></li>
				<li><a href="Contactus"> Contact us </a></li>
			</ul>
		</nav>

		<section id="Fellows">
		 <h2> Fellows wanted dead <span> ( or alive if you want to eat them later ) </span></h2>
			<a href="#Mostwanted"> Most wanted </a> <a href="#">most dangerous</a> <a href="#">Already captured</a>
		 <img src="https://via.placeholder.com/90" alt="Thewizard" id="Thewizard"/>
		 <p> Reward 1000 gold coins </p>
		 <h3> The Wizard</h3>
		 <p> small description </p>
		 <img src="https://via.placeholder.com/90" alt="Hobbit#3" id="Hobbit#3"/>
		 <p> DEAD </p>
		 <h3> Hobbit#3</h3>
		 <p> small description </p>
		 <img src="https://via.placeholder.com/90" alt="Yummy" id="Yummy" />
		 <p> Reward 250 gold coins </p>
		 <h3> Yummy Dwarf </h3>
		 <p> small description </p>
		</section>
		<hr/>
		<section id="Getmyreward">
			<h2> I have captured one of them, how to get my reward ? </h2>
			<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus dignissim commodo pharetra. Donec fringilla varius ultricies. Pellentesque vestibulum at metus vel sagittis. Vestibulum interdum a justo ut molestie. Aenean ut eros metus. Cras diam tortor, maximus in sem sed, lacinia ultricies ligula. Suspendisse augue neque, dictum nec efficitur in, rhoncus sed nibh.

Fusce tincidunt eget nisl ac congue. Curabitur lorem metus, interdum a dui in, feugiat semper magna. Donec non nulla et elit vestibulum lacinia vel cursus quam. Donec eget congue sem. Duis tempor libero mattis rutrum gravida. In hac habitasse platea dictumst. Pellentesque sed tempor metus, sit amet rutrum metus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Ut euismod sit amet arcu nec sagittis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam gravida dictum ante sed scelerisque. Donec aliquet congue sollicitudin. Etiam posuere maximus pellentesque.

Suspendisse vestibulum consequat lectus, nec tincidunt tortor venenatis eget. Quisque eu interdum lectus. Etiam tincidunt libero ultricies mauris interdum, id convallis lacus tempus. Nullam ac magna ut turpis molestie elementum. Etiam vitae rhoncus massa, vitae aliquam neque. Praesent ac nisl leo. Proin faucibus finibus eros in sodales. Nunc scelerisque hendrerit convallis. Nullam cursus, augue id tristique egestas, enim tortor laoreet orci, at sagittis tortor felis eu quam. Curabitur a ex et nulla convallis aliquet. Aliquam vel fermentum tellus. Suspendisse ultrices urna in diam vestibulum, sit amet efficitur tortor tempus. Suspendisse convallis nulla a elementum malesuada. Nullam fringilla erat aliquam arcu imperdiet, quis tristique dui condimentum. Nam fermentum lobortis sagittis. Phasellus elementum gravida arcu id laoreet. </p>
			<a href="#Contact_us">Contact us</a>
<img src="https://via.placeholder.com/140" alt="reward" id="reward"/>
</section>
<hr/>
<section id="BestHunters">
	<h2> Best Hunters </h2>
	<img src="https://via.placeholder.com/70" alt="Photoprofil" id="Photoprofil"/>
	<h3> ElvesKiller22 </h3>
	<p> 2 captures - <a href="pageprofil.html" title="profil">Profil</a> </p>
	<a href="like">Like</a>
	<img src="https://via.placeholder.com/70" alt="Photo_profil2" id="Photo_profil2"/>
	<br/>
	<h3> Goblin 45 </h3>
	<p> 1 capture -	<a href="pageprofil2.html" title="profil2">Profil2</a> </p>
	<a href="like">Like</a>
	</section>
	<hr/>

	<section id="TheRing">
		<h2> About the ring </h2>
<h3> What can our master Sauron do with the ring ?</h3>
		<table>

			<caption> Ring Capabilities </caption>

			 <tr>
			 	<th scope="col"> Feature </th>
			 	<th scope="col"> Description </th>
			 </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 tte world</td>
			 </tr>
			</table>
			<br/>
			<h3> Why the ring is awesome ?  </h3>
			<p> My preciiiiiiooooouuusssss !!! Hrk Hrk, we want our preciiioouuusss !<br/>
			<em> Gollum
			</em></p>
			<img src="https://via.placeholder.com/110" alt="Photogollum" id="Gollum"/>

	</section>

<hr/>
	<section id="JointheArmy">
		<h2> Join Mordor Army, we need you !</h2>

		<img src="https://via.placeholder.com/150" alt="Army" id="Army"/>
		<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus dignissim commodo pharetra. Donec fringilla varius ultricies. Pellentesque vestibulum at metus vel sagittis. Vestibulum interdum a justo ut molestie. Aenean ut eros metus. Cras diam tortor, maximus in sem sed, lacinia ultricies ligula. Suspendisse augue neque, dictum nec efficitur in, rhoncus sed nibh.

Fusce tincidunt eget nisl ac congue. Curabitur lorem metus, interdum a dui in, feugiat semper magna. Donec non nulla et elit vestibulum lacinia vel cursus quam. Donec eget congue sem. Duis tempor libero mattis rutrum gravida. In hac habitasse platea dictumst. Pellentesque sed tempor metus, sit amet rutrum metus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
<a href="http://SauronRulesThemAll.com/info">More info on SauronrRulesThemAll.com</a>
</section>
<hr/>
<section id="Contactus">
	<h2> Contact us </h2>

	<form method="post" action="traitement.php">
		<p>
			<input type="email" name="email" placeholder="@"/><br/>

			<input type="text" name="home"/><br/>

			<select name="choice" id="choice">
				<option value="I have seen one of them"> I have seen one of them </option>
				<option value=" I have never seen one of them"> I have never seen one of them</option>
				<option value="I want more info"> I want mor info </option>
				<option value ="I'm lost"> I'm lost </option>
				<option value =" I want to speak to Sauron !"> I want to speak to Sauron !</option>
			</select><br/>
			<textarea id="message" name="message" rows="15" cols="60"> Your message </textarea>
	<input type="submit" value="Submit" />
		</p>
	</form>
</section>


	<footer>
		<ul class="col1">
			<li><a href="Aboutus.html"> About us </a></li>
			<li><a href="#Fellows"> Fellows</a> </li>
			<li><a href="#JointheArmy"> Join the army </a></li>
		</ul>

		<ul class="col2">
			<li><a href="FAQ.html">FAQ</a></li>
			<li><a href="Rewardconditions.html">Reward conditions</a></li>
			<li><a href="legalmentions.html"> Legal mentions</a></li>
				</ul>

		<ul class="col3">
				<li><a href="http://Sauron4ever.com"> Sauron4ever.com</a></li>
				<li><a href="hhtp://twitter.com/profil_Sauron"> Follow him also on twitter</a></li>
				</ul>

	</footer>
</body>
</html>
	<!DOCTYPE html>

	<html lang="en">

	<head>
	<meta charset="UTF-8">
	<title> Find The Precious</title>

	</head>
	<body>
	<h1> FindThePrecious.com</h1>


	<nav>
	<img src="https://via.placeholder.com/540x240" alt="Banniere" id="bann"/>
	<h2> Dangerous fellowship try to destroy the ring </h2>
	<p> Orcs, Goblins, Balrogs, protect your Master Sauron !</p>
	<ul class="Menu">
	<li><a href="Fellows"> Fellows </a></li>
	<li><a href="TheRing"> The Ring </a> </li>
	<li><a href="Getmyreward"> Get my reward </a> </li>
	<li><a href="Besthunters"> Best hunters </a></li>
	<li><a href="JointheArmy">Join the Army </a></li>
	<li><a href="Contactus"> Contact us </a></li>
	</ul>
	</nav>

	<section id="Fellows">
	<h2> Fellows wanted dead <span> ( or alive if you want to eat them later ) </span></h2>
	<a href="#Mostwanted"> Most wanted </a> <a href="#">most dangerous</a> <a href="#">Already captured</a>
	<img src="https://via.placeholder.com/90" alt="Thewizard" id="Thewizard"/>
	<p> Reward 1000 gold coins </p>
	<h3> The Wizard</h3>
	<p> small description </p>
	<img src="https://via.placeholder.com/90" alt="Hobbit#3" id="Hobbit#3"/>
	<p> DEAD </p>
	<h3> Hobbit#3</h3>
	<p> small description </p>
	<img src="https://via.placeholder.com/90" alt="Yummy" id="Yummy" />
	<p> Reward 250 gold coins </p>
	<h3> Yummy Dwarf </h3>
	<p> small description </p>
	</section>
	<hr/>
	<section id="Getmyreward">
	<h2> I have captured one of them, how to get my reward ? </h2>
	<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus dignissim commodo pharetra. Donec fringilla varius ultricies. Pellentesque vestibulum at metus vel sagittis. Vestibulum interdum a justo ut molestie. Aenean ut eros metus. Cras diam tortor, maximus in sem sed, lacinia ultricies ligula. Suspendisse augue neque, dictum nec efficitur in, rhoncus sed nibh.

	Fusce tincidunt eget nisl ac congue. Curabitur lorem metus, interdum a dui in, feugiat semper magna. Donec non nulla et elit vestibulum lacinia vel cursus quam. Donec eget congue sem. Duis tempor libero mattis rutrum gravida. In hac habitasse platea dictumst. Pellentesque sed tempor metus, sit amet rutrum metus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Ut euismod sit amet arcu nec sagittis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam gravida dictum ante sed scelerisque. Donec aliquet congue sollicitudin. Etiam posuere maximus pellentesque.

	Suspendisse vestibulum consequat lectus, nec tincidunt tortor venenatis eget. Quisque eu interdum lectus. Etiam tincidunt libero ultricies mauris interdum, id convallis lacus tempus. Nullam ac magna ut turpis molestie elementum. Etiam vitae rhoncus massa, vitae aliquam neque. Praesent ac nisl leo. Proin faucibus finibus eros in sodales. Nunc scelerisque hendrerit convallis. Nullam cursus, augue id tristique egestas, enim tortor laoreet orci, at sagittis tortor felis eu quam. Curabitur a ex et nulla convallis aliquet. Aliquam vel fermentum tellus. Suspendisse ultrices urna in diam vestibulum, sit amet efficitur tortor tempus. Suspendisse convallis nulla a elementum malesuada. Nullam fringilla erat aliquam arcu imperdiet, quis tristique dui condimentum. Nam fermentum lobortis sagittis. Phasellus elementum gravida arcu id laoreet. </p>
	<a href="#Contact_us">Contact us</a>
	<img src="https://via.placeholder.com/140" alt="reward" id="reward"/>
	</section>
	<hr/>
	<section id="BestHunters">
	<h2> Best Hunters </h2>
	<img src="https://via.placeholder.com/70" alt="Photoprofil" id="Photoprofil"/>
	<h3> ElvesKiller22 </h3>
	<p> 2 captures - <a href="pageprofil.html" title="profil">Profil</a> </p>
	<a href="like">Like</a>
	<img src="https://via.placeholder.com/70" alt="Photo_profil2" id="Photo_profil2"/>
	<br/>
	<h3> Goblin 45 </h3>
	<p> 1 capture - <a href="pageprofil2.html" title="profil2">Profil2</a> </p>
	<a href="like">Like</a>
	</section>
	<hr/>

	<section id="TheRing">
	<h2> About the ring </h2>
	<h3> What can our master Sauron do with the ring ?</h3>
	<table>

	<caption> Ring Capabilities </caption>

	<tr>
	<th scope="col"> Feature </th>
	<th scope="col"> Description </th>
	</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 tte world</td>
	</tr>
	</table>
	<br/>
	<h3> Why the ring is awesome ? </h3>
	<p> My preciiiiiiooooouuusssss !!! Hrk Hrk, we want our preciiioouuusss !<br/>
	<em> Gollum
	</em></p>
	<img src="https://via.placeholder.com/110" alt="Photogollum" id="Gollum"/>

	</section>

	<hr/>
	<section id="JointheArmy">
	<h2> Join Mordor Army, we need you !</h2>

	<img src="https://via.placeholder.com/150" alt="Army" id="Army"/>
	<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus dignissim commodo pharetra. Donec fringilla varius ultricies. Pellentesque vestibulum at metus vel sagittis. Vestibulum interdum a justo ut molestie. Aenean ut eros metus. Cras diam tortor, maximus in sem sed, lacinia ultricies ligula. Suspendisse augue neque, dictum nec efficitur in, rhoncus sed nibh.

	Fusce tincidunt eget nisl ac congue. Curabitur lorem metus, interdum a dui in, feugiat semper magna. Donec non nulla et elit vestibulum lacinia vel cursus quam. Donec eget congue sem. Duis tempor libero mattis rutrum gravida. In hac habitasse platea dictumst. Pellentesque sed tempor metus, sit amet rutrum metus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
	<a href="http://SauronRulesThemAll.com/info">More info on SauronrRulesThemAll.com</a>
	</section>
	<hr/>
	<section id="Contactus">
	<h2> Contact us </h2>

	<form method="post" action="traitement.php">
	<p>
	<input type="email" name="email" placeholder="@"/><br/>

	<input type="text" name="home"/><br/>

	<select name="choice" id="choice">
	<option value="I have seen one of them"> I have seen one of them </option>
	<option value=" I have never seen one of them"> I have never seen one of them</option>
	<option value="I want more info"> I want mor info </option>
	<option value ="I'm lost"> I'm lost </option>
	<option value =" I want to speak to Sauron !"> I want to speak to Sauron !</option>
	</select><br/>
	<textarea id="message" name="message" rows="15" cols="60"> Your message </textarea>
	<input type="submit" value="Submit" />
	</p>
	</form>
	</section>


	<footer>
	<ul class="col1">
	<li><a href="Aboutus.html"> About us </a></li>
	<li><a href="#Fellows"> Fellows</a> </li>
	<li><a href="#JointheArmy"> Join the army </a></li>
	</ul>

	<ul class="col2">
	<li><a href="FAQ.html">FAQ</a></li>
	<li><a href="Rewardconditions.html">Reward conditions</a></li>
	<li><a href="legalmentions.html"> Legal mentions</a></li>
	</ul>

	<ul class="col3">
	<li><a href="http://Sauron4ever.com"> Sauron4ever.com</a></li>
	<li><a href="hhtp://twitter.com/profil_Sauron"> Follow him also on twitter</a></li>
	</ul>

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