Skip to content

Instantly share code, notes, and snippets.

@FloLog9

FloLog9/gist:6191a78628a3931a7bea8f32d71b436e Secret

Last active February 26, 2019 21:51
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save FloLog9/6191a78628a3931a7bea8f32d71b436e to your computer and use it in GitHub Desktop.
Save FloLog9/6191a78628a3931a7bea8f32d71b436e to your computer and use it in GitHub Desktop.
Download ZIP
findtheprecious.com
Raw
gistfile1.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">Fellows</a></li>
<li><a href="#thering">The Ring</a></li>
<li><a href="#getmyreward">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>
<hr/>
<section id="fellows">
<p><h2>Dangerous fellowship try to destroy the ring<br/>Orcs, Goblins, Balrog, protect your master Sauron !</h2><img src="https://via.placeholder.com/550x150" alt="sauron picture">
<h3>Fellows wanted dead (or alive if you want to eat them later)</h3>
<ul>
<li><a href="">Most wanted</a></li>
<li><a href="">Most dangerous</a></li>
<li><a href="">Already captured</a></li>
</ul>
<ul>
<li><img src="https://via.placeholder.com/150" alt="target portrait">Reward 1000 gold coins<h4>The Wizard</h4>small description ...</li>
<li><img src="https://via.placeholder.com/150" alt="target portrait">DEAD<h4>Hobbit #3</h4>small description ...</li>
<li><img src="https://via.placeholder.com/150" alt="target portrait">Reward 250 gold coins<h4>Yummy Dwarf</h4>small description ...</li>
</ul>
</section>
<hr/>
<section id="getmyreward">
<img src="https://via.placeholder.com/140" alt="placeholder"><h2>I have captured one of them, how to get my reward ?</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing 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>
<button type="button">Contact us</button>
</section>
<hr/>
<section id="besthunters">
<h2>Best hunters</h2>
<ul>
<li><img src="https://via.placeholder.com/70" alt="placeholder"><h3>ElvesKiller22</h3>2 captures - <a href="">Profile</a><br/>Like</li>
<li><img src="https://via.placeholder.com/70" alt="placeholder"><h3>Goblin45</h3>1 captures - <a href="">Profile</a><br/>Like</li>
</ul>
</section>
<hr/>
<section id="thering">
<h2>About the ring</h2>
<p><strong>Ring capabilities</strong><br/>
<em>What can our master Sauron do with the ring ?</em></p>
<table>
<tr>
<td>Feature</td>
<td>Description</td>
</tr>
<tr>
<td>Main</td>
<td>One ring to rules them all</td>
</tr>
<tr>
<td>Invisibility</td>
<td>You can't see mee</td>
</tr>
<tr>
<td>Power</td>
<td>Destroy the world</td>
</tr>
</table>
<p><strong>Why the ring is awesome ?</strong><br/>
<img src="https://via.placeholder.com/110" alt="placeholder"><br/>
<mark>My preciooooousssss ! Hrk Hrk, we want our preeciooooouuusssss !!<br/>Gollum</mark></p>
</section>
<hr/>
<section id="jointhearmy">
<h2>Join Mordor Army, we need you !</h2>
<img src="https://via.placeholder.com/140" alt="placeholder">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing 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>
<button type="button">More info on SauronRulesThemAll.com</button>
</section>
<hr/>
<section id="contactus">
<h2>Contact us</h2>
<form method="post" action="traitement.php">
<p>
<label for="email">Votre email</label> : <input type="email" name="email" id="email" placeholder="email@findtheprecious.com" size="80"/>
</p>
<p>
<label for="adresse">Votre adresse</label> : <input type="text" name="adresse" id="adresse" size="80"/>
</p>
<p>
<label for="subject">Subject</label> :
<select name="subject" id="subject">
<option value="ihaveseenoneofthem">I have seen one of them</option>
<option value="ihavecapturedoneofthem">I have captured one of them</option>
<option value="iwantjoinyourarmy">I want join your army</option>
</select>
</p>
<p>
<label for="message">Your message : </label><br/>
<textarea name="message" id="message"></textarea>
</p>
<input type="submit" value="Envoyer">
</form>
</section>
<hr/>
<footer>
<p>
<a href="">About us</a><br/>
<a href="">Fellows</a><br/>
<a href="">Join our army</a>
</p>
<p>
<a href="">FAQ</a><br/>
<a href="">Reward conditions</a><br/>
<a href="">Legal mentions</a>
</p>
<p>
<a href="">Sauron4Ever.com</a><br/>
<a href="">Follow him also on twitter</a>
</p>
</footer>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment