about.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>About</title>
    <link href="styles.css" rel="stylesheet" />
    <link href="about.css" rel="stylesheet" />
    <link rel="icon" href="logo1x.png" />
    <!-- <script src="../styles.js" defer></script> -->
  </head>
  <body class="container scale-size">
    <header class="nav-header">
      <a href="index.html">
        <img src="logo1x.png" class="logo" alt="logo" />
      </a>
      <nav class="navbar">
        <ul>
          <li><a href="about.html" class="tab-name">about</a></li>
          <li><a href="skills.html" class="tab-name">skills</a></li>
          <li><a href="projects.html" class="tab-name">projects</a></li>
          <li><a href="contact.html" class="tab-name">contact</a></li>
        </ul>
      </nav>
    </header>

    <section class="main-content">
      <div class="my-photo">
      <img src="dalizHeadshot.png" class="my-photo" alt="face" /> 
      </div>


      <div class="about-me-text">
        <h1 class="bio-text">
          Hi! My name is Dalíz. I'm a student of life living in New York City,
          currently learning the foundations of full-stack web development at
          Pursuit.
        </h1>
        <span class="sub-text">
          I like designing and creating cool things on the web. I'm passionate
          about science, music, and art.
        </span>
      </div>
    </section>
    
   
    <div class="about-me-oval"></div>
     <div class="about-me-semi-oval-red"></div>
    <div class="about-me-semi-oval-blue"></div>
    <div class="about-me-rectangle"></div>
    <div class="about-me-line-1"></div>
    <div class="about-me-line-2"></div>
  </body>
</html>