dragonslayer77/findtheprecious-1

## findtheprecious-1
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>FindThePrecious.com</title>
  </head>
  <body>
    <header>
      <h1>FindThePrecious.com</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="#">Join the army</a></li>
        <li><a href="#">Contact us</a></li>
      </ul>
      </nav>
    </header>
    <section>
      <hr>
      <h2>Dangerous fellowship try to destroy the ring</h2>
      <h3>Orcs, Goblins, Balrogs, protect your master Sauron !</h3>
      <hr>
    </section>
    <section>
      <h2>Fellows wanted dead</h2>
      <h3>(or alive if you want to eat them later)</h3>
      <nav>
        <ul>
          <li><a href="#">Wanted</a></li>
          <li><a href="#">Most dangerous</a></li>
          <li><a href="#">Already captured</a></li>
        </ul>
      </nav>
      <div>
        <img src="http://via.placeholder.com/140x140" alt="placeholder">
        <h2>The Wizard</h2>
        <p>Small description..</p>
      </div>
      <div>
        <img src="http://via.placeholder.com/140x140" alt="placeholder">
        <h2>Hobbit #3</h2>
        <p>Small description..</p>
      </div>
       <div>
        <img src="http://via.placeholder.com/140x140" alt="placeholder">
        <h2>Yummy Dwarf</h2>
        <p>Small description..</p>
      </div>
    </section>
    <section>
      <hr>
      <h2>I have captured one of them, how do I 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. Aliquam egestas, velit at condimentum placerat, sem sapien laoreet mauris, dictum porttitor lacus est nec enim. Vivamus feugiat elit lorem, eu porttitor ante ultrices id. Phasellus suscipit tellus ante, nec dignissim elit imperdiet nec. Nullam fringilla feugiat nisl. Ut pretium, metus venenatis dictum viverra, dui metus finibus enim, ac rhoncus sem lorem vitae mauris. Suspendisse ut venenatis libero. Suspendisse lorem felis, pretium in maximus id, tempor non ipsum</p>
      <img src="http://via.placeholder.com/140x140" alt="placeholder">
      <a href="#">Contact us</a>
    </section>
    <section>
      <hr>
      <h2>Best Hunters</h2>
      <div>
        <img src="http://via.placeholder.com/70x70" alt="placeholder">
        <h3>ElvesKiller22</h3>
        <p>2 captures</p>
        <a href="#">Profile</a>
        </div>
      <div>
        <img src="http://via.placeholder.com/70x70" alt="placeholder">
        <h3>Goblin45</h3>
        <p>1 capture</p>
        <a href="#">Profile</a>
        </div>
    </section>
    <section>
      <h2>About the ring</h2>
      <div>
        <h3>Ring Capabilities</h3>
        <p>What can our master Sauron do with the ring</p>
        <hr>
        <table>
          <thead>
            <tr>
              <th>Feature</th>
          <th>Description</th>
			</tr>
		   </thead>
			<tbody>
			   <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>
				</tbody>
			</table>
        <hr>
		</div>
      <div>
        <h3>Why is the ring awesome?</h3>
        <p>My precioooouuuussss! Hrk Hrk, we want our preeciooouuusss</p>
        <img src="http://via.placeholder.com/140x140" alt="placeholder">
      </div>
      </section>
    <section>
      <h2>Join Mordor Army, we need you!</h2>
      <img src="http://via.placeholder.com/140x140" alt="placeholder">
      <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. Aliquam egestas, velit at condimentum placerat, sem sapien laoreet mauris, dictum porttitor lacus est nec enim. Vivamus feugiat elit lorem, eu porttitor ante ultrices id. Phasellus suscipit tellus ante, nec dignissim elit imperdiet nec. Nullam fringilla feugiat nisl. Ut pretium, metus venenatis dictum viverra, dui metus finibus enim, ac rhoncus sem lorem vitae mauris. Suspendisse ut venenatis libero. Suspendisse lorem felis, pretium in maximus id, tempor non ipsum </p>
      <a href="#">More info on SauronRulesThemAll.com</a>
    </section>
    <h2>Contact us</h2>
    <form>
      <input type="text" name="email" value="email">
      <input type="text" name="address" value="address">
      <select>
        <option>I have seen one of them</option>
        <option>I have captured one of them</option>
        <option>I want to join your army</option>
      </select>
      <textarea>Your message</textarea>
    </form>
    <footer>
      <nav>
        <ul>
          <li><a href="#">About us</a></li>
		   <li><a href="#">Fellows</a></li>
		   <li><a href="#">Join our army</a></li>
			</ul>
			<ul>
				<li><a href="#">FAQ</a></li>
				<li><a href="#">Reward conditions</a></li>
				<li><a href="#">Legal mentions</a></li>
			</ul>
			<ul>
				<li><a href="#">Sauon4Ever.com</a></li>
				<li><a href="#">Follow him also on twitter</a></li>
			</ul>
		</nav>
	</footer>
