jpetto/basic_html5_doc.html

## basic_html5_doc.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Basic HTML5 Template</title>
  </head>

  <body>
    <aside class="message">Hey, pay attention to me.</aside>

    <article id="article1">
      <header>
        <h1>Basic HTML5 Template</h1>
      </header>

      <section>
        <p>Here's a paragraph of text.</p>

        <p class="message">Here's a paragraph with a CSS class!</p>

        <ul>
          <li>Here's an item</li>
          <li class="active">Here's an active item</li>
          <li>Here's an item</li>
          <li>Here's an item</li>
        </ul>
      </section>

      <footer>
        Footer text
      </footer>
    </article>

    <article id="article2">
      <header>
        <h1>CSS Selectors, Too</h1>
      </header>

      <section>
        <p class="message">JavaScript is better than Java. In fact, Java is a dead man walking.</p>

        <ol>
          <li class="active">Number 1</li>
          <li>Number 2</li>
          <li>Number 3</li>
        </ol>
      </section>
    </article>
  </body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<title>Basic HTML5 Template</title>
	</head>

	<body>
	<aside class="message">Hey, pay attention to me.</aside>

	<article id="article1">
	<header>
	<h1>Basic HTML5 Template</h1>
	</header>

	<section>
	<p>Here's a paragraph of text.</p>

	<p class="message">Here's a paragraph with a CSS class!</p>

	<ul>
	<li>Here's an item</li>
	<li class="active">Here's an active item</li>
	<li>Here's an item</li>
	<li>Here's an item</li>
	</ul>
	</section>

	<footer>
	Footer text
	</footer>
	</article>

	<article id="article2">
	<header>
	<h1>CSS Selectors, Too</h1>
	</header>

	<section>
	<p class="message">JavaScript is better than Java. In fact, Java is a dead man walking.</p>

	<ol>
	<li class="active">Number 1</li>
	<li>Number 2</li>
	<li>Number 3</li>
	</ol>
	</section>
	</article>
	</body>
	</html>