Проект
Страницы:
Главная страница / Сквозные элементы
Каталог:
Список разделов
Список товаров
Плитка товаров
Таблица товаров
Детальная страница товара
Корзина
Оформление заказа
Личный кабинет
Текущие заказы
Детальная страницы заказа в ЛК
Личные данные
Сменить пароль
Регистрация
Услуги
Услуга (одна, подробно)
Бренды
Бренд (один, подробно)
Акции
Акция (одна, подробно)
Контакты
Вопрос-ответ
Документация
Общие требования к верстке
1. Используем сетку bootstrap 5
2. В html коде необходимо отделять такие блоки комментариями типа
<!- -catalog_list — >
код
<!- -end catalog_list — >.
3. Также комментарии с соответствующими названиями блоков также нужно выполнять в файле стилей и javascript.
4. Основные стили заносятся в файл с названием styles.css
5. Отдельно разместить файл стилей с цветами основных элементов (цвет кнопок, ссылок, иконок, цвет футера). Использовать переменные для --main-color: black
6. Все скрипты заносятся в файл с названием script.js
7. Все иконки в векторном (svg) формате. Либо стилями, если это например кнопки влево/вправо.
8. Учитывать “подвижность” элементов. То есть если будет меняться: объем текста блоках, количество пунктов меню, наличие/отсутствие иконок, ссылок и тп. – все должно отображаться корректно и выравниваться по нужным краям.
9. Все повторяющиеся блоки должны имеет одну и туже вестку. Например, список товаров в блоке “Лучшие предложения” на главной странице содержит те же карточки товаров что и в на странице списка товаров раздела каталога.