Created
November 8, 2019 15:33
-
-
Save 51enra/5e5111b95c98898d7c7ea37bdc846f46 to your computer and use it in GitHub Desktop.
Wild Quest Structure of an HTML page
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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> Find the Precious! </li> | |
<li> Fellows </li> | |
<li> Contact Us </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> Fellows wanted dead </h2> | |
<p> (or alive if you want to eat them later) </p> | |
</header> | |
<figure> | |
<a href="https://placeholder.com"><img src="https://via.placeholder.com/150"></a> | |
<figcaption> | |
<p>The Wizard</p> | |
<p>Small description</p> | |
</figcaption> | |
</figure> | |
<figure> | |
<a href="https://placeholder.com"><img src="https://via.placeholder.com/150"></a> | |
<figcaption> | |
<p>Hobbit #3</p> | |
<p>Small description</p> | |
</figcaption> | |
</figure> | |
<figure> | |
<a href="https://placeholder.com"><img src="https://via.placeholder.com/150"></a> | |
<figcaption> | |
<p>Yummy Dwarf</p> | |
<p>Small description</p> | |
</figcaption> | |
</figure> | |
</section> | |
<section> | |
<h2> 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>About Us</li> | |
<li>Fellows</li> | |
<li>Join our army</li> | |
</ul> | |
<ul> | |
<li>FAQ</li> | |
<li>Reward conditions</li> | |
<li>Legal mentions</li> | |
</ul> | |
<ul> | |
<li>Sauron4Ever.com</li> | |
<li>Follow him also on twitter</li> | |
</ul> | |
</nav> | |
</footer> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment