Верстка

Нужна качественная и профессиональная верстка интернет-магазина

Основные требования

Детали по основным правилам:
1. https://github.com/ihorzenich/html5checklist/ -ЧЕКЛИСТ ВЕРСТКИ
2. https://github.com/ihorzenich/WebPerformanceChecklist - ЧЕКЛИСТ ПО ОПТИМИЗАЦИИ

Требования по работе с макетом

В конечном итоге выполненная работа должна представлять из себя сайт/приложение отраженное в макетах (дизайне). Дальнейшая жизнь верстки упирается в ее портировании под Vue.js, данная верстка должна иметь наилучшие показатели по Page Speed соблюдать основным требованиям.
Достижения наилучших результатов - соблюдение правил и требований по верстке. 

Требования по верстке макета:
1.Писать стили на SASS/SCSS
2.Не лепить всё в 1 файл
3.Если используется bootstrap 4/5 то подтягивались скрипты и стили исключительно те которые используются, в данный момент на странице.
Пример структуры:
Наша страница состоит из основного макета - пусть это будут слои (папка layouts)
Каждый слой имеет возможность адаптироваться (main_responsive.scss)
Пример организации каталогов под стили:
1. Корень исходников - scss/sass
2. Дополнительные графические/дизайн части сайта живут в папке assets с осмысленными папками под содержимое (fonts, icons, products)
3. Каждая страница должна быть порезана на фрагменты:
    а. Основной макет - папка layouts, внутри папки layouts лежит файл home.scss (отвечает за поведение на десктопе)+ layouts/home_responsive.sass (отвечает за поведение на мобилке)
    б. Элементы макета - например, хедер. Папка: partials/header
partials/header/header.sass (отвечает за поведение на десктопе) + partials/header/header_responsive.sass (отвечает за поведение на мобилке)