Skip to content

Instantly share code, notes, and snippets.

@noelan

noelan/gist:879c7676a96d688aead7bd4d0891dbd1

Created February 20, 2019 13:44
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save noelan/879c7676a96d688aead7bd4d0891dbd1 to your computer and use it in GitHub Desktop.
Save noelan/879c7676a96d688aead7bd4d0891dbd1 to your computer and use it in GitHub Desktop.
Download ZIP
structurer html
Raw
gistfile1.txt
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>Findtheprecious</title>
</head>
<body>
<header>
<h1>FindTheprecious.com</h1>
<ul>
<li><a href="">Fellows</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 Us</a></li>
</ul>
<div>
<a href="https://placeholder.com"><img src="https://via.placeholder.com/400x150" alt="image"></a>
<p>Dangerous fellowship try to destroy the ring</p>
<p>orcs,Goblin,Balrogs,protect your master Sauron!</p>
</div>
</header>
<section>
<h2>Fellows Wanted dead(or alive if you want)</h2>
<ul>
<li>Most Wanted</li>
<li>Most dangerous</li>
<li>Already captured</li>
</ul>
<a href="https://placeholder.com"><img src="https://via.placeholder.com/150" alt="image"></a>
<a href="https://placeholder.com"><img src="https://via.placeholder.com/150" alt="image"></a>
<a href="https://placeholder.com"><img src="https://via.placeholder.com/150" alt="image"></a>
</section>
<section>
<h2>I have captured one of them, how to get my reward</h2>
<p> Ceci est du faux texte sachez que je vous souhaite une bonne journée et merci de prendre le temps de me corriger !</p>
<a href="https://placeholder.com"><img src="https://via.placeholder.com/140" alt=" image"></a>
<p><a href="ok">Contact us</a></p>
</section>
<section>
<h2>Best hunters</h2>
<ul>
<li>hunter 1</li>
<li>hunter 2</li>
</ul>
<p><a href="">Facebook</a></p>
<a href="https://placeholder.com"><img src="https://via.placeholder.com/40" alt=" image"></a>
<p>Texte descriptif photo</p>
<p><a href="">Facebook</a></p>
<a href="https://placeholder.com"><img src="https://via.placeholder.com/40" alt=" image"></a>
<p>Texte descriptif photo</p>
</section>
<section>
<h2>About ring</h2>
<h3>Ring capibilities</h3>
<p>What can our Sauron do with the ring</p>
<table>
<tr>
<td>Feature</td>
<td>Description</td>
</tr>
<tr>
<td>cest</td>
<td>ok</td>
</tr>
<tr>
<td>un</td>
<td>ok</td>
</tr>
<tr>
<td>tableau</td>
<td>ok</td>
</tr>
</table>
<h3>Why the ring is awesome?</h3>
<p>my preciouuuuuuuuuuuus, blablablabla</p>
<a href="https://placeholder.com"><img src="https://via.placeholder.com/110" alt=" image"></a>
</section>
<section>
<h2>Join mordor army, We need you !</h2>
<a href="https://placeholder.com"><img src="https://via.placeholder.com/140" alt="image"></a>
<p>Haec dum oriens diu perferret, caeli reserato tepore Constantius consulatu suo septies et Caesaris ter egressus Arelate Valentiam petit, in Gundomadum et Vadomarium fratres Alamannorum reges arma moturus, quorum crebris excursibus vastabantur confines limitibus terrae Gallorum.!</p>
<p><a href="">More info on SauronRulesThemall.com</a></p>
</section>
<section>
<h2>Contact us</h2>
<form method="post" action="traitement.php">
<p>
<label>Your email: </label><br /><input type="email"><br /><br />
<label>Adresse:</label><br /><br />
<textarea id=adresse name=adresse rows=1 required></textarea><br /><br>
<select name="select">
<option>I have seen one of them</option>
<option>2</option>
<option>3</option>
</select><br /><br />
<label>Message: </label><br>
<textarea cols="80" rows="10"></textarea><br />
<input type="submit" value="Envoyer" />
</p>
</form>
</section>
<footer>
<ul>
<li>About us</li>
<li>Fellows</li>
<li>Join the army</li>
</ul>
<ul>
<li>FAQ</li>
<li>Reward conditions</li>
<li>Legal mentions</li>
</ul>
<p><a href="">Sauron4Ever.com</a></p>
<p><a href="">Follow him also on twitter</a></p>
</footer>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment