Задание: HTML-верстальщик. Страница на WordPress (Lazy Blocks, адаптив, анимации) (Дистанционная работа)
Нужно сверстать одну страницу на WordPress для AI digital signage системы (софт + устройства) по готовому дизайну в Figma.
Задача: привести всё к дизайну и корректно собрать страницу через Lazy Blocks.
Что нужно сделать
Собрать страницу через Lazy Blocks
Использовать существующие блоки (копировать / адаптировать) если такие есть
Подставить контент (тексты, изображения, кнопки)
Привести верстку в полное соответствие с Figma
Требования (обязательно)
Pixel-perfect по дизайну (Figma)
Корректные:
отступы
шрифты
размеры
Анимации между блоками (плавные, как у Apple)
Идеальная адаптивность:
мобильные
планшеты
десктоп
Кроссбраузерность:
Chrome / Safari / Firefox
Важно по мобильной версии
Мобильная версия должна быть:
полностью соответствующей дизайну
без сломанных блоков
удобной и аккуратной
Технические требования
Использовать Lazy Blocks (обязательно)
Не ломать существующую структуру
Использовать:
повторно используемые блоки
переменные / repeater где нужно
Чистый код:
без inline-стилей
аккуратная структура
Не подходит, если
делаете “примерно похоже”, а не по дизайну
не умеете делать адаптив
не работаете с Lazy Blocks
не делаете анимации
Результат
Страница полностью соответствует дизайну
Работает на всех устройствах
Плавные анимации
Ничего не ломается