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

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

Необходимо преобразовать макет из 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).
• Шрифты, использованные в проекте.