{{indexmenu_n>0002}} ====== Требования к верстке ====== * Тег H1 не более одного на страницу и только для блока названия страницы * Размеры шрифтов задаются в rem * Позиционирование absolute использовать только при крайней необходимости * Элементы с классом .col всегда должны находится в .row * Когда требуется задавать отступы между несущими блоками, старайтесь задавать расстояние от нижнего блока к верхнему * CSS должен быть сверстан так, что если пропадает блок, пропадает и отступ вместе с блоком, если он был * **Не используйте** в качестве отступов между несущими блоками padding * Используйте человекопонятные именования css классов. Например: заголовок -- title, описание -- description, текст - text и т.д. * Наименования блоков имеют вид el_name_xxxxxx где name - человекопонятное именование блока в формате camelCase; x - любой символ английского алфавита или цифра * Внутри каждого элемента el_name_xxxxxx должен быть элемент, чаще всего div, с классом wrapperInner * Используйте для селекторов в css полный путь от начала блока, т.е. от el_name_xxxxxx * Элементы типа input, select, textarea, button должны иметь отдельную верстку вида .input, если их много и они имеют однотипное оформление. * Использовать только бесплатные шрифты, например: google fonts * Если на элементе (товар, новость и т.д.) присутствует кнопка или ссылка быстрого просмотра, то ее верстать не надо и сам быстрый просмотр также не верстать * В строке поиска не верстать кнопку выбора категорий (см. {{:dev:tpl:pravila_verstki_besplatnyh_shablonov:not_catalog_in_search.png?linkonly|скрин}}) * В футере сайта должна присутствовать ссылку на платформу komiz.io (см. {{:dev:tpl:pravila_verstki_besplatnyh_shablonov:work_on_komizio_1.png?linkonly|скрин 1}}, {{:dev:tpl:pravila_verstki_besplatnyh_shablonov:work_on_komizio_2.png?linkonly|скрин 2}})