Skip to content

Instantly share code, notes, and snippets.

@51enra

51enra/gist:a594d22c899d8787a6489b187e05014f

Created November 8, 2019 16:21
Show Gist options
  • Save 51enra/a594d22c899d8787a6489b187e05014f to your computer and use it in GitHub Desktop.
Save 51enra/a594d22c899d8787a6489b187e05014f to your computer and use it in GitHub Desktop.
Download ZIP
HTML Structure Sauron
Raw
gistfile1.txt
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta -->
<meta charset="UTF-8" />
<title>Find the Precious!</title>
<!-- Styles -->
<!--
<link rel="stylesheet" href="styles/index.processed.css">
-->
</head>
<body>
<header>
<nav>
<ul>
<li> FindThePrecious.com </li>
<li><a href="#fellows">Fellows</a></li>
<li><a href="#contact">Contact Us</a></li>
</ul>
</nav>
<section>
<h2>Dangerous fellowship tries to destroy the ring</h2>
<p>Orcs, Goblins, Balrogs, protect your master Sauron! </p>
</section>
</header>
<main>
<section>
<header>
<h2 id="fellows"> Fellows wanted dead </h2>
<p> (or alive if you want to eat them later) </p>
</header>
<table>
<tr>
<td>
<figure>
<a href="https://placeholder.com"><img src="https://via.placeholder.com/150"></a>
<figcaption>
<h3>The Wizard</h3>
<p>Small description</p>
</figcaption>
</figure>
</td>
<td>
<figure>
<a href="https://placeholder.com"><img src="https://via.placeholder.com/150"></a>
<figcaption>
<h3>Hobbit #3</h3>
<p>Small description</p>
</figcaption>
</figure>
</td>
<td>
<figure>
<a href="https://placeholder.com"><img src="https://via.placeholder.com/150"></a>
<figcaption>
<h3>Yummy Dwarf</h3>
<p>Small description</p>
</figcaption>
</figure>
</td>
</tr>
</table>
</section>
<section>
<h2 id="contact"> Contact Us </h2>
<form>
<input type="text" Placeholder="Full name" maxlength=40 name="name" id="name"><br/>
<input type="email" Placeholder="Email address" maxlength=40 name="email" id="email"><br/>
<select name="subject">
<option>I have seen one of them</option>
<option>I have heard one of them</option>
</select><br/>
<input type="text" Placeholder="Your message" maxlength=400 name="message" id="message"><br/>
<button type="submit">Send</button>
</form>
</section>
</main>
<footer>
<nav>
<ul>
<li><a href="#">About Us</a></li>
<li><a href="#fellows">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="https://Sauron4Ever.com">Sauron4Ever.com</a></li>
<li>Follow him also on <a href="https://twitter.com">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