Mastering-html5-andcss3/Intro/index-one.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>My first Website</title>
  </head>
  <body>
    <header style="height: 200px; background-color: #e2e2e2">
      <h1>My Website</h1>
      <p>My webby subtitle</p>
      <nav>
        <a href="index-one.html">Home</a>
        <a href="about.html">About</a>
        <a href="portfolio.html">Portfolio</a>
        <a href="products.html">Products</a>
        <a href="contact.html">Contact</a>
      </nav>
    </header>

    <section style="background-color: #e2e2e2; width: 65%; float: left">
      <header>
        <h2>Primary content</h2>
      </header>
      <article>
        <p>
          Lorem ipsum dolor sit amet consectetur, adipisicing elit. Praesentium
          aspernatur corporis quod nobis debitis laborum magni non amet modi
          culpa, quidem distinctio, tempore accusamus perspiciatis quam
          voluptatum enim soluta quo similique obcaecati, asperiores odio
          repellat ex facilis! Culpa sed veritatis quibusdam. Modi accusamus
          reprehenderit perferendis repellat fuga, praesentium ratione
          voluptates!
        </p>
        <p>
          Lorem ipsum dolor sit amet consectetur, adipisicing elit. Praesentium
          aspernatur corporis quod nobis debitis laborum magni non amet modi
          culpa, quidem distinctio, tempore accusamus perspiciatis quam
          voluptatum enim soluta quo similique obcaecati, asperiores odio
          repellat ex facilis! Culpa sed veritatis quibusdam. Modi accusamus
          reprehenderit perferendis repellat fuga, praesentium ratione
          voluptates!
        </p>
      </article>
    </section>
    <aside style="background-color: #eee; width: 35%; float: left">
      <header><h3>Secondary Content</h3></header>
      <figure>
        <img src="//unsplash.it/200/160" alt="An image" style="width: 100%" />
        <figcaption>This is the caption</figcaption>
      </figure>
    </aside>

    <video style="width: 100%;" autoplay controls loop>
      <source src="#" type="video/mp4">
    </video>

    <audio style="width: 100%;" controls loop>
      <source src="#" type="audio/mp3">
    </audio>

    <footer style="text-align: center; clear: both">
      <address>
        you can contact us here at: <br />
        knowledgehut.com <br />
        123 somewherte st. <br />
        city, state
      </address>
      <a href="#"><p>Copyright Info Here</p></a>
    </footer>
  </body>
</html>