Untitled

<!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="#">Contact us</a></li>
				</ul>
			</nav>
		</header>


		<div id="banniere">
			<div>
				<img src="http://via.placeholder.com/600x140" alt="placeholder">
				<h2>Dangerous fellowship try to destroy the ring</h2>
				<p>Oucs, Goblins, Balrogs, protect your master Sauron !</p>
			</div>
		</div>


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

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


		<hr/>
		<h2>Contact us</h2>
		<form>
			<input type="text" name="@" value="@">
			<input type="text" name="adresse" value="adresse">
			<select>
				<option>I have seen one of them</option>
			</select>
			<textarea></textarea>
			<div id="boutonEnvoyer">
	       	<p><input type="submit" value="Send" /></p>
	     	</div>
		</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>