Skip to content

Instantly share code, notes, and snippets.

@hedigit

hedigit/FindCssPrecious

Last active February 20, 2018 10:01
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 hedigit/99dc27e44786bd821690f4f5e1cb641b to your computer and use it in GitHub Desktop.
Save hedigit/99dc27e44786bd821690f4f5e1cb641b to your computer and use it in GitHub Desktop.
Download ZIP
Raw
FindThePrecious
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="design.css" />
<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>
<h3> Fellows </h3>
<p> Dangerous fellowship try to destroy the ring</p>
<p> Orcs,Goblins,Balrogs,protect your master Saauron !</p>
<img src="http://via.placeholder.com/140x140" alt="Dangerous fellowship try to destroy the ring" />
</header>
<section>
<h2 id="Felows"> wanted dead (or alive if you want to eat them later)</h2>
<div>
<button>Most wanted</button>
<button>Most dangerous</button>
<button>Already captured</button>
</div>
<img src="http://via.placeholder.com/160x160" alt="Reward 1000 gold coins" />
<p><strong>The Wizard</strong></p>
<p>Small description</p>
<img src="http://via.placeholder.com/160x160" alt="DEAD" />
<p><strong>Hobbit #3</strong></p>
<p>Small description</p>
<img src="http://via.placeholder.com/160x160" alt="Reward 250 gold coins" />
<p><strong>Yummy Dwarf</strong></p>
<p>Small description</p>
</section>
<hr>
<section>
<h2 id="GetmyReward"> I have captured one of them,how to get my reward ?</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc maximus,nulla ut<br>
commodo sagittis, sapien dui mattis dui, non pulvinar lorem felis nec erat.Aliquam<br>
egetas, velit at condimentum placerat, sem sapien laoreet mauris, dictum porttitor</p>
<img src="http://via.placeholder.com/140x140" alt="140x140" />
<button>Contact us</button>
</section>
<hr>
<section>
<h2 id="Besthunters"> Best hunters</h2>
<img src="http://via.placeholder.com/70x70" alt="70x70" />
<p><strong>ElviesKiller22</strong></p>
<p>2 capture</p>
<a href="">Profile</a>
<a href="">Like</a>
<img src="http://via.placeholder.com/70x70" alt="70x70" />
<p><strong>Goblin 45</strong></p>
<p>1 capture</p>
<a href="">Profile</a>
<a href="">Like</a>
</section>
<hr>
<section>
<h2 id="TheRing"> About the ring</h2>
<h3> Ring Capabilities </h3>
<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</td>
</tr>
<tr>
<td>Power</td>
<td>Destroy the world</td>
</tr>
</tbody>
</table>
<h3> Why the ring is awesome </h3>
<p>My preciooooooooossss! Hrk Hrk, we want our preciooooosssss!!</p>
<p>Gollum</p>
<img src="http://via.placeholder.com/110x110" alt="110x110" />
</section>
<hr>
<section>
<h2 id="Jointhearmy"> Join Mordor Army, we need you!</h2>
<img src="http://via.placeholder.com/140x140" alt="140x140" />
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc maximus,nulla ut<br>
commodo sagittis, sapien dui mattis dui, non pulvinar lorem felis nec erat.Aliquam<br>
egetas, velit at condimentum placerat, sem sapien laoreet mauris, dictum porttitor</p>
<button>More info on SauronRulesThemAll.com</button>
</section>
<hr>
<section>
<h2 id="Contactus">Contact us</h2>
<form action="http://Findtheprecious.com" method="post">
<fieldset>
<input type="text" name="email" placeholder="@" /><br />
<input type="text" name="adress" placeholder="Home" /><br />
<select>
<option>I have seen one of them</option>
<option>I have seen two of them</option>
</select><br />
<textarea rows= "10" cols="30" placeholder="Your message:"></textarea>
</fieldset>
</form>
</section>
<hr>
<footer>
<a href="Fellows">Fellows</a>
<a href="Aboutus">About us</a>
<a href="Joinourarmy">Join our army</a>
<a href="FAQ">FAQ</a>
<a href="Rewardconditions">Reward conditions</a>
<a href="Legalmention">Legal mentions</a>
<a href="www.Sauron4Ever.com">Sauron4Ever</a>
<a href="www.Twitter.com">Follow him also on twitter</a>
</footer>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment