saraclima · October 2, 2017 13:30
diff --git a/Findtheprecious.html b/Findtheprecious.html
 <!DOCTYPE html>
 <head>

 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

 <title>FindThePrecious</title>


 </head>

 <body>

 <header>
 		  <h1>FindThePrecious.com</h1>
 		    <nav class="navbarheader">
 			    <ul id="ulheader">
 				    <li><a href="#Fellows">Fellows</a></li>
 				    <li><a href="#thering">The Ring</a></li>
 				    <li><a href="#Reward">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>
 </header>

 <section class="content"><h2>Dangerous fellowship try to destroy the ring.</h2> 
 	<p> Orcs, Goblins, Balrogs, protect their master Sauron! </p>
 </section>

 	<section> <h2>Fellows wanted dead <span>(or alive if you want to eat them later)</span> </h2>

 <button type="button">Most wanted</button>
 <button type="button">Most dangerous</button>
 <button type="button">Already captured</button>


 <figure>
  <img src="http://via.placeholder.com/160x160" alt="The Wizard" width="304" height="228">
  <figcaption>The Wizard</figcaption>
 </figure> 

 <figure>
  <img src="http://via.placeholder.com/160x160" alt="The Hobbit" width="304" height="228">
  <figcaption>The Robbit</figcaption>
 </figure> 

 <figure>
  <img src="http://via.placeholder.com/160x160" alt="YummyDwarf" width="304" height="228">
  <figcaption>Yummy Dwarf</figcaption>
 </figure> 



 </section>



 <section><h2> I have captured one of them, how to get my reward?</h2>

 <a href="https://placeholder.com"><img src="http://via.placeholder.com/140x140" alt="reward"></a>

 <p>Quam quidem partem accusationis admiratus sum et moleste tuli potissimum esse Atratino datam. Neque enim decebat neque aetas illa postulabat neque, id quod animadvertere poteratis, pudor patiebatur optimi adulescentis in tali illum oratione versari. Vellem aliquis ex vobis robustioribus hunc male dicendi locum suscepisset; aliquanto liberius.</p>

 <button type="button">Contact us</button>

 </section>



 <section> <h2>Best hunters</h2>


 <figure>
  <img src="http://via.placeholder.com/70x70" alt="The Wizard" >
 	<p> ElvesKiller22</p>
 <p> 2 captures - Profile</p>

 </figure> 

 <figure>
  <img src="http://via.placeholder.com/70x70" alt="The Hobbit" >
 	 <p> Goblin45</p>
 	 <p>1 captures - Profile</p>
 </figure> 

 </section>


 <section><h2>About the ring</h2>

 	<section><h3> Ring capabilities</h3>

 <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>

 </section>

 <section> <h3>Why the ring is awesome?</h3>

 <p>
 My preciiiioooooooouss! Hrk, hrk, we want our precious!
 	</p>

 <p>
 Gollum
 	</p>

 <img src="http://via.placeholder.com/110x110" alt="Gollum" >

 </section>



 </section>


 <section> <h2>Join Mordor Army</h2>

 <img src="http://via.placeholder.com/140x140" alt="JoinArmy" >
 <p>Quam quidem partem accusationis admiratus sum et moleste tuli potissimum esse Atratino datam. Neque enim decebat neque aetas illa postulabat neque, id quod animadvertere poteratis, pudor patiebatur optimi adulescentis in tali illum oratione versari. Vellem aliquis ex vobis robustioribus hunc male dicendi locum suscepisset; aliquanto liberius.</p>

 <button type="button">More info on SauronRulesthemall.com</button>

 </section>




 <section id="contact">
    <h2>Contact us</h2>
    <form method="post">
        <p>
            <input id="mail" type="text" name="mail" placeholder="@" size="30">
        </p>
        <p>
            <input id="address" type="text" name="address" placeholder="Address" size="30">
        </p>
        <p>
            <select>
                <option>I have seen one of them</option>
                <option>I have captured one of them</option>
                <option>Join the army</option>
            </select>
        </p>
        <p>
            <textarea id="message" name="message" placeholder="Your message"></textarea>
        </p>
    </form>
 </section>



 <footer>

 <ul>
 				    <li><a href="#Fellows">Fellows</a></li>
 				    <li><a href="#thering">The Ring</a></li>
 				    <li><a href="#Reward">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>

 </footer>

 </body>

 </html>
	<!DOCTYPE html>
	<head>

	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

	<title>FindThePrecious</title>


	</head>

	<body>

	<header>
	<h1>FindThePrecious.com</h1>
	<nav class="navbarheader">
	<ul id="ulheader">
	<li><a href="#Fellows">Fellows</a></li>
	<li><a href="#thering">The Ring</a></li>
	<li><a href="#Reward">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>
	</header>

	<section class="content"><h2>Dangerous fellowship try to destroy the ring.</h2>
	<p> Orcs, Goblins, Balrogs, protect their master Sauron! </p>
	</section>

	<section> <h2>Fellows wanted dead <span>(or alive if you want to eat them later)</span> </h2>

	<button type="button">Most wanted</button>
	<button type="button">Most dangerous</button>
	<button type="button">Already captured</button>


	<figure>
	<img src="http://via.placeholder.com/160x160" alt="The Wizard" width="304" height="228">
	<figcaption>The Wizard</figcaption>
	</figure>

	<figure>
	<img src="http://via.placeholder.com/160x160" alt="The Hobbit" width="304" height="228">
	<figcaption>The Robbit</figcaption>
	</figure>

	<figure>
	<img src="http://via.placeholder.com/160x160" alt="YummyDwarf" width="304" height="228">
	<figcaption>Yummy Dwarf</figcaption>
	</figure>



	</section>



	<section><h2> I have captured one of them, how to get my reward?</h2>

	<a href="https://placeholder.com"><img src="http://via.placeholder.com/140x140" alt="reward"></a>

	<p>Quam quidem partem accusationis admiratus sum et moleste tuli potissimum esse Atratino datam. Neque enim decebat neque aetas illa postulabat neque, id quod animadvertere poteratis, pudor patiebatur optimi adulescentis in tali illum oratione versari. Vellem aliquis ex vobis robustioribus hunc male dicendi locum suscepisset; aliquanto liberius.</p>

	<button type="button">Contact us</button>

	</section>



	<section> <h2>Best hunters</h2>


	<figure>
	<img src="http://via.placeholder.com/70x70" alt="The Wizard" >
	<p> ElvesKiller22</p>
	<p> 2 captures - Profile</p>

	</figure>

	<figure>
	<img src="http://via.placeholder.com/70x70" alt="The Hobbit" >
	<p> Goblin45</p>
	<p>1 captures - Profile</p>
	</figure>

	</section>


	<section><h2>About the ring</h2>

	<section><h3> Ring capabilities</h3>

	<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>

	</section>

	<section> <h3>Why the ring is awesome?</h3>

	<p>
	My preciiiioooooooouss! Hrk, hrk, we want our precious!
	</p>

	<p>
	Gollum
	</p>

	<img src="http://via.placeholder.com/110x110" alt="Gollum" >

	</section>



	</section>


	<section> <h2>Join Mordor Army</h2>

	<img src="http://via.placeholder.com/140x140" alt="JoinArmy" >
	<p>Quam quidem partem accusationis admiratus sum et moleste tuli potissimum esse Atratino datam. Neque enim decebat neque aetas illa postulabat neque, id quod animadvertere poteratis, pudor patiebatur optimi adulescentis in tali illum oratione versari. Vellem aliquis ex vobis robustioribus hunc male dicendi locum suscepisset; aliquanto liberius.</p>

	<button type="button">More info on SauronRulesthemall.com</button>

	</section>




	<section id="contact">
	<h2>Contact us</h2>
	<form method="post">
	<p>
	<input id="mail" type="text" name="mail" placeholder="@" size="30">
	</p>
	<p>
	<input id="address" type="text" name="address" placeholder="Address" size="30">
	</p>
	<p>
	<select>
	<option>I have seen one of them</option>
	<option>I have captured one of them</option>
	<option>Join the army</option>
	</select>
	</p>
	<p>
	<textarea id="message" name="message" placeholder="Your message"></textarea>
	</p>
	</form>
	</section>



	<footer>

	<ul>
	<li><a href="#Fellows">Fellows</a></li>
	<li><a href="#thering">The Ring</a></li>
	<li><a href="#Reward">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>

	</footer>

	</body>

	</html>