Сверстать под bootstrap

Необходимо сверстать сайт, максимально используя возможности bootstrap.

Пожелания к верстке:

1. Она должна быть валидной, работать в основных браузерах, на основных разрешениях, быть адаптивной. Адаптив – на ваше усмотрение, но логика расположения элементов должна быть. Т.е., например, недопустимо сделать меню, прямо под ним баннер из левого сайдбара, потом основное содержимое. Под поиском должны выводиться результаты поиска.

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

3. Свой JS просьба вынести в отдельный файл. Чем его будет меньше, тем лучше. 

4. Не нужно ничего сжимать. Библиотеки, разумеется, подключаем сжатые.

Дизайн выполнен грамотно.

Исходники в figma.

В наличии главная со сценариями, страница категории, карточка.

Для общего понимания прикладываю скриншоты в плохом качестве.

Вот: https://drive.google.com/file/d/1b7gTr1VK0kzA8RJGQ51ZF37z1Uzrg6vs/view?usp=sharing

Сначала верстаем главную. Если качество устраивает, то двигаемся далее. Пожалуйста, сразу указывайте стоимость верстки главной в заявке.

Доступ открыл.