index.html

<header>
  <h1 id="hello-world">Hello world</h1>
  <p>This is some text.</p>
</header>
<section class="tasks">
  <h3 id="tasks">Tasks</h3>
  <ol>
    <li>Teach class</li>
    <li>Complete challenges</li>
  </ol>
</section>
<section class="shopping-list">
  <h4 id="shopping-list">Shopping list</h4>
  <p>My shopping list for the week:</p>
  <ul>
    <li>Eggs</li>
    <li>
      Ham
      <ul>
        <li>Make sure you get at least 20 grams of ham</li>
      </ul>
    </li>
    <li>Milk</li>
  </ul>
</section>
<section class="images">
  <h2 id="images">Images</h2>
  <p>If you want to embed images, this is how you do it:</p>
  <img
    src="https://octodex.github.com/images/yaktocat.png"
    alt="Image of Yaktocat"
  />
  <p>Here is another image:</p>
  <img
    src="https://course_report_production.s3.amazonaws.com/rich/rich_files/rich_files/3470/s300/coder-academy-07.jpg"
    alt="Coder Academy"
  />
</section>