Задача: Разработка лендинга с кнопками быстрой связи
Общее описание
Необходимо сверстать одностраничный сайт, адаптированный под мобильные устройства и десктопы. Основная цель - предоставить пользователю возможность одним кликом перейти в выбранный мессенджер, где будет автоматически сформировано сообщение с фиксированным промокодом.
Технические требования
- Кнопки: Три кнопки с иконками и названиями: WhatsApp, Telegram и Max.
- Функционал: При клике на кнопку должен осуществляться переход по заранее заданным ссылкам в соответствующий мессенджер с предзаполненным текстом (промокод). Промокод одинаков для всех сервисов.
- Адаптивность: Верстка должна корректно отображаться на экранах от 320px (мобильные) до 1920px (широкие мониторы). Рекомендуется использовать Flexbox или Grid.
- Хостинг: Готовые файлы (HTML, CSS) будут размещены на имеющемся домене и хостинге. Дополнительный функционал (PHP, базы данных) не требуется.
Требования к дизайну
- Минималистичный дизайн.
- Каждая кнопка должна иметь узнаваемую иконку мессенджера и подпись.
- Крупные, удобные для нажатия на сенсорных экранах кнопки.
Состав проекта
Предоставить архив, содержащий:
- Файл index.html (корректно написанный, с валидной HTML-структурой).
- Файл стилей (style.css).
- Иконки (если используются кастомные) или ссылки на CDN-библиотеки.