Верстка магазину

Архив с PSD, шрифтами и SVG - отправил в тг 

Технические моменты:

1). Предпочтительна Flex-верстка, без использования Bootstrap и прочих подобных CSS библиотек. Использование LESS - гут.

2). Макеты сделаны для основных размеров. В промежуточных размерах браузера верстка также должна быть адаптивна и подгоняться под размеры экрана.

3). JS - jQuery. Для popup-окон и галерей нужно использовать Fancybox. Для слайдера - slick. Остальные скрипты - на ваш выбор.

3.1). Посмотрел примеры ваших работ, понравилась реализация попапа - можно использовать ее.

4). Почти все иконки экспортированы в виде SVG. Их и надо использовать. В виде отдельных тегов (не надо вставлять SVG в HTML код).

4.1). В экспортированных иконках нет логотипа и иконок соц. сетей. Если не получится достать их из PSD, напишите, свяжусь с дизайнером.

5). Шрифты - использовать через https://www.fontsquirrel.com/tools/webfont-generator

И еще два момента отдельно:

1). Я бы предпочел именно LESS вариант. Без всяких БЭМ.

2). Этот момент не обязателен (так как изначально его не было в ТЗ). Но вдруг вы работаете с этим. Я люблю использовать SVG, которые встраиваются отдельными картинками (а не фоном) с помощью svg-спрайта.

Вначале сжимаю все SVG помощью https://vecta.io/nano , а затем делаю из них спрайт в https://svgsprit.es/ .Я понимаю, что это дополнительная работа. Но если будет интересно - можно делать через спрайт. Если это слишком трудозатратно для вас - то можно просто через тег IMG (напрямую в HTML код встраивать SVG не надо).