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

HTML-версткаЗакрыт7 заявок338 просмотров
Найдите исполнителя для вашего проекта прямо сейчас!
Разместите заказ на фриланс-бирже и предложения поступят уже через несколько минут.

Необходимо сделать адаптивную верстку по 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 шт.

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

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

CSSSCSSSASSGulpВерстка из PSD
6 лет назад
peregrimm
Антон 
34 годаРоссия
15 лет в сервисе
Был
4 года назад