Техническое задание: Верстка страницы на Tilda (Auto Layout)
Необходимо воссоздать дизайн и функциональность одной страницы на конструкторе Tilda, строго используя методологию верстки через Auto Layout (Контейнеры и Окна). Работа должна быть выполнена качественно, с чистым и минималистичным кодом.
Ключевые требования к верстке
- Технология: Использование исключительно Auto Layout > Container > Window. Не подходят методы Autoscale и верстка по брейкпоинтам.
- Адаптивность: Обязательная адаптация под ПК и мобильные устройства. Версия для планшетов обсуждается отдельно.
- Чистота кода: Итоговая страница должна содержать минимальный, не повторяющийся HTML/JS-код без мусорных элементов.
Сложные элементы для реализации
- Слайдеры: В ПК-версии - один слайдер. В мобильной и, возможно, планшетной версии - два отдельных слайдера (требует уточнения).
- Блок с плавающими элементами: Реализация блока с элементами, положение которых динамически меняется.
- Zero Block для навигации: Создание отдельного блока, который активируется при клике на пункт меню.
- Шапка и подвал: Эти элементы должны быть сверстаны как отдельные, переиспользуемые страницы (страница-шапка и страница-подвал).
Особенности и детали
- Исходный макет создан с брейкпоинтами: 991px (ПК), 767px (планшеты), 479px (мобильные).
- Если используется экспорт из Figma, будьте готовы к ручной подгонке размеров под оригинал, так как максимальное разрешение экспорта может быть 1200px.
- Требуется умение работать с высотой блоков, в частности, растягивать блок на всю высоту экрана (100vh).
- Способ сдачи: Передача готовой страницы на аккаунт заказчика внутри платформы Tilda.
От исполнителя ожидается
- Четкие и реалистичные сроки выполнения без задержек.
- Фиксированная стоимость работы.
Все дополнительные материалы (скриншоты, ссылка на сайт-образец, подробное ТЗ и правки) будут предоставлены в ходе переписки.