Задача: сверстать 17 страниц с использованием Bootstrap 4 (Less или sass)
Верстка адаптивная (ПК, планшет, мобайл, широкоформатные).
Верстать – да. Натянуть – нет.

Взять готовую верстку http://pi.democontent.ru/ и чтобы относительно неё править.
Элементы навигации (фильтр каталог и элемент навигации) самая проблемная штука на Битрикс, когда их верстаешь, они не ложатся на компонент Битрикса, т.е приходится шаблон полностью переделывать, а там(в Битрикс) компоненты сложны и шаблоны сложные.
Поэтому просто берете верстку Битрикс, накидывают на неё свои CSS стили и все. А после вас потом уже кто натягивает, просто привязывает стили CSS и там все встает красиво.

Есть сверстанная 1-а страница. Анкета Мастера. - это упросит верстку и вообще понимание того как нужно.
Весь код вынесен в отдельные файлы, всё закомментировано буквально по строчке. Вы должены хоть немного разбираться в Webpack и знать что такое системы сборки.

От вас 3 примера последней верстки (ссылки на сайты существующие).
После чего вышлю Макеты и верстку 1-ой страницы для оценки.