Общее описание
Это код одностраничного сайта (Landing Page) для фитнес-клуба "SPARTA", созданный с использованием HTML, CSS и JavaScript. Его главная цель — представить акционное предложение и собрать контактные данные клиентов через форму бронирования.
Структура и Стилизация (HTML/CSS)
Страница имеет логичную структуру с ключевыми блоками: промо-баннер, "липкий" шапка сайта, главный экран на всю высоту (100vh) с фоновым изображением, форма бронирования и информативный подвал.
Дизайн выполнен в яркой желто-черной теме, цвета заданы через CSS-переменные для легкой смены. Сайт полностью адаптивен для мобильных устройств, использует стандартные шрифты для читабельности и имеет плавные интерактивные эффекты при наведении на кнопки и ссылки.
Интерактивность (JavaScript)
Весь функционал реализован на "чистом" JavaScript:
Мобильное меню: Адаптивное меню-бургер, выезжающее справа, с анимацией и затемнением фона. Оно поддерживает вложенные подменю, которые раскрываются по клику.
Интерфейс: Пользователь может закрыть верхний промо-баннер.
Обработка формы: Форма для бронирования отправляет данные на email с помощью внешнего сервиса FormSubmit.co, который не требует собственного backend. После успешной отправки пользователь автоматически перенаправляется на страницу благодарности (thank-you.html).
Это код одностраничного сайта (Landing Page) для фитнес-клуба "SPARTA", созданный с использованием HTML, CSS и JavaScript. Его главная цель — представить акционное предложение и собрать контактные данные клиентов через форму бронирования.
Структура и Стилизация (HTML/CSS)
Страница имеет логичную структуру с ключевыми блоками: промо-баннер, "липкий" шапка сайта, главный экран на всю высоту (100vh) с фоновым изображением, форма бронирования и информативный подвал.
Дизайн выполнен в яркой желто-черной теме, цвета заданы через CSS-переменные для легкой смены. Сайт полностью адаптивен для мобильных устройств, использует стандартные шрифты для читабельности и имеет плавные интерактивные эффекты при наведении на кнопки и ссылки.
Интерактивность (JavaScript)
Весь функционал реализован на "чистом" JavaScript:
Мобильное меню: Адаптивное меню-бургер, выезжающее справа, с анимацией и затемнением фона. Оно поддерживает вложенные подменю, которые раскрываются по клику.
Интерфейс: Пользователь может закрыть верхний промо-баннер.
Обработка формы: Форма для бронирования отправляет данные на email с помощью внешнего сервиса FormSubmit.co, который не требует собственного backend. После успешной отправки пользователь автоматически перенаправляется на страницу благодарности (thank-you.html).