Skip to content

Instantly share code, notes, and snippets.

@dragonslayer77
Created March 22, 2019 00:23
Show Gist options
  • Save dragonslayer77/6eaa2bde2cbd4e51631cc725bf0d1397 to your computer and use it in GitHub Desktop.
Save dragonslayer77/6eaa2bde2cbd4e51631cc725bf0d1397 to your computer and use it in GitHub Desktop.
<!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</a></li>
<li><a href="#">The Ring</a></li>
<li><a href="#">Get my reward</a></li>
<li><a href="#">Best hunters</a></li>
<li><a href="#">Join the army</a></li>
<li><a href="#">Contact us</a></li>
</ul>
</nav>
</header>
<section>
<hr>
<h2>Dangerous fellowship try to destroy the ring</h2>
<h3>Orcs, Goblins, Balrogs, protect your master Sauron !</h3>
<hr>
</section>
<section>
<h2>Fellows wanted dead</h2>
<h3>(or alive if you want to eat them later)</h3>
<nav>
<ul>
<li><a href="#">Wanted</a></li>
<li><a href="#">Most dangerous</a></li>
<li><a href="#">Already captured</a></li>
</ul>
</nav>
<div>
<img src="http://via.placeholder.com/140x140" alt="placeholder">
<h2>The Wizard</h2>
<p>Small description..</p>
</div>
<div>
<img src="http://via.placeholder.com/140x140" alt="placeholder">
<h2>Hobbit #3</h2>
<p>Small description..</p>
</div>
<div>
<img src="http://via.placeholder.com/140x140" alt="placeholder">
<h2>Yummy Dwarf</h2>
<p>Small description..</p>
</div>
</section>
<section>
<hr>
<h2>I have captured one of them, how do I get my reward?</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc maximus, nulla ut commodo sagittis, sapien dui mattis dui, non pulvinar lorem felis nec erat. Aliquam egestas, velit at condimentum placerat, sem sapien laoreet mauris, dictum porttitor lacus est nec enim. Vivamus feugiat elit lorem, eu porttitor ante ultrices id. Phasellus suscipit tellus ante, nec dignissim elit imperdiet nec. Nullam fringilla feugiat nisl. Ut pretium, metus venenatis dictum viverra, dui metus finibus enim, ac rhoncus sem lorem vitae mauris. Suspendisse ut venenatis libero. Suspendisse lorem felis, pretium in maximus id, tempor non ipsum</p>
<img src="http://via.placeholder.com/140x140" alt="placeholder">
<a href="#">Contact us</a>
</section>
<section>
<hr>
<h2>Best Hunters</h2>
<div>
<img src="http://via.placeholder.com/70x70" alt="placeholder">
<h3>ElvesKiller22</h3>
<p>2 captures</p>
<a href="#">Profile</a>
</div>
<div>
<img src="http://via.placeholder.com/70x70" alt="placeholder">
<h3>Goblin45</h3>
<p>1 capture</p>
<a href="#">Profile</a>
</div>
</section>
<section>
<h2>About the ring</h2>
<div>
<h3>Ring Capabilities</h3>
<p>What can our master Sauron do with the ring</p>
<hr>
<table>
<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>
<hr>
</div>
<div>
<h3>Why is the ring awesome?</h3>
<p>My precioooouuuussss! Hrk Hrk, we want our preeciooouuusss</p>
<img src="http://via.placeholder.com/140x140" alt="placeholder">
</div>
</section>
<section>
<h2>Join Mordor Army, we need you!</h2>
<img src="http://via.placeholder.com/140x140" alt="placeholder">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc maximus, nulla ut commodo sagittis, sapien dui mattis dui, non pulvinar lorem felis nec erat. Aliquam egestas, velit at condimentum placerat, sem sapien laoreet mauris, dictum porttitor lacus est nec enim. Vivamus feugiat elit lorem, eu porttitor ante ultrices id. Phasellus suscipit tellus ante, nec dignissim elit imperdiet nec. Nullam fringilla feugiat nisl. Ut pretium, metus venenatis dictum viverra, dui metus finibus enim, ac rhoncus sem lorem vitae mauris. Suspendisse ut venenatis libero. Suspendisse lorem felis, pretium in maximus id, tempor non ipsum </p>
<a href="#">More info on SauronRulesThemAll.com</a>
</section>
<h2>Contact us</h2>
<form>
<input type="text" name="email" value="email">
<input type="text" name="address" value="address">
<select>
<option>I have seen one of them</option>
<option>I have captured one of them</option>
<option>I want to join your army</option>
</select>
<textarea>Your message</textarea>
</form>
<footer>
<nav>
<ul>
<li><a href="#">About us</a></li>
<li><a href="#">Fellows</a></li>
<li><a href="#">Join our army</a></li>
</ul>
<ul>
<li><a href="#">FAQ</a></li>
<li><a href="#">Reward conditions</a></li>
<li><a href="#">Legal mentions</a></li>
</ul>
<ul>
<li><a href="#">Sauon4Ever.com</a></li>
<li><a href="#">Follow him also on twitter</a></li>
</ul>
</nav>
</footer>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment