51enra/gist:5e5111b95c98898d7c7ea37bdc846f46

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

  <!--  Meta  -->
  <meta charset="UTF-8" />
  <title>Find the Precious!</title>

  <!--  Styles  -->
  <!--
  <link rel="stylesheet" href="styles/index.processed.css">
  -->
</head>
<body>

  <header>
    <nav>
      <ul>
        <li> Find the Precious! </li>
        <li> Fellows </li>
        <li> Contact Us </li>
      </ul>
    </nav>
    <section>
      <h2>Dangerous fellowship tries to destroy the ring</h2>
      <p>Orcs, Goblins, Balrogs, protect your master Sauron! </p>
    </section>
  </header>
  <main>
    <section>
      <header>
        <h2> Fellows wanted dead </h2>
        <p> (or alive if you want to eat them later) </p>
      </header>
      <figure>
        <a href="https://placeholder.com"><img src="https://via.placeholder.com/150"></a>
        <figcaption>
          <p>The Wizard</p>
          <p>Small description</p>
        </figcaption>
      </figure>
      <figure>
        <a href="https://placeholder.com"><img src="https://via.placeholder.com/150"></a>
        <figcaption>
          <p>Hobbit #3</p>
          <p>Small description</p>
        </figcaption>
      </figure>
      <figure>
        <a href="https://placeholder.com"><img src="https://via.placeholder.com/150"></a>
        <figcaption>
          <p>Yummy Dwarf</p>
          <p>Small description</p>
        </figcaption>
      </figure>
    </section>
    <section>
       <h2> Contact Us </h2>
       <form>
         <input type="text" Placeholder="Full name" maxlength=40 name="name" id="name"><br/>
         <input type="email" Placeholder="Email address" maxlength=40 name="email" id="email"><br/>
         <select name="subject">
           <option>I have seen one of them</option>
           <option>I have heard one of them</option>
         </select><br/>
         <input type="text" Placeholder="Your message"  maxlength=400 name="message" id="message"><br/>
         <button type="submit">Send</button>
       </form>
    </section>
  </main>
  <footer>
    <nav>
      <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>
       <ul>
        <li>Sauron4Ever.com</li>
        <li>Follow him also on twitter</li>
      </ul>
    </nav>
  </footer>
</body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>

	<!-- Meta -->
	<meta charset="UTF-8" />
	<title>Find the Precious!</title>

	<!-- Styles -->
	<!--
	<link rel="stylesheet" href="styles/index.processed.css">
	-->
	</head>
	<body>

	<header>
	<nav>
	<ul>
	<li> Find the Precious! </li>
	<li> Fellows </li>
	<li> Contact Us </li>
	</ul>
	</nav>
	<section>
	<h2>Dangerous fellowship tries to destroy the ring</h2>
	<p>Orcs, Goblins, Balrogs, protect your master Sauron! </p>
	</section>
	</header>
	<main>
	<section>
	<header>
	<h2> Fellows wanted dead </h2>
	<p> (or alive if you want to eat them later) </p>
	</header>
	<figure>
	<a href="https://placeholder.com"><img src="https://via.placeholder.com/150"></a>
	<figcaption>
	<p>The Wizard</p>
	<p>Small description</p>
	</figcaption>
	</figure>
	<figure>
	<a href="https://placeholder.com"><img src="https://via.placeholder.com/150"></a>
	<figcaption>
	<p>Hobbit #3</p>
	<p>Small description</p>
	</figcaption>
	</figure>
	<figure>
	<a href="https://placeholder.com"><img src="https://via.placeholder.com/150"></a>
	<figcaption>
	<p>Yummy Dwarf</p>
	<p>Small description</p>
	</figcaption>
	</figure>
	</section>
	<section>
	<h2> Contact Us </h2>
	<form>
	<input type="text" Placeholder="Full name" maxlength=40 name="name" id="name"><br/>
	<input type="email" Placeholder="Email address" maxlength=40 name="email" id="email"><br/>
	<select name="subject">
	<option>I have seen one of them</option>
	<option>I have heard one of them</option>
	</select><br/>
	<input type="text" Placeholder="Your message" maxlength=400 name="message" id="message"><br/>
	<button type="submit">Send</button>
	</form>
	</section>
	</main>
	<footer>
	<nav>
	<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>
	<ul>
	<li>Sauron4Ever.com</li>
	<li>Follow him also on twitter</li>
	</ul>
	</nav>
	</footer>
	</body>
	</html>