Skip to content

Instantly share code, notes, and snippets.

@brendaMan

brendaMan/gist:ca81cd8b196627cab021d8bfa97648cf

Created April 1, 2019 13:40
Show Gist options
  • Save brendaMan/ca81cd8b196627cab021d8bfa97648cf to your computer and use it in GitHub Desktop.
Save brendaMan/ca81cd8b196627cab021d8bfa97648cf to your computer and use it in GitHub Desktop.
Download ZIP
Index
Raw
gistfile1.txt
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta name="Lord of the rings" content="Capture all the orcs, goblins and balrogs"/>
<title>FindthePrecious</title>
</head>
<body>
<header><h1>Find the precious</h1></header>
<nav id="nav-bar"
<ul>
<li><a href="#">Fellow</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</a></li>
</ul>
</nav>
</header>
<section id="first">
<div class="description">
<h1>Dangerous fellowship try to destroy the ring</h1>
<h3>Orcs, goblins, balrogs, protect your master Sauron!</h3>
</div>
</section>
<section id="second">
<div class="Fellows">
<h2>Fellows wanted Dead or Alive</h2>
</div>
</section>
<section>
<ul>
<li><a href="#">Most wanted</a></li>
<li><a href="#">Most dangerous</a></li>
<li><a href="#">Already captured</a></li>
</ul>
</section>
<section>
<div id="fistimage">
<a href="https://via.placeholder.com/200"><img src="https://via.placeholder.com/200"></a>
<h3>The wizard</h3><p>small description...</p>
<div id="secondimage">
<div class="text">DEAD</div>
<a href="https://via.placeholder.com/200"><img src="https://via.placeholder.com/200"></a>
<h3>Hobbit #3</h3><p>small description...</p>
<div id="secondimage">
<a href="https://via.placeholder.com/200"><img src="https://via.placeholder.com/200"></a>
<h3>Hobbit #3</h3><p>small description...</p>
</div>
</section>
<section id="third">
<div class="capture">
<h3>I have capture one of them, how to get my reward?</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
<a href="https://via.placeholder.com/140"><img src="https://via.placeholder.com/140"></a>
<br><br>
<input type="button" value="contact us">
</div>
</section>
<section id="fourth">
<div class="hunters">
<h3>Best hunters</h3>
<a href="https://via.placeholder.com/70"><img src="https://via.placeholder.com/70"></a>
<h4>ElvesKiller22</h4><p>2 captures.Profile</p>
<input type="button" value="like 68k ">
<br><br>
<a href="https://via.placeholder.com/70"><img src="https://via.placeholder.com/70"></a>
<h4>Goblin 45</h4><p>1 capture.Profile</p>
<input type="button" value="like 68k">
</div>
</section>
<section id="fifth">
<div class="ring">
<h3>About the rings</h3>
<table>
<tr>
<th>Ring capabilities</th>
</tr>
<tr>
<th>What can our master do?</th>
</tr>
<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>
<br><br>
<table>
<tr>
<th>Whythe ring is awesome</th>
</tr>
<td>
<p>My precioooouuuusssss ! hrk hrk we want our precioooouuuusssss!</p>
<a href="https://via.placeholder.com/110"><img src="https://via.placeholder.com/110"></a>
</td>
</tr>
</table>
</div>
</section>
<section id="Join">
<div class="army">
<h3>Join the Mordor army, we need you!</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
<a href="https://via.placeholder.com/140"><img src="https://via.placeholder.com/140"></a>
<br>
<input type="button" value="More info in SauronRulesThemAll.com">
</div>
</section>
<section id="contact">
<h3>Contact us</h3>
<ul>
<form action="form" method="post">
<div>
<label for="mail"></label>
<input type="text" name="user_mail" value="@">
</div>
<div>
<label for="home"></label>
<input type="tex" name="user_home" value="home">
</div>
<div>
<select name="options">
<option value="1">I have seen one of them</option>
<option value="2">2</option>
</select>
</div>
   <textarea name="comment" form="post">Enter text here...</textarea>
 
<div class="button">
<button type="submit">Submit</button>
</div>
</form>
</ul>
</section>
<footer align="left">
<a href="#" target="_blank">About us</a>
<br>
<a href="#" target="_blank">Fellows</a>
<br>
<a href="#" target="_blank">Join the army</a>
<br>
<a href="#" target="_blank">FAQ</a>
<br>
<a href="#" target="_blank">Reward conditions</a>
<br>
<a href="#" target="_blank">Legal mentions</a>
<br>
<a href="#" target="_blank">Sauron4Ever.com</a>
<br>
<a href="#" target="_blank">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