Адаптивная верстка, БЭМ, SCSS, mobile-first, IE11+

Необходимо сделать адаптивную верстку по psd макету.

Каждая страница является слайдом обучающего курса. Верстка меню не входит в задание, только само содержание слайда.

Различные сложные компоненты (блок-схемы,древовидные схемы) размещаются просто в виде статичных png-изображений (это будет заранее оговорено перед началом работы).

Верстка должна быть выполнена, с учетом следующих моментов:

• IE11+, display: flex.
• Необходимоиспользовать препроцессор sass\scss.
• Не используются внешние sass-библотеки вроде boostrap\bourbon. Можно использовать сетку flex-grid, где это необходимо. Или какие-то одельные миксины\части библиотек, к которым вы привыкли.
• Mobile-first, сначала описываются стили для телефонов, затем с помошью миксина breakpoint для планшетов и десктопов (см. пример).
• Все иконки должны бытьв формате svg (в psd они в виде смарт-объектов, которые без проблем открываются иллюстратором)
• Используется методология БЭМ для именования классов.
• Уровень вложенности
• Сборщик и пакетный менеждер на ваш выбор (в примере используется gulp).

По данной ссылке находится репозиторий с примерной версткой, которая должна получится в результате: https://github.com/abeluzhenko/course-example

Во вложении превью нескольких слайдов. Общий объем гораздо больше - около 40 шт.

Укажите пожалуйста в ответе примерную среднюю цену за один слайд.

Более подробно обсудим цену и сроки с выбранными исполнителями.