---

<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <title>Джуниор-фронтенд-разработчик: портфолио</title>
</head>
<body>
  <header>
    <h1>Портфолио джуниор-фронтенд-разработчика</h1>
  </header>
  <!-- Основное содержимое-->
  <main>
    <!-- Раздел обо мне -->
    <section id="about">
      <h2>Обо мне:</h2>
      <p>Я учусь в 11 классе и хочу стать <strong>веб-разработчиком</strong>. Мне интересно <em>создавать сайты</em> и <em>учиться новым технологиям</em>.</p>
    </section>
    <!-- Раздел навыков -->
    <section id="skills">
      <h2>Мои навыки:</h2>
      <ul>
        <li><em>HTML и CSS</em></li>
        <li><em>JavaScript</em></li>
      </ul>
    </section>
    <!--Раздел проектов-->
    <section id="projects">
      <h2>Мои проекты</h2>
      <!-- Проект как группа элементов -->
      <div class="project">
        <h3>Проект 1</h3>
        <p><strong>Резюме с информацией обо мне</strong></p>
      </div>
      <div class="project">
        <h3>Проект 2</h3>
        <p><strong>Портфолио джуниор-фронтенд-разработчика</strong></p>
      </div>
    </section>
  </main>
  <!-- Футер-->
  <footer>
    <ul>
      <li><strong>Мои соцсети:</strong> <em>VK</em></li>
      <li><strong>Мой мессенджер:</strong> <em>Макс</em></li>
    </ul>
    <p><small>&copy; 2025 Имя Фамилия. Все права защищены.</small></p>
  </footer>
</body>
</html>