<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="utf-8">

  <meta name="viewport" content="width=device-width">

  <title>My Portfolio</title>

  <link rel="stylesheet" href="style.css">

</head>

<body>

  <header>

    <h1>My Portfolio</h1>

    <nav>

      <ul>

        <li><a href="#">Home</a></li>

        <li><a href="#">About Me</a></li>

        <li><a href="#">Work</a></li>

        <li><a href="#">Contact</a></li>

      </ul>

    </nav>

  </header>

  <main>

    <section id="home">

      <h2>Welcome to my portfolio!</h2>

      <p>I'm a web developer with a passion for creating beautiful and functional websites.</p>

      <p>Here you can see some of my work, learn more about me, and contact me if you'd like to work together.</p>

    </section>

    <section id="about-me">

      <h2>About Me</h2>

      <p>I'm a 25-year-old web developer from San Francisco. I've been working in the web development industry for 3 years and I'm passionate about creating beautiful and functional websites.</p>

      <p>I'm also a self-taught artist and I love to use my creativity to design websites that are both visually appealing and user-friendly.</p>

      <p>In my spare time, I enjoy hiking, biking, and spending time with my family and friends.</p>

    </section>

    <section id="work">

      <h2>Work</h2>

      <p>Here are some of my recent projects:</p>

      <ul>

        <li>A website for a local coffee shop</li>

        <li>A landing page for a new startup</li>

        <li>A mobile app for a fitness tracking company</li>

      </ul>

    </section>

    <section id="contact">

      <h2>Contact</h2>

      <p>If you'd like to get in touch, you can email me at [email protected] or find me on social media.</p>

    </section>

  </main>

  <footer>

    <p>Copyright &copy; 2023 My Portfolio</p>

  </footer>

</body>

</html>