---

<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <title>Резюме</title>
  <style>
    nav {background-color: #333; padding: 10px; margin-bottom: 20px;}
    nav ul {list-style: none; padding: 0; margin: 0; display: flex; gap: 15px;}
    nav a {color: white; text-decoration: none;}
    nav a:hover {text-decoration: underline;}
    #about {
      background-color: #eef;
      padding: 10px;
    }
    .project {
      border: 1px solid gray;
      margin: 10px 0;
      padding: 10px;
      background-color: #f9f9f9;
    }
  </style>
</head>
<body>
  <nav>
    <ul>
      <li><a href="#about">Обо мне</a></li>
      <li><a href="#projects">Мои проекты</a></li>
    </ul>
  </nav>

  <div id="about">
    <h2>Обо мне</h2>
    <p>Я учусь в 11 классе и хочу стать веб-разработчиком.</p>
  </div>

  <div id="projects">
    <h2>Мои проекты</h2>
    <div class="project">
      <h3>Проект 1</h3>
      <p>Резюме</p>
    </div>
    <div class="project">
      <h3>Проект 2</h3>
      <p>Сайт-портфолио</p>
    </div>
  </div>
</body>
</html>