</body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<title>FindThePrecious.com</title>
	</head>
	<body>
	<header>
	<h1>FindThePrecious.com</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="#">Join the army</a></li>
	<li><a href="#">Contact us</a></li>
	</ul>
	</nav>
	</header>
	<section>
	<hr>
	<h2>Dangerous fellowship try to destroy the ring</h2>
	<h3>Orcs, Goblins, Balrogs, protect your master Sauron !</h3>
	<hr>
	</section>
	<section>
	<h2>Fellows wanted dead</h2>
	<h3>(or alive if you want to eat them later)</h3>
	<nav>
	<ul>
	<li><a href="#">Wanted</a></li>
	<li><a href="#">Most dangerous</a></li>
	<li><a href="#">Already captured</a></li>
	</ul>
	</nav>
	<div>
	<img src="http://via.placeholder.com/140x140" alt="placeholder">
	<h2>The Wizard</h2>
	<p>Small description..</p>
	</div>
	<div>
	<img src="http://via.placeholder.com/140x140" alt="placeholder">
	<h2>Hobbit #3</h2>
	<p>Small description..</p>
	</div>
	<div>
	<img src="http://via.placeholder.com/140x140" alt="placeholder">
	<h2>Yummy Dwarf</h2>
	<p>Small description..</p>
	</div>
	</section>
	<section>
	<hr>
	<h2>I have captured one of them, how do I 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. Aliquam egestas, velit at condimentum placerat, sem sapien laoreet mauris, dictum porttitor lacus est nec enim. Vivamus feugiat elit lorem, eu porttitor ante ultrices id. Phasellus suscipit tellus ante, nec dignissim elit imperdiet nec. Nullam fringilla feugiat nisl. Ut pretium, metus venenatis dictum viverra, dui metus finibus enim, ac rhoncus sem lorem vitae mauris. Suspendisse ut venenatis libero. Suspendisse lorem felis, pretium in maximus id, tempor non ipsum</p>
	<img src="http://via.placeholder.com/140x140" alt="placeholder">
	<a href="#">Contact us</a>
	</section>
	<section>
	<hr>
	<h2>Best Hunters</h2>
	<div>
	<img src="http://via.placeholder.com/70x70" alt="placeholder">
	<h3>ElvesKiller22</h3>
	<p>2 captures</p>
	<a href="#">Profile</a>
	</div>
	<div>
	<img src="http://via.placeholder.com/70x70" alt="placeholder">
	<h3>Goblin45</h3>
	<p>1 capture</p>
	<a href="#">Profile</a>
	</div>
	</section>
	<section>
	<h2>About the ring</h2>
	<div>
	<h3>Ring Capabilities</h3>
	<p>What can our master Sauron do with the ring</p>
	<hr>
	<table>
	<thead>
	<tr>
	<th>Feature</th>
	<th>Description</th>
	</tr>
	</thead>
	<tbody>
	<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>
	</tbody>
	</table>
	<hr>
	</div>
	<div>
	<h3>Why is the ring awesome?</h3>
	<p>My precioooouuuussss! Hrk Hrk, we want our preeciooouuusss</p>
	<img src="http://via.placeholder.com/140x140" alt="placeholder">
	</div>
	</section>
	<section>
	<h2>Join Mordor Army, we need you!</h2>
	<img src="http://via.placeholder.com/140x140" alt="placeholder">
	<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. Aliquam egestas, velit at condimentum placerat, sem sapien laoreet mauris, dictum porttitor lacus est nec enim. Vivamus feugiat elit lorem, eu porttitor ante ultrices id. Phasellus suscipit tellus ante, nec dignissim elit imperdiet nec. Nullam fringilla feugiat nisl. Ut pretium, metus venenatis dictum viverra, dui metus finibus enim, ac rhoncus sem lorem vitae mauris. Suspendisse ut venenatis libero. Suspendisse lorem felis, pretium in maximus id, tempor non ipsum </p>
	<a href="#">More info on SauronRulesThemAll.com</a>
	</section>
	<h2>Contact us</h2>
	<form>
	<input type="text" name="email" value="email">
	<input type="text" name="address" value="address">
	<select>
	<option>I have seen one of them</option>
	<option>I have captured one of them</option>
	<option>I want to join your army</option>
	</select>
	<textarea>Your message</textarea>
	</form>
	<footer>
	<nav>
	<ul>
	<li><a href="#">About us</a></li>
	<li><a href="#">Fellows</a></li>
	<li><a href="#">Join our army</a></li>
	</ul>
	<ul>
	<li><a href="#">FAQ</a></li>
	<li><a href="#">Reward conditions</a></li>
	<li><a href="#">Legal mentions</a></li>
	</ul>
	<ul>
	<li><a href="#">Sauon4Ever.com</a></li>
	<li><a href="#">Follow him also on twitter</a></li>
	</ul>
	</nav>
	</footer>
	</body>
	</html>