Skip to content

Instantly share code, notes, and snippets.

@pysergent
Last active January 16, 2019 08:29
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 pysergent/8ccb8458a6b70949869047da323030ab to your computer and use it in GitHub Desktop.
Save pysergent/8ccb8458a6b70949869047da323030ab to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Findtheprecious</title>
</head>
<body>
<header>
<h1>Findtheprecious.com</h1>
<nav>
<ul>
<li><a href="#fellows">Fellows</a></li>
<li><a href="#reward">Get my reward</a></li>
<li><a href="#bestHunters">Best hunters</a></li>
<li><a href="#ring">The ring</a></li>
<li><a href="#army">Join the army</a></li>
<li><a href="#contact">Contact us</a></li>
</ul>
</nav>
</header>
<aside>
<a href="https://placeholder.com"><img src="https://via.placeholder.com/140x140" alt="banner"></a>
<p>Dangerous fellowship try todestroy the ring.</p>
<p>Orcs, Goblins, Balrogs, protect your master Sauron!</p>
</aside>
<section id="fellows">
<h2>Fellows wanted dead (or alive if you want to eat them later)</h2>
<ul id="typeOfFellows">
<li>Most wanted</li>
<li>Most dangerous</li>
<li>Already captured</li>
</ul>
<figure id="wizard">
<p>Reward 1000 gold coins</p>
<a href="https://placeholder.com"><img src="http://via.placeholder.com/140x140" alt="Wizard"></a>
<figcaption>The Wizard</figcaption>
</figure>
<figure id="hobbit">
<p>DEAD</p>
<a href="https://placeholder.com"><img src="http://via.placeholder.com/140x140" alt="Hobbit"></a>
<figcaption>Hobbit #3</figcaption>
</figure>
<figure id="dwarf">
<p>Reward 250 gold coins</p>
<a href="https://placeholder.com"><img src="http://via.placeholder.com/140x140" alt="dwarf"></a>
<figcaption>Yummy Dwarf</figcaption>
</figure>
</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. Nunc maximus, nulla ut commmodo sagittis, sapien dui, mattis dui, non pulvinar lorem felis nec erat. Aliqam egestas, velit at condimentum placerat, sem sapien laoreet mauris, dictum porttitor</p>
<a href="https://placeholder.com"><img src="https://via.placeholder.com/140x140" alt="reward"></a>
<a href="#contact">Contact us</a>
</section>
<section id="bestHunters">
<h2>Best hunters</h2>
<div>
<a href="https://placeholder.com"><img src="https://via.placeholder.com/70x70" alt="ElvesKiller22"></a>
<p>ElvesKiller22</p>
<p>2 captures - <a href="">Profile</a> <br/>
<a href="">Like </a>
</p>
</div>
<div>
<a href="https://placeholder.com"><img src="https://via.placeholder.com/70x70" alt="Goblin45"></a>
<p><strong>Goblin45</strong></p>
<p>1 captures - <a href="">Profile</a> <br/>
<a href=""> Like </a>
</p>
</div>
</section>
<section id="ring">
<h2>About the ring</h2>
<div>
<h3 class="aboutSub">Ring Capabilities</h3>
<p>What can our master Sauron do with the ring?</p>
<table>
<tr>
<th>Features</th>
<th>Descriptions</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>
</div>
<div>
<h3 class="aboutSub">Why the ring is awesome?</h3>
<p>My preciooooooussssss! Hrk Hrk, we want our preeciooooussss!!</p>
<a href="https://placeholder.com"><img src="https://via.placeholder.com/110x110" alt="ring"></a>
</div>
</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. Aliqam egestas, velit at condimentum placerat, sem sapien laoreet mauris, dictum porttitor
</p>
<a href="https://placeholder.com"><img src="https://via.placeholder.com/140x140" alt="army"></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/>
<input type="text" name="adress" required/>
<select name="subject" id="subject">
<option selected>I have seen one of them</option>
</select>
<textarea name="message">Your message</textarea>
</form>
</section>
<footer>
<ul>
<li><a href="#aboutPahe.html">about us</a></li>
<li><a href="#fellows">Fellows</a></li>
<li><a href="#army">Join our army</a></li>
<li><a href="#FAQ">FAQ</a></li>
<li><a href="#reward">Reward conditions</a></li>
<li><a href="legalMentions.html">Legal mentions</a></li>
<li><a href="http://www.Sauron4ever.com">Sauron4ever.com</a></li>
<li><a href="https://twitter.com/Sauron4ever?lang=fr">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