Техническое задание: Верстка лендинга

Общая информация

Требуется сверстать одностраничный сайт (лендинг) на основе готового макета, созданного в Figma. Объем работы - 5 основных секций.

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

  • Верстка должна быть выполнена на чистом HTML, CSS и JavaScript (без использования CSS-фреймворков, таких как Bootstrap).
  • Код должен быть семантически корректным, валидным и хорошо структурированным.
  • Лендинг должен быть полностью адаптивным и корректно отображаться на основных разрешениях экранов (десктоп, планшет, мобильные устройства).
  • Все интерактивные элементы (кнопки, меню, слайдеры, если они есть в макете) должны быть реализованы с помощью JavaScript.
  • Макет (ссылка на Figma) будет предоставлен исполнителю после согласования условий.

Что необходимо сделать

  • Анализ макета и постановка задач по верстке.
  • Написание HTML-разметки для всех пяти секций.
  • Стилизация всех элементов с помощью CSS (Flexbox/Grid).
  • Реализация необходимой интерактивности на JavaScript.
  • Тестирование верстки на кроссбраузерность и адаптивность.

Результат работы

Исполнитель предоставляет архив с готовой версткой, включающий все HTML, CSS и JS файлы, а также используемые изображения и шрифты. Код должен быть готов к передаче заказчику или интеграции с CMS.

Дизайн первого экрана главной страницы сайта

Требуется разработать визуальное оформление первого экрана главной страницы: подобрать цветовую палитру, шрифты, создать главное изображение и 6 тематических иконок для разделов сайта. Срок выполнения: 2-4 дня.

Создание скрипта для возврата к началу страницы

Требуется разработать JavaScript-скрипт, который после полной загрузки страницы будет автоматически прокручивать её к верхней части (хедеру). Задача обусловлена необходимостью нейтрализовать влияние стороннего модуля, который осуществляет нежелательную прокрутку.