Skip to content

Instantly share code, notes, and snippets.

@kuronana
Last active August 23, 2018 13:09
Show Gist options
  • Save kuronana/e2d155d1a840dc3c8b0c8ea99969d887 to your computer and use it in GitHub Desktop.
Save kuronana/e2d155d1a840dc3c8b0c8ea99969d887 to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<html lang="en">
<head>
<title>FindThePrecious.com/title>
<meta charset="utf-8">
</head>
<body>
<header>
<h1>FindThePrecious.com</h1>
<nav>
<ul>
<li><a href="fellows.html" target="_blank">Fellows</a></li>
<li><a href="ring.html" target="_blank">The Ring</a></li>
<li><a href="reward.html" target="_blank">Get my reward</a></li>
<li><a href="hunters.html" target="_blank">Best Hunters</a></li>
<li><a href="army.html" target="_blank">Join the army</a></li>
<li><a href="contact.html" target="_blank">Contact us</a></li>
</ul>
<hr/>
<!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! Fellows part !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!-->
</nav>
<h1>Dangerous fellowship try to destroy the ring</h1>
<h2>Orcs, Goblins, Balrogs, protect you master Sauron !</h2>
<img src="https://via.placeholder.com/750x250" alt="une image">
</header>
<section>
<h1>Fellows wanted dead</h1>
<p>(or alive if you want to eat them later)</p>
<ul>
<li><a href="wanted">Most wanted</a></li>
<li><a href="dangerous">Most dangerous</a></li>
<li><a href="captured">Already captured</a></li>
</ul>
<article><!--most wanted-->
<p><img src="https://via.placeholder.com/250x250" alt="un sorcier cosplayer"> The Wizard <br/> Small description</p>
<p><img src="https://via.placeholder.com/250x250" alt="nabot"> Hobbit #3 <br/> Small description</p>
<p><img src="https://via.placeholder.com/250x250" alt="ventre à pattes"> Yummy Dwarf <br/> Small description</p>
</article>
<article><!--most dangerous-->
<p><img src="https://via.placeholder.com/250x250" alt="Lorem ipsum"> Lorem ipsum <br/> Small description</p>
<p><img src="https://via.placeholder.com/250x250" alt="Lorem ipsum"> Ipsum lorem <br/> Small description</p>
<p><img src="https://via.placeholder.com/250x250" alt="Lorem ipsum"> Losum iprem <br/> Small description</p>
</article>
<article><!--already captured-->
<p><img src="https://via.placeholder.com/250x250" alt="Lorem ipsum"> Losum iprem <br/> Small description</p>
<p><img src="https://via.placeholder.com/250x250" alt="Lorem ipsum"> Lorem ipsum <br/> Small description</p>
<p><img src="https://via.placeholder.com/250x250" alt="Lorem ipsum"> Ipsum lorem <br/> Small description</p>
</article>
</section>
<hr/>
<!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! The Ring part !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!-->
<aside>
<h1>About the ring</h1>
<p>Ring Capapbilities</p>
<table>
<caption>What can our master Sauron do with the ring ?</caption>
<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, nananananèreu</td>
</tr>
<tr>
<td>Power</td>
<td>Destroy the world</td>
</tr>
</tbody>
</table>
</aside>
<section>
<p>Why the ring is awesome ?</p>
<p>My preciooooousssss ! Hrk Hrk, we want our preeeecioooousssss !!</p>
<p>Gollum</p>
<img src="https://via.placeholder.com/110x110" alt="une image">
</section>
<hr/>
<!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! Get My Reward part !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!-->
<section>
<h1>I have captured one of them, how to get my reward ?</h1>
<article>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<img src="https://via.placeholder.com/140x140" alt="une image">
<input type="button" name="contact" value="Contact us" onclick="window.location='contact.html'">
</article>
</section>
<hr/>
<!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! Best Hunters part !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!-->
<section>
<h1>Best hunters</h1>
<article>
<img src="https://via.placeholder.com/70x70" alt="une image">
<p>ElvesKiller22</p>
<p>2 capture - <a href="profile.php"> profile </a> <br/> <input type="button" name="like" value="Like"> </p>
</article>
<article>
<img src="https://via.placeholder.com/70x70" alt="une image">
<p>Goblin45</p>
<p>1 capture - <a href="profile.php"> profile </a> <br/> <input type="button" name="like" value="Like"> </p>
</article>
</section>
<section>
<h1>Join Mordor Army, we need you</h1>
<article>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<img src="https://via.placeholder.com/140x140" alt="une image">
<input type="button" name="sauron" value="More info on SauronRulesThemAll.com" onclick="window.location='https://SauronRulesThemAll.com'">
</article>
</section>
<hr/>
<!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! Contact us part !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!-->
<section>
<h1>Contact us</h1>
<article>
<form method="post" action="traitement.php">
<label for="mail">Your mail : </label>
<input type="email" name="email" id="mail"><br/><br/>
<label for="home">Your adress :</label>
<input type="text" name="home" id="home"><br/><br/>
<select name="reasoncontact">
<option value="I have seen one of them">I have seen one of them</option>
<option value="I have captured one of them">I have captured one of them</option>
<option value="I have killed one of them">I have killed one of them</option>
<option value="I have eating one of them">I have eating one of them</option>
</select><br/><br/>
<textarea name="message" placeholder="Your message"></textarea>
</form>
</article>
</section>
<footer>
<ul>
<li><a href="#">About us</a></li>
<li><a href="fellows.html">Fellows</a></li>
<li><a href="army.html">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>
<li><a href="https://www.Sauron4Ever.com">Sauron4Ever.com</a></li>
<li><a href="#">Follow him also on twitter</a></li>
</ul>
</footer>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment