Необходимо сверстать адаптивную лендинг-страницу на основе предоставленного макета в Figma. Работа должна быть выполнена с учетом современных стандартов HTML5 и CSS3, с использованием методологии БЭМ и принципа Mobile First.
Требования к вёрстке
Mobile First: Вёрстка должна строиться от мобильных версий (320px) к большим экранам.
Кроссбраузерность: Страница должна корректно отображаться в последних версиях Google Chrome, Firefox, Safari, Edge.
Адаптивность: Использовать flexbox и grid для построения сетки, поддерживать мобильные устройства от 320px до 1920px и выше.
Оптимизация загрузки: Минимизировать использование тяжелых изображений, использовать WebP.
Чистый код: Соблюдать семантическую разметку HTML, избегать избыточных div’ов.
Анимации и интерактив: Реализовать базовые CSS-анимации для кнопок и эффектов наведения.
Шрифты: Подключить через Google Fonts или локально, учитывать размеры и межбуквенные интервалы по макету.
Иконки: Использовать SVG или иконки из FontAwesome.
Pixel Perfect: Максимально точное соответствие макету.
Методология: Использовать БЭМ (блоки, элементы, модификаторы).
Адаптивность (Mobile First)
Файлы и структура проекта
index.html — основной файл страницы.
styles/ — папка со стилями (SCSS/CSS).
fonts/ — локальные шрифты.
Сроки выполнения
Промежуточные правки согласовывать через комментарии в Figma.
Дополнительно
Макет предоставляется в Figma.
Доступ к макету будет открыт через ссылку.
Финальную работу сдавать в виде архива с файлами.
