00-playground/24-website/index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>John Doe</title>
    <link rel="stylesheet" href="style.css" />
  </head>

  <body>
    <header>
      <nav>
        <h1>John Doe</h1>
        <ul>
          <li><a href="index.html">Home</a></li>
          <li><a href="cv.html">CV</a></li>
        </ul>
      </nav>
    </header>

    <main>
      <section id="about">
        <h2>About Me</h2>
        <img src="profile_picture.jpg" alt="Profile Picture" />
        <p>
          Hi, I'm John Doe, a software architect and freelancer. I have a
          passion for programming, reading, and nature. In my free time, you can
          find me exploring new technologies, diving into books, or hiking in
          the mountains.
        </p>
      </section>
    </main>

    <footer>
      <p>&copy; 2023 John Doe</p>
    </footer>
  </body>
</html>