Верстка лендинга по готовому макету

Необходимо выполнить адаптивную верстку лендинга в строгом соответствии с макетом Figma. Проект должен отличаться высокой производительностью, чистотой кода и быть готовым к натяжке на CMS.

Стек технологий

• HTML5 + CSS3 (препроцессор SCSS/SASS)
• Чистый JavaScript (без jQuery и тяжелых библиотек)
• Именование по методологии БЭМ

Требования к верстке

• Адаптивность: корретное отображение на десктопе (от 1440px), планшетах и мобильных устройствах
• Pixel Perfect: точное соблюдение отступов, размеров и шрифтов из макета
• Кроссбраузерность: Chrome, Safari, Firefox, Edge
• Интерактив: плавный скролл по якорям, рабочая форма обратной связи с валидацией, аккордеон для FAQ, бургер-меню на мобильной версии, стильные hover-эффекты
• Шрифты: подключение через Google Fonts или локальные файлы в соответствии с макетом
• Графика: SVG-иконки, использование WebP; эффекты (тени, градиенты, свечения) - только средствами CSS, без экспорта картинками

Требования к производительности

• Минимизация CSS и JS
• Оптимизированные изображения
• Высокий балл Google PageSpeed Insights (зеленая зона)

Формат результата

Архив с исходным кодом: HTML, CSS (или SCSS), миллиметровка чтения, все иконки SVG оптимизированы, а сам код чистый и сопровождается комментариями.