index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Exploring semantics</title>
  </head>
  <body>
    <header>
      <hgroup>
        <h1>Learn to create websites!</h1>
        <h2>Welcome to the website where you can learn HTML semanitcs</h2>
      </hgroup>
      <nav>
        <ul>
          <li><a href="#">Home</a></li>
          <li><a href="#">About Us</a></li>
          <li><a href="#">Conatct Us</a></li>
        </ul>
      </nav>
    </header>
    <article>
      <hgroup>
        <h1>Lorem ipsum dolor sit.</h1>
        <h2>Lorem ipsum dolor sit amet consectetur.</h2>
        <h3>
          <time datetime="2024-12-26">December 26</time>
        </h3>
      </hgroup>
      <section>
        <p>
          Lorem ipsum dolor sit amet consectetur adipisicing elit. Laboriosam
          suscipit quibusdam numquam dolorem quae dolores praesentium reiciendis
          consequuntur dolor molestias.
        </p>
      </section>
      <section><code>console.log("Shaldon Barnes")</code></section>
    </article>
    <progress></progress>
    <footer>
      <address>Add your address here</address>
      <p>&copy; 2024 Shaldon Barnes</p>
    </footer>
  </body>
</html>