Lexhoo/gist:4ac3647b4337f4c6fa177080cec5d314

## gistfile1.txt
<!DOCTYPE html>
<html lang="fr">

<head>
  <meta charset="UTF-8" />
  <title>findtheprecious</title>
</head>

<body>
  <h1>Find the precious</h1>
  <header>

    <ul id="menu_horizontal">

      <li>Fellows</li>


      <li>The Ring</li>


      <li>Get my reward</li>


      <li>Best hunters</li>


      <li>Join the army</li>


      <li>Contact us</li>


    </ul>

  </header>

  <div>

    <a>Dangerous fellowships try to destroy the ring</a>
    <br>

    <a> Orcs, Goblins, Balrogs, protect your master Sauron !</a>


  </div>

  <div>

    <h1 id="#Fellows">Fellows wanted dead
    </h1>

    <a>(Or alive if you want to eat them later !)</a>
    <ul id="#3">

      <li>
        <a href="#Most_wanted">
    Most wanted</a></li>

      <li>
        <a href="#Most_dangerous">
    Most dangerous</a></li>
      <li>
        <a href="#Already_captured">
    Already captured</a></li>
    </ul>
  </div>

  <div>
    <img src="https://via.placeholder.com/150" alt="150x150">

    <img src="https://via.placeholder.com/150" alt="150x150">

    <img src="https://via.placeholder.com/150" alt="150x150">

  </div>

  <section>

    <h2 id="Get_my_reward">Get my reward
    </h2>

    <a>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor
  </a>
    <br>
    <img
      src="https://via.placeholder.com/140"
      alt="140x140">


  </section>

  <section>

    <h2 id="Best_hunters">Best hunters</h2>

    <img
      src="https://via.placeholder.com/70"
      alt="70x70">
    <a>ElvesKiller22</a>

    <img
      src="https://via.placeholder.com/70"
      alt="70x70">
    <a>Goblin45</a>


  </section>

  <section>

    <h2 id="The_Ring">About the ring</h2>

    <table>

        <tr>
        <td><b>Feature</b></td>
        <td><b>Description</b></td>
        </tr>
        <tr>
          <td>Main</td>
          <td>One ring to rules them all</td>
        </tr>
        <tr>
          <td>Invisibility</td>
          <td>You can't see me</td>
        </tr>
        <tr>
          <td>Power</td>
          <td>Destroy the world</td>
        </tr>


    </table>

  </section>

  <div>
  <br>

  <a href="#Why_the_ring_is_awesomes">Why the ring is awesome</a>


   </div>

  <section>

    <h2 id="Join_the_army">Joint the army, we need you !</h2>

    <img
      src="https://via.placeholder.com/140"
      alt="140x140">


    <a>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue.</a>

    <img
      src="https://via.placeholder.com/460x65?text=Visit+Blogging.com+Now"
      alt="40x65">

  </section>

  <section>

    <h2 id="Contact_us">Contact us</h2>

  </section>

  <footer>
    <form action="/tableau_contact" method="post">
      <div>
        <label>@ :</label>
        <input type="text"/>
      </div>
      <div>
        <label>Adresse postale :</label>
        <input type="email"/>
      </div>
      <div>
        <label>Message :</label>
        <input type="text"/>
      </div>
     </form>
  </footer>

</body>

</html>
	<!DOCTYPE html>
	<html lang="fr">

	<head>
	<meta charset="UTF-8" />
	<title>findtheprecious</title>
	</head>

	<body>
	<h1>Find the precious</h1>
	<header>

	<ul id="menu_horizontal">

	<li>Fellows</li>


	<li>The Ring</li>


	<li>Get my reward</li>


	<li>Best hunters</li>


	<li>Join the army</li>


	<li>Contact us</li>


	</ul>

	</header>

	<div>

	<a>Dangerous fellowships try to destroy the ring</a>
	<br>

	<a> Orcs, Goblins, Balrogs, protect your master Sauron !</a>


	</div>

	<div>

	<h1 id="#Fellows">Fellows wanted dead
	</h1>

	<a>(Or alive if you want to eat them later !)</a>
	<ul id="#3">

	<li>
	<a href="#Most_wanted">
	Most wanted</a></li>

	<li>
	<a href="#Most_dangerous">
	Most dangerous</a></li>
	<li>
	<a href="#Already_captured">
	Already captured</a></li>
	</ul>
	</div>

	<div>
	<img src="https://via.placeholder.com/150" alt="150x150">

	<img src="https://via.placeholder.com/150" alt="150x150">

	<img src="https://via.placeholder.com/150" alt="150x150">

	</div>

	<section>

	<h2 id="Get_my_reward">Get my reward
	</h2>

	<a>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor
	</a>
	<br>
	<img
	src="https://via.placeholder.com/140"
	alt="140x140">




	</section>

	<section>

	<h2 id="Best_hunters">Best hunters</h2>

	<img
	src="https://via.placeholder.com/70"
	alt="70x70">
	<a>ElvesKiller22</a>

	<img
	src="https://via.placeholder.com/70"
	alt="70x70">
	<a>Goblin45</a>


	</section>

	<section>

	<h2 id="The_Ring">About the ring</h2>

	<table>

	<tr>
	<td><b>Feature</b></td>
	<td><b>Description</b></td>
	</tr>
	<tr>
	<td>Main</td>
	<td>One ring to rules them all</td>
	</tr>
	<tr>
	<td>Invisibility</td>
	<td>You can't see me</td>
	</tr>
	<tr>
	<td>Power</td>
	<td>Destroy the world</td>
	</tr>


	</table>

	</section>

	<div>
	<br>

	<a href="#Why_the_ring_is_awesomes">Why the ring is awesome</a>




	</div>

	<section>

	<h2 id="Join_the_army">Joint the army, we need you !</h2>

	<img
	src="https://via.placeholder.com/140"
	alt="140x140">


	<a>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue.</a>

	<img
	src="https://via.placeholder.com/460x65?text=Visit+Blogging.com+Now"
	alt="40x65">

	</section>

	<section>

	<h2 id="Contact_us">Contact us</h2>

	</section>

	<footer>
	<form action="/tableau_contact" method="post">
	<div>
	<label>@ :</label>
	<input type="text"/>
	</div>
	<div>
	<label>Adresse postale :</label>
	<input type="email"/>
	</div>
	<div>
	<label>Message :</label>
	<input type="text"/>
	</div>
	</form>
	</footer>

	</body>

	</html>