Created
September 6, 2019 11:07
-
-
Save clarade/90338fdcf8c030cfe79c1e78e82186c5 to your computer and use it in GitHub Desktop.
Putting some additonnal informations on the head section
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> | |
<h1>Find The Precious</h1> | |
<header> | |
<a href="https://placeholder.com"><img src="https://via.placeholder.com/1420x80" alt="slide"></a> | |
<ul> | |
<li>Fellows</li> | |
<li>Contact</li> | |
</ul> | |
</header> | |
<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"> <title>The Wizard</title></a> | |
<article> | |
<h4>The Wizard</h4> | |
<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"> <title>The Hobbit</title></a> | |
<article> | |
<h5>Hobbit #3</h5> | |
<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"> <title>The Dwarf</title></a> | |
<article> | |
<h6>Yummy Dwarf</h6> | |
<p>Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus | |
saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae.</p> | |
</article> | |
<br>I have seen one of them<br> | |
<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> | |
<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> | |
<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