Skip to content

Instantly share code, notes, and snippets.

@JonesCharly

JonesCharly/Findtheprecious.com Charline

Last active February 12, 2019 10:54
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 JonesCharly/f9b39d7e51f13a8add6f40c1c792d6be to your computer and use it in GitHub Desktop.
Save JonesCharly/f9b39d7e51f13a8add6f40c1c792d6be to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Findtheprecious.com Charline
<!DOCTYPE html>
<html lang=en>
<head>
<meta charset="utf-8"/>
<title>Findtheprecious</title>
</head>
<body>
<header>
<h1>FindThePrecious.com</h1>
<ul>
<li><a href="#fellows">Fellows </a></li>
<li><a href="#aboutring">The Ring</a></li>
<li><a href="#reward">Get my reward</a></li>
<li><a href="#besthunters">Best hunters</a></li>
<li><a href="#Join">Join the army</a></li>
<li><a href="#contactus">Contact us</a></li>
</ul>
<div class="banner1">
<!--<div id="slider">
<figure>
<img src="https:via.placeholder.com/1400x140" alt>
<img src="https:via.placeholder.com/1400x140" alt>
<img src="https:via.placeholder.com/1400x140" alt>
</figure>
</div>
-->
<a href="https://placeholder.com"><img src="https://via.placeholder.com/1400x140" alt="placeholder"></a>
<p>Dangerous fellowship try to destroy the ring</p>
<p>Orcs, Goblins, Balrogs, protect your master Sauron</p>
</div>
</header>
<section>
<h2 id="fellows"> Fellows wanted dead</h2>
<p>(or alive if you want to eat them later)</p>
<ul>
<li>Most wanted</li>
<li>Most dangerous</li>
<li>Already captured</li>
</ul>
<div class="blockfellows">
<div class="fellows1">
<a href="https://placeholder.com"><img src="https://via.placeholder.com/160x120" alt="placeholder"></a>
<p>Reward 1000 gold coins</p>
<h3>The Wizard</h3>
<p>small description...</p>
</div>
<div class="fellows2">
<a href="https://placeholder.com"><img src="https://via.placeholder.com/160x120" alt="placeholder"></a>
<p>Dead</p>
<h3>Hobbit #3</h3>
<p>small description...</p>
</div>
<div class="fellows1">
<a href="https://placeholder.com"><img src="https://via.placeholder.com/160x120" alt="placeholder"></a>
<p>Reward 250 gold coins</p>
<h3>Yummy Dwarf</h3>
<p>small description...</p>
</div>
</div>
</section>
<hr>
<section>
<h2 id="reward">I have captured one of them, how to get my reward?</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed condimentum, sem eu sagittis interdum, lacus lectus rhoncus erat, a placerat nibh lorem et lectus. Proin ultrices nunc id rutrum elementum. Nam porttitor dignissim ullamcorper. Duis tempor hendrerit nisl, sit amet venenatis massa. Suspendisse potenti. Nam tempor viverra est at bibendum. Sed ut urna tincidunt, fringilla neque nec, commodo purus. Morbi vehicula est non quam elementum maximus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Ut tempus lectus in quam tempus, sed faucibus eros placerat. Curabitur placerat accumsan libero et porta. Nam eleifend congue mauris id auctor.</p>
<a href="https://placeholder.com"><img src="https://via.placeholder.com/140x140" alt="placeholder"></a>
<p><a href="#contactus">Contact us</a></p>
</section>
<hr>
<section>
<h2 id="besthunters">Best Hunters</h2>
<div class="hunters">
<a href="https://placeholder.com"><img src="https://via.placeholder.com/70x70" alt="placeholder"></a>
<div class="sechunters">
<h4>ElvesKiller22</h4>
<p>2 captures - <a class="profile" href="..">Profile</a></p>
<a href="https://placeholder.com"><img src="https://via.placeholder.com/60x20" alt="placeholder"></a>
</div>
<a href="https://placeholder.com"><img src="https://via.placeholder.com/70x70" alt="placeholder"></a>
<div class="sechunters">
<h4>Goblin45</h4>
<p>1 captures - <a class="profile" href="..">Profile</a></p>
<a href="https://placeholder.com"><img src="https://via.placeholder.com/60x20" alt="placeholder"></a>
</div>
</div>
</section>
<hr>
<section>
<h2 id="aboutring">About the ring</h2>
<div class="ring">
<h5>Ring Capabilities</h5>
<p> What can our master Sauron do with the ring ?</p>
<table>
<tr>
<th>Feature</th>
<td>Main</td>
<td>Invisibility</td>
<td>Power</td>
</tr>
<tr>
<th>Description</th>
<td>One ring to rules them all</td>
<td>You can't see me</td>
<td>Destroy the world</td>
</tr>
</table>
</div>
<div class="ring">
<h5>Why the ring is awesome?</h5>
<p> MY preciooooooooouuuussss! Hrk Hrk, we want our preciiiiiooooous !!</p>
<p>Gollum</p>
<a href="https://placeholder.com"><img src="https://via.placeholder.com/110x110" alt="placeholder"></a>
</div>
</section>
<hr>
<section>
<h2 id="Join">Join Mordor Army, we need you!</h2>
<a href="https://placeholder.com"><img src="https://via.placeholder.com/140x140" alt="placeholder"></a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed condimentum, sem eu sagittis interdum, lacus lectus rhoncus erat, a placerat nibh lorem et lectus. Proin ultrices nunc id rutrum elementum. Nam porttitor dignissim ullamcorper. Duis tempor hendrerit nisl, sit amet venenatis massa. Suspendisse potenti. Nam tempor viverra est at bibendum. Sed ut urna tincidunt, fringilla neque nec, commodo purus. Morbi vehicula est non quam elementum maximus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Ut tempus lectus in quam tempus, sed faucibus eros placerat. Curabitur placerat accumsan libero et porta. Nam eleifend congue mauris id auctor.</p>
<p>More info on SauronRulesThemAll.com</p>
</section>
<hr>
<section>
<h2 id="contactus">Contact us</h2>
<div class="Contact">
<form method="post">
<p><input type="email" name="mail" placeholder="@"></p>
<p><input type="text" name="region"></p>
<p><input type="text" name="textarea">
<select name="seeone">
<option value="seeone">I have seen one of them</option>
<option value="sauron">Sauron</option>
<option value="Orcs">Orcs</option>
<option value="Hobbit">Hobbit</option>
<option value="wizzard">Wizzard</option>
</select>
</p>
<p><textarea name="yourmessage" id="message" placeholder="Your text here"></textarea>
</p>
</form>
</div>
</section>
<footer>
<ul>
<li>About us</li>
<li><a href="#fellows">Fellows</a></li>
<li><a href="#Join">Join our army</a></li>
<li>FAQ</li>
<li><a href="#reward">Reward conditions</a></li>
<li>Legal mentions</li>
</ul>
<p>Sauron4Ever.com</p>
<p>Follow him also on twitter</p>
</footer>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment