Шаблоны простых элементов веб-страниц — HTML

<div class="profile-page">
  <div class="profile-header">
    <img src="avatar.jpg" alt="Аватар пользователя" class="avatar" loading="lazy">
    <h1>Анна Петрова</h1>
    <p class="user-role">Администратор</p>
  </div>

  <div class="profile-section">
    <h2>Контактная информация</h2>
    <ul class="profile-info">
      <li><strong>Email:</strong> anna@example.com</li>
      <li><strong>Телефон:</strong> +7 (999) 123-45-67</li>
      <li><strong>Регистрация:</strong> 15 января 2024</li>
    </ul>
  </div>

  <div class="profile-section">
    <h2>Действия</h2>
    <ul class="activity-list">
      <li>Изменил(а) пароль — 1 апреля 2026</li>
      <li>Вошёл(ла) в систему — 3 апреля 2026</li>
      <li>Создал(а) новую статью — 28 марта 2026</li>
    </ul>
  </div>

  <div class="profile-actions">
    <a href="edit-profile.php" class="btn btn-primary">Редактировать профиль</a>
    <a href="logout.php" class="btn btn-secondary">Выйти</a>
  </div>
</div>