Задача: Разработка одностраничного корпоративного сайта-презентации для компании в сфере энергообеспечения дата-центров.
Реализация:
Лендинг с фоновым слайдером:
Созданы плавные переходы между высококачественными фоновыми изображениями с оптимизацией под мобильные устройства.
Реализована ленивая загрузка и предзагрузка изображений для скорости.
Интерактивная форма заявки:
Форма с валидацией и маской для телефона (формат +7 (XXX) XXX-XX-XX).
Отправка данных через AJAX на PHP-обработчик без перезагрузки страницы.
Отображение состояния отправки и индикация загрузки.
Стильный UI/UX:
Минималистичный дизайн с использованием полупрозрачных элементов и размытий (backdrop-filter).
Полностью адаптивная верстка под все устройства.
Анимации наведения, плавные переходы.
Интеграция с почтой:
PHP-скрипт (sendmail.php) отправляет заявку на корпоративную почту с HTML-форматированием.
Добавлено подробное логирование для отладки.
Технологии: HTML5, CSS3 (Flexbox, адаптивность, CSS-анимации), JavaScript (ES6, AJAX, слайдер), PHP (обработка форм).
Результат: Современный, быстрый и функциональный лендинг с фокусом на конверсию. Форма заявки работает стабильно, интерфейс интуитивен на всех типах устройств.
http://harvesterenergy.ru/