Фонд «Архистратиг» — рождественские подарки детям Донбасса Цель проекта: создание одностраничного сайта для благотворительного фонда с возможностью выбора конкретного ребёнка и оплаты персонального подарка. Выполненные задачи: Полная адаптивная вёрстка на HTML5 и CSS3 с кастомными медиазапросами для мобильных устройств, планшетов и десктопов. Интерактивный интерфейс: Модальные окна для карточек детей с динамической подгрузкой данных. Мобильное меню с плавной анимацией и управлением через JS. Плавная прокрутка к якорным ссылкам. JavaScript-логика: Управление открытием/закрытием модальных окон (бургер-меню, карточки детей). Обработка кликов по карточкам с передачей данных в модалку. Закрытие по клику вне модалки и клавише Escape. Валидация и переназначение ссылок для навигации. Дизайн-система: использование кастомных CSS-переменных, шрифтов Google Fonts, согласованной палитры в стилистике фонда. Особенности реализации: Семантическая вёрстка с акцентом на доступность. Оптимизация под мобильные устройства: скрытие десктопных элементов, адаптация сеток (flex/grid), респонсивные изображения. Чистый, модульный код с комментариями. Интеграция интерактивных элементов без перезагрузки страницы. Технологии: HTML5, CSS3 (Grid, Flexbox, Media Queries), JavaScript (ES6), Google Fonts, Figma (макет).