Описание

Эту работу у меня заказали на другой фриланс бирже, фирма достаточно крупная, было заказано в общем 2 страницы лендинга и 3 страницы основного сайта.

Всю вёрстку я делал с использованием таких библиотек и технологий как: Bootstrap 4, SASS, FlexBox, CSS Grid, JavaScript.
В качестве препроцессора HTML использовал nunjaks, который работает из под Gulp. Выбрал его чисто потому, что уже успел сверстать почти пару страниц и понял, что это очень сложно не делить вёрстку на кусочки, которые можно повторно переиспользовать, особенно в сайтах, с большим количеством элементов.

Вообще создание многостраничников достаточно сложное дело, особенно если имеется очень много мелких элементов, а так-же если дизайнер не понимает как должны выглядеть элементы, которые перестраиваются под мобильные устройства, приходилось для мобильного в некоторых местах перевёрстывать заново некоторые компоненты, что меня очень расстраивало (не люблю дублировать код, да и оптимизация не очень получается).

Старался где мог использовать SVG изображения вместо PNG, чтобы всё чётко выглядело на retina экранах.

Вообще я много чему научился, пока верстал этот многостраничник, да и заказчик попался достаточно терпеливый.

Свёрстанные страницы:
http://sp-m.murad-ahmedov.ru
http://sp-m.murad-ahmedov.ru/catalogs.html
http://sp-m.murad-ahmedov.ru/catalog.html

Презентация проекта

Ссылки на примеры реализации