Skip to content

Instantly share code, notes, and snippets.

@Nocktiss

Nocktiss/FindThePrecious

Last active February 15, 2019 14:13
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 Nocktiss/929fc2e1d7966047c277ceef1055bcfc to your computer and use it in GitHub Desktop.
Save Nocktiss/929fc2e1d7966047c277ceef1055bcfc to your computer and use it in GitHub Desktop.
Download ZIP
Raw
FindThePrecious
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> FindThePrecious </title>
</head>
<body>
<header>
<h1> FindThePrecious </h1>
<nav>
<ul>
<li><a href="#fellows"> Fellows </a></li>
<li><a href="#ring"> The Ring </a></li>
<li><a href="#reward"> Get my reward </a></li>
<li><a href="#besthunters"> Best hunters </a></li>
<li><a href="#army"> Join the army </a></li>
<li><a href="#contact"> Contact us </a></li>
</ul>
</nav>
</header>
<section id="fellows">
<h2> Fellows wanted dead (or alive if you want to eat them later) </h2>
<ul>
<li> Most Wanted </li>
<li> Most Dangerous </li>
<li> Already captured </li>
</ul>
<figure>
<p> Reward 1000 gold coins </p>
<a href="https://via.placeholder.com"><img src="https://via.placeholder.com/140" alt="wizard"></a>
<figcaption> The Wizard </figcaption>
</figure>
<p> Small description... </p>
<figure>
<p> DEAD </p>
<a href="https://via.placeholder.com"><img src="https://via.placeholder.com/140" alt="hobbit"></a>
<figcaption> Hobbit #3 </figcaption>
</figure>
<p> Small description... </p>
<figure>
<p> Reward 250 gold coins </p>
<a href="https://via.placeholder.com/"><img src="https://via.placeholder.com/140" alt="yummy"></a>
<figcaption> Yummy Dwarf </figcaption>
</figure>
<p> Small description... </p>
</section>
<section id="reward">
<h2> I have captured one of them, how to get my reward ? </h2>
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.<br /> Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor </p>
<a href="https://via.placeholder.com/"><img src="https://via.placeholder.com/140" alt="reward"></a>
<a href="#contact">Contact us</a>
</section>
<section id="besthunters">
<h2> Best Hunters </h2>
<a href="https://via.placeholder.com/"><img src="https://via.placeholder.com/70" alt="hunter"></a>
<p> ElvesKiller22 <p>
<p>2 captures - <a href="peofile">Profile</a> <br/>
<a href="like">Like </a></p>
<a href="https://via.placeholder.com/"><img src="https://via.placeholder.com/70" alt="hunter"></a>
<p>1 capture - <a href="profile">Profile</a> <br/>
<a href="like">Like </a></p>
</section>
<section id="ring">
<h2> About The Ring </h2>
<h3> Ring Capabilities </h3>
<p> What can our master Sauron do with the ring ? <p>
<table>
<tr>
<th> Feature </th>
<th> Description </th>
</tr>
<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>
</table>
<h3> Why the ring is awesome </h3>
<p> My precioooooussssss ! Hrk Hrk, we want our preecioooooouuusssss !! </p>
<a href="https://via.placeholder.com/"><img src="https://via.placeholder.com/110" alt="ring"></a>
</section>
<section id="army">
<h2> Join Mordor Army, we need you ! </h2>
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc maximus, nulla ut commmodo sagittis, sapien dui, mattis dui, non pulvinar lorem felis nec erat.<br /> Aliqam egestas, velit at condimentum placerat, sem sapien laoreet mauris, dictum porttitor </p>
<a href="https://via.placeholder.com/"><img src="https://via.placeholder.com/140" alt="ring"></a>
<a href="https://www.SauronRulesThemAll.com">more info on SauronRulesThemAll.com</a>
</section>
<section id="contact">
<h2> Contact us </h2>
<form method="post" action="action.php">
<input type="email" placeholder="@" name="mail" required>
<br />
<input type="text" name="adress" required><br>
<select name="choice">
<option value="1">I have seen one of them</option>
</select><br />
<textarea name="message">Your message</textarea>
<input type="submit" value="Submit">
</form>
</section>
<footer>
<table>
<tr>
<td><a href="aboutus"> About us </a></td>
<td><a href ="FAQ"> FAQ </a></td>
</tr>
<tr>
<td><a href="#fellows"> Fellows </a></td>
<td><a href="#reward"> Reward conditions </a></td>
</tr>
<tr>
<td><a href="#army"> Join our army </a></td>
<td><a href="legalmentions"> Legal mentions </a></td>
</tr>
<tr>
<td><a href="https://www.Sauron4Ever.com"> Sauron4Ever.com </a></td>
<td><a href="https://twitter.com/Sauron4Ever?lang=en"> Follow him also on twitter </a></td>
</tr>
</table>
</footer>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment