---

<!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>