Last active
September 10, 2019 09:16
-
-
Save clarade/e6e0dcb1b18091767407e79321e60fbe to your computer and use it in GitHub Desktop.
Html basics
This file contains 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 charset="utf-8"> | |
<meta name="description" content="A legendary Odyssey where you'll have to create your army, cloaking yourself with special friends, | |
goblins, orcs, dwarfs and wizards."> | |
<meta name="author" content="Clarade"> | |
<title>Find the Precious</title> | |
</head> | |
<body> | |
<header> | |
<h1>Find The Precious</h1> | |
<ul> | |
<li>Fellows</li> | |
<li>Contact</li> | |
</ul> | |
</header> | |
<a href="https://placeholder.com"><img src="https://via.placeholder.com/1420x80" alt="slide"></a> | |
<h2>Fellows wanted dead</h2> | |
<h3>(or alive if you want to eat theam later)</h3> | |
<a href="https://placeholder.com"><img src="https://via.placeholder.com/300" alt="wizard"></a> | |
<article> | |
<h2>The Wizard</h2> | |
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis | |
praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias | |
excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui | |
officia deserunt mollitia animi, id est laborum et dolorum fuga.</p> | |
</article> | |
<a href="https://placeholder.com"><img src="https://via.placeholder.com/300" alt="hobbit"></a> | |
<article> | |
<h2>Hobbit #3</h2> | |
<p>Et harum quidem rerum facilis est et expedita distinctio. | |
Nam libero tempore,cum soluta nobis est eligendi optio cumque nihil | |
impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda | |
est, omnis dolor repellendus.</p> | |
</article> | |
<a href="https://placeholder.com"><img src="https://via.placeholder.com/300" alt="dwarf"></a> | |
<article> | |
<h2>Yummy Dwarf</h2> | |
<p>Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus | |
saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae.</p> | |
</article> | |
<h3>I have seen one of them</h3> | |
<select name="I have seen one of them"> | |
<option value="Wizard">Wizard</option> | |
<option value="Balrog">Balrog</option> | |
<option value="Dwarf">Dwarf</option> | |
<option value="Hobbit">Hobbit</option> | |
</select> | |
<form action="/form" method="post"> | |
<div> | |
<label for="name">Name :</label> | |
<input type="text" id="name" name="user_name"> | |
</div> | |
<div> | |
<label for="mail">e-mail :</label> | |
<input type="email" id="mail" name="user_mail"> | |
</div> | |
<div> | |
<label for="msg">Message :</label> | |
<textarea id="msg" name="user_message"></textarea> | |
<button class="send" type="button"> send | |
</button> | |
</div> | |
</form> | |
<footer> | |
<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> | |
<a href="https://www.youtube.com/watch?v=3aNMGWadgWA">Sauron4Ever.com</a> | |
</footer> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment