<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>My Photos</title>
  <link rel="stylesheet" href="mystyles.css">
</head>
<body>
  <header id="logoheader">
    <div>
      <h1>Photos Page</h1>
    </div>
  </header>
  <nav id="mainmenu">
    <div>
      <ul>
        <li><a href="index.html">Home</a></li>
        <li><a href="photos.html">Photos</a></li>
        <li><a href="videos.html">Videos</a></li>
        <li><a href="contact.html">Contact</a></li>
      </ul>
    </div>
  </nav>
  <main>
    <div>
      <section id="mainphotos">
        <img src="images/myimage.jpg" alt="Woman looking at the ocean">
      </section>
      <aside id="asideinfo">
        <h1>Personal Info</h1>
        <p>Quote from post one</p>
        <p>Quote from post two</p>
      </aside>
    </div>
  </main>
  <footer id="logofooter">
    <div>
      <section class="footersection">
        <h1>Website</h1>
        <p><a href="index.html">Home</a></p>
        <p><a href="photos.html">Photos</a></p>
        <p><a href="videos.html">Videos</a></p>
      </section>
      <section class="footersection">
        <h1>Help</h1>
        <p><a href="contact.html">Contact</a></p>
      </section>
      <section class="footersection">
        <address>Toronto, Canada</address>
        <small>Copyright &copy; 2026</small>
      </section>
    </div>
  </footer>
</body>
</html>