Верстка сайта по макету

Нужна валидная верстка по стандартам w3c

Верстка должна быть адаптивной "responsive"

Пиксель не нужен, Бутстрап тоже. Без лишнего кода

Макеты:

Моб:

https://www.figma.com/proto/VpGsnZUk5zXWpu3WJrTAJn/Untitled?node-id=347%3A1373&scaling=scale-down 

Планшет:

https://www.figma.com/proto/VpGsnZUk5zXWpu3WJrTAJn/Untitled?node-id=305%3A4172&scaling=scale-down 

Десктоп:

https://www.figma.com/proto/VpGsnZUk5zXWpu3WJrTAJn/Untitled?scaling=min-zoom&node-id=237%3A3428

1) в окончательных html шаблонах комментариями отделить повторяющиеся(шаблонные) блоки например: хедер(именно визуальная часть после блока body), футер, боковые панели и тп.

2) основная часть подключаемых css и js скриптов должна быть в футере, только базовые css для визуально нормального отображения начально загруженной страницы допустимы в хедере.

3) все css и js скрипты должны быть отдельными файлами для повторяющихся частей(к примеру для хедера и футера можно один общий основной скрипт(за исключение части описаной в пункте 2)), и отдельными для не повторяющихся(к примеру страницы продукта категорий и тп)

Более подробное ТЗ скину отдельно