clarade/Find-the-precious-cd.html

## Find-the-precious-cd.html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Find the Precious</title>
  </head>

  <body>

    <h1>Find The Precious</h1>
    <header>
      <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/400" alt="wizard"></a>
      <a href="https://placeholder.com"><img src="https://via.placeholder.com/400" alt="hobbit"></a>
      <a href="https://placeholder.com"><img src="https://via.placeholder.com/400" alt="dwarf"></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>

      <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>

      <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>
    <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>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Find the Precious</title>
	</head>

	<body>

	<h1>Find The Precious</h1>
	<header>
	<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/400" alt="wizard"></a>
	<a href="https://placeholder.com"><img src="https://via.placeholder.com/400" alt="hobbit"></a>
	<a href="https://placeholder.com"><img src="https://via.placeholder.com/400" alt="dwarf"></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>

	<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>

	<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>
	<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>