Created
January 12, 2019 18:09
-
-
Save Morzanne/4a8b91942d0139748fd6f87d5efc3299 to your computer and use it in GitHub Desktop.
FindThePrecious.com
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8" /> | |
<meta name="description" content="Find out how we are going to rule the world and what our master Sauron is planning to do" /> | |
<title>FindThePrecious.com</title> | |
</head> | |
<body> | |
<header> | |
<h1>FindThePrecious.com</h1> | |
<nav> | |
<ul><li>Fellows</li> | |
<li>The Ring</li> | |
<li>Get my reward</li> | |
<li>Best hunters</li> | |
<li>Join the army</li> | |
<li>Contact us</li> | |
</ul> | |
</nav> | |
</header> | |
<section> | |
<h2>Fellows wanted dead (or alive if you ant to eat them later</h2> | |
<a href="">Most wanted</a> | |
<a href="">Most dangerous</a> | |
<a href="">Already captured</a> | |
<br> | |
<img src="https://via.placeholder.com/200" alt="Wizard picture" /> | |
<h3>The Wizard</h3><p>Reward 1000 gold coins</p><p>Small description...</p> | |
<img src="https://via.placeholder.com/200?text=DEAD" alt="Hobbit picture" /> | |
<h3>Hobbit#3</h3><p>Small description...</p> | |
<img src="https://via.placeholder.com/200" alt="Dwarf picture" /> | |
<h3>Yummy Dward</h3><p>Reward 250 gold coins</p><p>Small description...</p> | |
<hr> | |
</section> | |
<section> | |
<h2>I have captured one of them, how to get my reward ?</h2> | |
<p>nulla facilisi nullam vehicula ipsum a arcu cursus vitae congue mauris rhoncus | |
aenean vel elit scelerisque mauris pellentesque pulvinar pellentesque habitant morbi | |
tristique senectus et netus et | |
<img src="https://via.placeholder.com/140" alt="captured img" /></p> | |
<a href="">Contact us</a> | |
<hr> | |
</section> | |
<section> | |
<h2>Best hunter</h2> | |
<img src="https://via.placeholder.com/70" alt=" hunter picture" /> | |
<h3>ElvesKiller22</h3><p>2 captures-<a href="">profile</a></p> | |
<button type="button">Like</button><br><br> | |
<img src="https://via.placeholder.com/70" alt=" hunter picture" /> | |
<h3>Goblin45</h3><p>1 capture-<a href="">profile</a></p> | |
<button type="button">Like</button> | |
<hr> | |
</section> | |
<section> | |
<h2>About the ring</h2> | |
<p>Ring capabilities</p> | |
<table> | |
<caption><strong>What our master Sauron do with the ring ?</strong></caption> | |
<tr> | |
<th>Feature</th> | |
<th>Description</th> | |
</tr> | |
<tr> | |
<td>Main</td> | |
<td>One ring to rules them all</td> | |
</tr> | |
<tr> | |
<td>Power</td> | |
<td>Destroy the world</td> | |
</tr> | |
</table> | |
<p>Why is the ring awesome ?</p> | |
<p>My precioooooousssss ! Hrk Hrk, we want our preeciooouussss !!</p> | |
<footer> | |
Gollum<img src="https://via.placeholder.com/110" alt="Gollum picture" /> | |
</footer> | |
</section> | |
<hr> | |
<section> | |
<h2>Join Mordor Army, we need you !</h2> | |
<img src="https://via.placeholder.com/140" alt="weneedyou picture" /> | |
<p>lorem ipsum dolor sit amet consectetur adipiscing elit duis tristique | |
sollicitudin nibh sit amet commodo nulla facilisi nullam vehicula ipsum | |
a arcu cursus vitae congue mauris rhoncus aenean vel elit</p> | |
<a href="">More info on SauronRulesThemAll.com</a> | |
<hr> | |
</section> | |
<section> | |
<h2>Contact us</h2> | |
<form method="post" action="traitement.php"> | |
<p> | |
<input type="email" name="email" placeholder="@" /> | |
<br> | |
<input type="text" name="text" placeholder="🏠" /> | |
<br> | |
<select name="subject"> | |
<option value="seen">I have seen one of them</option> | |
</select> | |
<br> | |
<textarea name="texte" rows="10" cols="30"></textarea> | |
</p> | |
</form> | |
</section> | |
<footer> | |
<ul> | |
<li><a href="">About us</a></li> | |
<li><a href="">Fellows</a></li> | |
<li><a href="">Join our army</a></li> | |
<li><a href="">FAQ</a></li> | |
<li><a href="">Reward conditions</a></li> | |
<li><a href="">Legal mentions</a></li> | |
</ul> | |
</footer> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment