This post was published 32 days ago. The information described in this article may have changed.
1. ТЗ для верстальщика (HTML)
Цель
Сверстать новые блоки посадочной страницы.
Контекст
- Верстальщик пишет HTML и CSS
- JS-логика и интеграция выполняются разработчиком
Входные данные
- Figma с новыми блоками - https://www.figma.com/design/K4uvYLRKkg8B2upX7Gqz6e/%D0%9F%D1%80%D0%BE%D0%A2%D0%B5%D0%BF%D0%BB%D0%BE__%D0%BD%D0%B0-%D0%B2%D0%B5%D1%80%D1%81%D1%82%D0%BA%D1%83?node-id=1732-5872&t=a7fxkWTBFyxUB6aA-1
- Ссылка на текущую страницу - https://proteplo.org/catalog/teploobmenniki/teploobmenniki_ridan
- Во вложении скрины того что надо сверстать - фильтры, плитку товаров и отзывы верстать не надо. Они присутствуют в макете для целостности и понимания картины. ВАЖНО: нужен адаптив - в figma есть все базовые разрешения и верстка (брейкпоинты) для блоков под верстку.
Требования к верстке
- HTML5, семантика
- Понятный нейминг классов (BEM или согласованный)
- Без inline-стилей и JS
- CSS отдельно или в style-блоке
Адаптивность
- Соответствие Figma
- Mobile-first предпочтителен
Результат
- HTML-файлы с новыми блоками
- CSS-файл (если используется)
- Комментарии по логике разбиения
Критерии приёмки
- Визуальное соответствие макету
- Корректная адаптивность
🏷️ Work_feed
