Задание: HTML-верстальщик. Верстка макета Figma, 1 страница (Дистанционная работа)
Нужно сверстать одностраничный адаптивный сайт (свадебная визитка) на 8 контентных блоков, не считая хедера и футера. Все блоки должны аккуратно адаптироваться под десктоп и мобильные устройства.
По адаптиву:
-Декстоп (1280/1440px)
-Мобалй (320px)
Меню в хедере при необходимости на мобилке можем сворачивать в бургер.
Структура:
1. Хедер.
-Фиксируем при скролле
-В меню якоря на 5 блоков
2. 8 Контентных блоков
-Структура разная. Текста, изображения, формы, таймеры, итд. Макет предоставлю.
-Блок с таймером обратного отсчета
-Блок с картой.
3. Футер
-Повторяет навигацию хедера.
Таймер:
Один из блоков включает таймер отсчета до указанной датавремени.
Должен быть реализован на JS, иметь возможность настройки датавремени события, к которому ведется отсчет, оформлен красиво (без дерганых анимаций)
Карта:
В одном из блоков нужно вставить гуло-карты/яндекс-карты с конкретной точкой. Координаты дам. Карта должна быть эмбеддена через iframe, адаптивной, без лишних кнопок интерфейса.
Анимации:
-Нужны плавные анимации появление блоков при скролле (например либы AOS/GSAP).
-Эффекты ховера на кнопках, интерактивных элементов.
-Все анимации должны быть легкими, без визуального перегруза.
Навигация:
-Пункты в меню - якоря к блокам. Учесть смещение при фиксированном хедере.
-При клике - плавный скролл до блока.
Технологии:
-HTML5,SCSS/CSS3, JS (или с использованием легковесных либ)
-Bootstrap/Tailwind если ускорит верстку. Обсуждаемо.
-Код должен быть чистый и структурированный.
Если нужно могу дополнительно описать блоки, по старту работы.
Готов ответить на вопросы, если что-то требуется уточнить.
