Вёрстка Landing Page, 6 небольших блоков

Готовую вёрстку необходимо интегрировать с уже готовой частью страницы: http://centrs.2231747.ru/ - чтобы был единый макет и CSS

Графические макеты:  

https://www.dropbox.com/sh/y5urxxgbphb89n6/AAAr1Y6D5U3HuJJ9FTtgcjtDa?dl=0

Основной - 3-bloki.psd

+ варианты на разную ширину.

Вёрстка адаптивная, можно bootstrap но с учетом особенностей именно этого макета.

Реализовать небольшой параллакс, очень небольшое смещение контента над фонами блоков.

Все блоки верстаем отдельно, подблоки - тоже выделенными сегментами, под последующую интеграцию с движком

1. При вертикальном скроллинге реализовать наплывающий блок с информацией из шапки, по верхнему краю экрана, прозрачность 9%.

2. Блок "Наши гарантии"

Этот и следующие блоки все под блоком с товарами.

Учитывать изменяемое количество текстов в блоках, по высоте должна быть подвижность.

Должно быть чередование фона под номерами пунктов, четвертый должен быть снова красный.

3. Блок "Преимущества нашей системы"

Картинка камеры img_cam.png

Изображение под этим блоком то же что под товарами  http://centrs.2231747.ru/

Иконки шрифтом FontAwesom, в вёрстке сделать те 4 что в макете.

Высота блока должна быть масштабируемой в высоту, под объем контента со списком преимуществ, под картинкой для масштабирования помещаем так же черный фон как под товарами.

Кнопка - см. в spr.png состояния обычное, под курсором, клик сверху вниз.

Демо спрайта: https://www.dropbox.com/s/luxw99bsejqus8x/spr_demo.png?dl=0

4. Блок "Калькулятор"

См. образец тут:

http://www.galladance.com/offers/collect-card/

Такие же эффекты, адаптивность, сделать промотку 3-х одинаковых слайдов.

5. Блок "Дополнительная информация"

Фон, текст, адаптивно

6. Блок "Наши офисы в Челябинске"

Карта гугла вообще может быть адаптивно вставлена? Если жда - надо сделать любой дефолотный код, если нет - ставим статичную картину, адаптивно уменьшающуюся под иширну экрана.

7. Подвал

Тексты, кнопка в spr.png