ferblape/test.html

## test.html
<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8" />
  </head>
  <body>
    <header>
      <ul>
        <li class="menu-link active"><a href="http://link1.com">link1</a></li>
        <li class="menu-link"><a href="http://link1.com">link2</a></li>
        <li class="menu-link"><a href="http://link1.com">link3</a></li>
      </ul>
    </header>
    <article id="article1">
      <h1>Titular artículo 1</h1>
      <p>Un bloque de texto con párrafos. Un bloque de texto con párrafos. Un bloque de texto con párrafos. Un bloque de texto con párrafos. Un bloque de texto con párrafos.</p>
      <h2>Subsección</h2>
      <p>Un bloque de texto con párrafos. Un bloque de texto con párrafos. Un bloque de texto con párrafos. Un bloque de texto con párrafos. Un bloque de texto con párrafos.</p>
      <h2>Otra subsección</h2>
      <p>Un bloque de texto con párrafos. Un bloque de texto con párrafos. Un bloque de texto con párrafos. Un bloque de texto con párrafos. Un bloque de texto con párrafos.</p>
    </article>

    <article id="article2">
      <h1>Titular artículo 2</h1>
      <p>Un bloque de texto con párrafos. Un bloque de texto con párrafos. Un bloque de texto con párrafos. Un bloque de texto con párrafos. Un bloque de texto con párrafos.</p>
      <h2>Subsección</h2>
      <p>Un bloque de texto con párrafos. Un bloque de texto con párrafos. Un bloque de texto con párrafos. Un bloque de texto con párrafos. Un bloque de texto con párrafos.</p>
      <h2>Otra subsección</h2>
      <p>Un bloque de texto con párrafos. Un bloque de texto con párrafos. Un bloque de texto con párrafos. Un bloque de texto con párrafos. Un bloque de texto con párrafos.</p>
    </article>
    <footer>
      <ul>
        <li class="menu-link" id="link1"><a href="http://link1.com">link1</a></li>
        <li class="menu-link" id="link2"><a href="http://link1.com">link2</a></li>
        <li class="menu-link" id="link3"><a href="http://link1.com">link3</a></li>
      </ul>
    </footer>
  </body>
</html>
	<!DOCTYPE HTML>
	<html>
	<head>
	<meta charset="utf-8" />
	</head>
	<body>
	<header>
	<ul>
	<li class="menu-link active"><a href="http://link1.com">link1</a></li>
	<li class="menu-link"><a href="http://link1.com">link2</a></li>
	<li class="menu-link"><a href="http://link1.com">link3</a></li>
	</ul>
	</header>
	<article id="article1">
	<h1>Titular artículo 1</h1>
	<p>Un bloque de texto con párrafos. Un bloque de texto con párrafos. Un bloque de texto con párrafos. Un bloque de texto con párrafos. Un bloque de texto con párrafos.</p>
	<h2>Subsección</h2>
	<p>Un bloque de texto con párrafos. Un bloque de texto con párrafos. Un bloque de texto con párrafos. Un bloque de texto con párrafos. Un bloque de texto con párrafos.</p>
	<h2>Otra subsección</h2>
	<p>Un bloque de texto con párrafos. Un bloque de texto con párrafos. Un bloque de texto con párrafos. Un bloque de texto con párrafos. Un bloque de texto con párrafos.</p>
	</article>

	<article id="article2">
	<h1>Titular artículo 2</h1>
	<p>Un bloque de texto con párrafos. Un bloque de texto con párrafos. Un bloque de texto con párrafos. Un bloque de texto con párrafos. Un bloque de texto con párrafos.</p>
	<h2>Subsección</h2>
	<p>Un bloque de texto con párrafos. Un bloque de texto con párrafos. Un bloque de texto con párrafos. Un bloque de texto con párrafos. Un bloque de texto con párrafos.</p>
	<h2>Otra subsección</h2>
	<p>Un bloque de texto con párrafos. Un bloque de texto con párrafos. Un bloque de texto con párrafos. Un bloque de texto con párrafos. Un bloque de texto con párrafos.</p>
	</article>
	<footer>
	<ul>
	<li class="menu-link" id="link1"><a href="http://link1.com">link1</a></li>
	<li class="menu-link" id="link2"><a href="http://link1.com">link2</a></li>
	<li class="menu-link" id="link3"><a href="http://link1.com">link3</a></li>
	</ul>
	</footer>
	</body>
	</html>