deadlyhifi/index.html

## index.html
<!DOCTYPE html>

<html>
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>HTML and CSS</title>

    <!-- <link rel="stylesheet" href="reset.css" /> -->
    <!-- <link rel="stylesheet" href="style.css" /> -->
  </head>

  <body>
    <header class="page-header">
      <nav>
        <ul>
          <li><a href="index.html">Home</a></li>
          <li><a href="index.html">Home Again</a></li>
          <li><a href="index.html">Homeward Bound</a></li>
        </ul>
      </nav>
    </header>

    <main>
      <article>
        <header>
          <h1>A Few Things About HTML and CSS</h1>
          <p>
            I wrote this on
            <time datetime="2019-09-16">September 16th, 2019</time>
          </p>
        </header>

        <ul>
          <li>
            When using an HTML element always remember to close it. e.g.
            <code>&lt;div&gt;content&lt;/div&gt;</code>
          </li>
          <li>Self closing tags should use <code>/></code></li>
          <li>
            Arguments are surrounded by quotes. e.g.
            <code>&lt;img src="path/to/file.jpg" /&gt;</code>
          </li>
        </ul>

        <h2>Time for a picture</h2>
        <figure>
          <img src="http://www.placepuppy.net/800/500" />
          <figcaption>It's a doggy.</figcaption>
        </figure>
      </article>
    </main>

    <aside class="sidebar">
      <h1>Frontend Dev Resources</h1>
      <p>These are some places to visit.</p>
      <nav>
        <h2>Information</h2>
        <ul>
          <li>
            <a href="https://internetingishard.com/html-and-css/semantic-html/"
              >Semantic HTML</a
            >
          </li>
          <li>
            <a
              href="https://stackoverflow.com/questions/8969381/what-is-the-difference-between-display-inline-and-display-inline-block"
              >What is the difference between display: inline and display:
              inline-block?</a
            >
          </li>
          <li>
            <a href="https://frontendmasters.github.io/bootcamp/html"
              >Frontend Masters - Basic HTML</a
            >
          </li>
          <li>
            <a href="https://frontendmasters.github.io/bootcamp/css"
              >Frontend Masters - Basic CSS</a
            >
          </li>
          <li>
            <a href="https://alligator.io/css/understanding-specificity-in-css/"
              >Understading Specificity in CSS</a
            >
          </li>
        </ul>
      </nav>
      <nav>
        <h2>Tutorials</h2>
        <ul>
          <li>
            <a href="https://flexboxfroggy.com/">flexboxfroggy.com</a>
          </li>
          <li>
            <a href="https://flexbox.io/">flexbox.io</a>
          </li>
          <li>
            <a href="https://cssgridgarden.com/">cssgridgarden.com</a>
          </li>
          <li>
            <a href="https://cssgrid.io/">cssgrid.io</a>
          </li>
        </ul>
      </nav>
    </aside>

    <footer>
      <p>Copyright 2019</p>
    </footer>
  </body>
</html>
	<!DOCTYPE html>

	<html>
	<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<title>HTML and CSS</title>

	<!-- <link rel="stylesheet" href="reset.css" /> -->
	<!-- <link rel="stylesheet" href="style.css" /> -->
	</head>

	<body>
	<header class="page-header">
	<nav>
	<ul>
	<li><a href="index.html">Home</a></li>
	<li><a href="index.html">Home Again</a></li>
	<li><a href="index.html">Homeward Bound</a></li>
	</ul>
	</nav>
	</header>

	<main>
	<article>
	<header>
	<h1>A Few Things About HTML and CSS</h1>
	<p>
	I wrote this on
	<time datetime="2019-09-16">September 16th, 2019</time>
	</p>
	</header>

	<ul>
	<li>
	When using an HTML element always remember to close it. e.g.
	<code><div>content</div></code>
	</li>
	<li>Self closing tags should use <code>/></code></li>
	<li>
	Arguments are surrounded by quotes. e.g.
	<code><img src="path/to/file.jpg" /></code>
	</li>
	</ul>

	<h2>Time for a picture</h2>
	<figure>
	<img src="http://www.placepuppy.net/800/500" />
	<figcaption>It's a doggy.</figcaption>
	</figure>
	</article>
	</main>

	<aside class="sidebar">
	<h1>Frontend Dev Resources</h1>
	<p>These are some places to visit.</p>
	<nav>
	<h2>Information</h2>
	<ul>
	<li>
	<a href="https://internetingishard.com/html-and-css/semantic-html/"
	>Semantic HTML</a
	>
	</li>
	<li>
	<a
	href="https://stackoverflow.com/questions/8969381/what-is-the-difference-between-display-inline-and-display-inline-block"
	>What is the difference between display: inline and display:
	inline-block?</a
	>
	</li>
	<li>
	<a href="https://frontendmasters.github.io/bootcamp/html"
	>Frontend Masters - Basic HTML</a
	>
	</li>
	<li>
	<a href="https://frontendmasters.github.io/bootcamp/css"
	>Frontend Masters - Basic CSS</a
	>
	</li>
	<li>
	<a href="https://alligator.io/css/understanding-specificity-in-css/"
	>Understading Specificity in CSS</a
	>
	</li>
	</ul>
	</nav>
	<nav>
	<h2>Tutorials</h2>
	<ul>
	<li>
	<a href="https://flexboxfroggy.com/">flexboxfroggy.com</a>
	</li>
	<li>
	<a href="https://flexbox.io/">flexbox.io</a>
	</li>
	<li>
	<a href="https://cssgridgarden.com/">cssgridgarden.com</a>
	</li>
	<li>
	<a href="https://cssgrid.io/">cssgrid.io</a>
	</li>
	</ul>
	</nav>
	</aside>

	<footer>
	<p>Copyright 2019</p>
	</footer>
	</body>
	</html>