Техническое задание на верстку сайта

Основная задача

Необходимо преобразовать макет из Figma в рабочий, адаптивный HTML/CSS/JS код.

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

Технический стек и подход

  • Аккуратная, поддерживаемая и семантическая верстка.
  • Визуальное соответствие макету без фанатичного Pixel Perfect.
  • Два допустимых варианта:
    • Использование Bootstrap 4 (сборка через SCSS без переписывания сетки).
    • Чистая, собственная сетка и чистый JavaScript.
  • Все стили пишутся в SCSS, исходные файлы передаются заказчику.

Детали реализации

  • Векторная графика (SVG из макета) должна остаться SVG в коде.
  • Подключение шрифтов через @font-face.
  • Полноценный адаптив под мобильные устройства, планшеты и десктопы.
  • Использование семантически корректных HTML-элементов (кнопки, чекбоксы, поля ввода).
  • Минимизация использования сторонних библиотек.

Качество и совместимость

  • Кроссбраузерная поддержка: последние версии Chrome, Firefox, Safari, Edge.
  • Опыт интеграции верстки в CMS Битрикс будет дополнительным плюсом.

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

Исполнитель предоставляет все исходные файлы:

  • HTML-разметку.
  • SCSS-файлы и собранный CSS.
  • Набор иконок (шрифтовые или SVG).
  • Шрифты, использованные в проекте.