Техническое задание: Верстка страницы на Tilda (Auto Layout)

Необходимо воссоздать дизайн и функциональность одной страницы на конструкторе Tilda, строго используя методологию верстки через Auto Layout (Контейнеры и Окна). Работа должна быть выполнена качественно, с чистым и минималистичным кодом.

Ключевые требования к верстке

  • Технология: Использование исключительно Auto Layout > Container > Window. Не подходят методы Autoscale и верстка по брейкпоинтам.
  • Адаптивность: Обязательная адаптация под ПК и мобильные устройства. Версия для планшетов обсуждается отдельно.
  • Чистота кода: Итоговая страница должна содержать минимальный, не повторяющийся HTML/JS-код без мусорных элементов.

Сложные элементы для реализации

  • Слайдеры: В ПК-версии - один слайдер. В мобильной и, возможно, планшетной версии - два отдельных слайдера (требует уточнения).
  • Блок с плавающими элементами: Реализация блока с элементами, положение которых динамически меняется.
  • Zero Block для навигации: Создание отдельного блока, который активируется при клике на пункт меню.
  • Шапка и подвал: Эти элементы должны быть сверстаны как отдельные, переиспользуемые страницы (страница-шапка и страница-подвал).

Особенности и детали

  • Исходный макет создан с брейкпоинтами: 991px (ПК), 767px (планшеты), 479px (мобильные).
  • Если используется экспорт из Figma, будьте готовы к ручной подгонке размеров под оригинал, так как максимальное разрешение экспорта может быть 1200px.
  • Требуется умение работать с высотой блоков, в частности, растягивать блок на всю высоту экрана (100vh).
  • Способ сдачи: Передача готовой страницы на аккаунт заказчика внутри платформы Tilda.

От исполнителя ожидается

  • Четкие и реалистичные сроки выполнения без задержек.
  • Фиксированная стоимость работы.

Все дополнительные материалы (скриншоты, ссылка на сайт-образец, подробное ТЗ и правки) будут предоставлены в ходе переписки.

Разработка рабочей тетради в Notion для онлайн-курса

Необходимо создать структурированную и функциональную рабочую тетрадь в Notion для участников онлайн-курса. Задача включает проектирование логичной навигации, шаблонов для заданий и удобного интерфейса для обучения.