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

Основная цель

Создание адаптивной, семантически корректной и визуально точной верстки главной страницы на основе макета в Figma.

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

Технологический стек

• Основной приоритет: чистая, поддерживаемая вёрстка с визуальным соответствием макету (Pixel Perfect не обязателен).
• Предпочтительный фреймворк: Bootstrap 4 с кастомизацией через SCSS без переписывания базовой сетки.
• Альтернатива: собственная реализация сетки и логики на чистом CSS/JavaScript при отказе от Bootstrap.
• Все стили должны быть написаны в SCSS с предоставлением исходных файлов.

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

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

Кроссбраузерность и интеграция

• Корректное отображение в последних версиях Chrome, Firefox, Safari, Edge.
• Опыт интеграции готовой вёрстки в CMS Bitrix будет преимуществом.

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

Исполнитель предоставляет архив, содержащий:

• HTML-файлы.
• Исходные SCSS-файлы и собранный CSS.
• Иконки в нужных форматах (включая SVG).
• Подключенные шрифты.