Skip to content

Instantly share code, notes, and snippets.

@MkLHX

MkLHX/Structurer page html - quest WCS

Last active November 6, 2018 09:26
Show Gist options
  • Save MkLHX/570a310c184859234c6e642745a7cc28 to your computer and use it in GitHub Desktop.
Save MkLHX/570a310c184859234c6e642745a7cc28 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Structurer page html - quest WCS
<! DOCTYPE html>
<html lang=fr>
<head>
<meta charset="utf-8"/>
<title>findThePrecious.com - the mordor army</title>
</head>
<body>
<header>
<nav>
<a href="/home">findThePrecious.com</a>
<ul>
<li>Fellows</li>
<li>The Ring</li>
<li>Get My Reward</li>
<li>Best Hunters</li>
<li>Join The Army</li>
<li>Contact Us</li>
</
<ul>
</nav>
<div>
<div>
<div>
<img src="https://placehold.it/800x400" alt="First slide">
</div>
<div>
<img src="https://placehold.it//800x400 alt=" Second slide">
</div>
<div class="carousel-item">
<img src="https://placehold.it//800x400 alt=" Third slide">
</div>
</div>
<a>
<span><i></i></span>
<span>Previous</span>
</a>
<a>
<span><i></i></span>
<span>Next</span>
</a>
</div>
</header>
<main>
<section>
<h1>Fellows wanted dead (or alive if you wanted to eat them later)</h1>
<a href="/most-wanted">Most Wanted</a>
<a href="/most-wanted">Most Dangerous</a>
<a href="/most-wanted">Already Captured</a>
<div>
<img src="https://placehold.it/200x200" alt="The Wizard Portait">
<h4>The Wizard</h4>
<p>Small description</p>
</div>
<div>
<img src="https://placehold.it/200x200" alt="Hobbit #3 Portait">
<h4>Hobbit #3</h4>
<p>Small description</p>
</div>
<div>
<img src="https://placehold.it/200x200" alt="Yummy Dwarf Portait">
<h4>Yummy Dwarf</h4>
<p>Small description</p>
</div>
</section>
<section>
<h2>I have captured one of them, how to get my reward?</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.<br>
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a
galley of type and scrambled it to make a type specimen book.<br>
It has survived not only five centuries, but also the leap into electronic typesetting, remaining
essentially unchanged.
</p>
<img src="https://placehold.it/140x140" alt="reward picture">
<button>Contact Us</button>
</section>
<section>
<div>
<img src="https://placehold.it/120x120" alt="ElvesKiller22 picture">
<h3>ElvesKiller22</h3>
<p>2 captures - <a href="/profile/ElvesKiller22">Profile</a></p>
<span><i></i>Like 68K</span>
</div>
<div>
<img src="https://placehold.it/120x120" alt="Gobelin45 picture">
<h3>Gobelin45</h3>
<p>2 captures - <a href="/profile/Gobelin45">Profile</a></p>
<span><i></i>Like 38K</span>
</div>
</section>
<section>
<h2>Join Mordor Army, we need you!</h2>
<img src="https://placehold.it/140x140" alt="join us picture">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.<br>
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a
galley of type and scrambled it to make a type specimen book.<br>
It has survived not only five centuries, but also the leap into electronic typesetting, remaining
essentially unchanged.
</p>
<button>More info on SauronRulesTermAll.com</button>
</section>
<section>
<h2>About the ring</h2>
<div>
<div>Ring Capability</div>
<div>
<p>What can our Master Sauron can do with the ring ?</p>
<table>
<thead>
<tr>
<th>Feature</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td>blo</td>
<td>blu</td>
</tr>
<tr>
<td>bla</td>
<td>bli</td>
</tr>
<tr>
<td>ble</td>
<td>bly</td>
</tr>
</tbody>
</table>
</div>
</div>
<div>
<div>Why the ring is awesome?</div>
<div>
<p>
My preciooooooussssss ! Hrk Hrk, we want our preeciooooouuusssss !!
<span>Gollum</span>
</p>
<img src="https://placehold.it/120x120" alt="blo picture">
</div>
</div>
</section>
<section>
<h2>Contact Us</h2>
<form>
<input type=text value="" name="email" id="email"/>
<input type=text value="" name="address" id="address"/>
<select>
<option selected>I have seen one of them</option>
<option>You never see this option</option>
<option>Because nobody click on select</option>
<option>It's not true?</option>
</select>
<textarea></textarea>
</form>
</section>
</main>
<footer>
<div>
<ul>
<li>About us</li>
<li>Fellows</li>
<li>Join our army</li>
</ul>
</div>
<div>
<ul>
<li>FAQ</li>
<li>Reward conditions</li>
<li>Legal mentions</li>
</ul>
</div>
<div>
<ul>
<li>Sauron4ever.com</li>
<li>Follow himalso on twitter</li>
</ul>
</div>
</footer>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment