Адаптивная верстка макета сайта

Необходимо сверстать макет сайта (во вложении главная,  ее мобильная версия (ретина размер, соответственно верстается в два раза меньше) + 3 внутренние страницы). Нужно оценить верстку + позже будут еще внутренние страницы + их мобильные версии (оценим отдельно)

Требования:

- ie 9+ , все последние браузеры (chrome, ff, opera, safari) + адаптив

- Чистая, читаемая, семантическая верстка

- PixelPerfect (+/- пара точек допустимо, но не больше)

- Все блоки, высоту которых ничего в дизайне не мешает сделать динамической, должны иметь именно динамическую (т. е. зависимую от содержания) высоту + чтобы ничего не могло потенциально поломать дизайн, нужно задавать и минимальную высоту

- Использование спрайтов где это целесообразно (картинки использующиеся как спрайты должны лежать в отдельной директории)

- Для JS использовать jQuery

- Для всплывающих форм/элементов функционала/изображений использовать colorbox

- Для слайдера — slick

- Особо приветствуется использование препроцессоров, git и любых других best practice

Замечания по реализации:

- никакого бэкэнда для обработки форм не нужно

- для инпутов подготовить класс error — добавляет красную рамку (1px solid red)

- все кнопки которые не на формах сделать ссылками (не button и не input type=submit)

- все кнопки на формах сделать (input type=submit)

- никакие элементы с текстом не должны быть картинками

- без копипаста в файлах стилей