Сверстать проект магазина

Всем привет. Нужно качественно сверстать магазин, адаптивно, желательно использовать сетку из bs4.

Будет неплохо если используете bem методологию для организации стилей, но не обязательно. Bootstrap4 не использовать, кроме сетки(упомянул выше). Обязательно использовать семантические теги(header, footer, nav, main, section и так далее). Ниже прилагаю скины для оценки объёма работ.