Сайт-визитка

Общее описание

Это код одностраничного сайта (Landing Page) для фитнес-клуба "SPARTA", созданный с использованием HTML, CSS и JavaScript. Его главная цель — представить акционное предложение и собрать контактные данные клиентов через форму бронирования.

Структура и Стилизация (HTML/CSS)

Страница имеет логичную структуру с ключевыми блоками: промо-баннер, "липкий" шапка сайта, главный экран на всю высоту (100vh) с фоновым изображением, форма бронирования и информативный подвал.

Дизайн выполнен в яркой желто-черной теме, цвета заданы через CSS-переменные для легкой смены. Сайт полностью адаптивен для мобильных устройств, использует стандартные шрифты для читабельности и имеет плавные интерактивные эффекты при наведении на кнопки и ссылки.

Интерактивность (JavaScript)

Весь функционал реализован на "чистом" JavaScript:

Мобильное меню: Адаптивное меню-бургер, выезжающее справа, с анимацией и затемнением фона. Оно поддерживает вложенные подменю, которые раскрываются по клику.

Интерфейс: Пользователь может закрыть верхний промо-баннер.

Обработка формы: Форма для бронирования отправляет данные на email с помощью внешнего сервиса FormSubmit.co, который не требует собственного backend. После успешной отправки пользователь автоматически перенаправляется на страницу благодарности (thank-you.html).