Создание Адаптивного резинового мультилендинга

1. Необходимо сделать адаптивный резиновый сайт мультилендинг.

Тематика "Облачная  программа для торговли и склада"

Подготовить варианты для всех типов экранов.

Где с основной страницы будут переходы на 2 другие страницы(Базовая конфигурация  программы, Конфигурация Автозапчасти+Автосервис) с описанием и тарифами.

Цвета: белый, синий(#1b96fe), серый.

Стиль: минимализм, деловой. 

пример дизайна https://www.cloudpayments.ru/  шрифт можно взять как там.

Первая страница 

В центре текст:

Облачная программа для торговли и склада.

Необходимо  также разместить  значок в цветном синем блоке, белый шрифт 54-ФЗ. 

[Блок с 4-мя слайдами, с лайт рисунком]

1. Дарим 3 месяца бесплатно со всеми возможностями + интернет-магазин!

2. Создайте свою торговую сеть - до 200 магазинов в одной программе!

3. Настройте доступ по IP и управляйте бизнесом с любого места

4. Видеокурсы покажут все возможности (рисунок  плей для перехода на страницу обучения)

В шапке находится меню (меню должно  быть закреплено в топе  при листании)

Лого,

Демо-версия,

Видеокурсы, 

Номер телефона,

Иконка входа  в личный кабинет.

Подвал, темно-серый цвет, но должно сочетаться с общим стилем.

Содержание страницы

1 блок:

Базовая конфигурация                                   

- Розничная и оптовая торговля

- CRM и опция перехвата звонков 

  с мобильного  телефона

- API для настройки связи с любой 

  программой и интернет-магазином

---------------------------------

[Кнопка]Презентация    [кнопка]Подробно и тарифы

{на этот блок можно сделать очень прозрачным фоном схематический рисунок 

какого либо бизнес процесса, вот пример https://prnt.sc/plj203 при наведении мыши будет сам блок изменять

цвет а фон цвета запчасти становиться белым. Этакий эффект смены цветов }

Примерно как тут

http://satellite-express.ru блок с цветами при наведении. синий, бирюзовый внутри значки появляются при наведении.

2 блок.

Конфигурация Автозапчасти+Автосервис   

- Включает в себя базовую конфигурацию 

- Автокаталог и все крупные поставщики в одном прайсе 

- Стол заказов и интернет-магазин

---------------------------------

[кнопка]Презентация    [кнопка]Подробно и тарифы

{на этот блок можно сделать очень прозрачным фоном схематический рисунок 

какой нибудь автомобильной запчасти или при наведении мыши будет сам блок изменять

цвет а фон цвета запчасти становиться белым. }

Далее, после этих двух блоков, разместить  красиво текст в блоке с каким нибудь графическим рисунком:

Оставьте заявку и мы проконсультируем удобным для вас способом!

Действие при нажатии на кнопку ДЕМО-ВЕРСИЯ  и ОСТАВИТЬ ЗАЯВКУ:

Выйдет  модальное окно :

Оставьте заявку и мы подготовим для вас проект

Имя

Мобильный телефон

Электронная почта

Конфигурация { Базовая ; Автозапчасти+Автосервис} - выбор РадиоБаттоном

[кнопка]Отправить заявку   [кнопка]Смотреть видео в ютубе

В правом нижнем углу страницы два значка: Чата и Звонка. Значки с движением, можно анимированный  svg-файлы. 

При нажатии на кнопку чата всплывает форма чата.  (пример https://yulsun.ru/office-7)

Разработать макет формы чата  в соответствии со стилем сайта.

Вторая страница Конфигурация автозапчасти + автосервис:

Шапка с якорями на соответствующий пункт:

-О программе

-Возможности

-Поставщики

-Тарифы

-Кнопка видеокурсы

-Телефон

-Кнопка оставить заявку

-Кнопка вход в Личный кабинет.

2-3 слайда о программе.

На этой странице необходимо разработать блоки:

-возможности(текст пришлем позже, в разработке)

-поставщики(движение логотипов в едином стиле, затонировны под один цвет, пример тут https://www.cloudpayments.ru/)список поставщиков с логотипами предоставляю.(поставщики.xls)

-Блок с тарифами разработать в различных вариация, с возможностью расширить количество тарифов(примеры: https://www.abcp.ru/rates, https://autodealer.ru/prices, https://www.moysklad.ru/subscription/)

После блока с тарифами, разместить  красиво текст в блоке с каким нибудь графическим рисунком:

Оставьте заявку и мы проконсультируем удобным для вас способом!

[кнопка]ДЕМО-ВЕРСИЯ   [кнопка]Отправить заявку      [кнопка]Смотреть видео в ютубе

Третья страница базовая конфигурация:

шапка с якорями на соответствующий пункт:

-О программе

-Возможности

-Тарифы

-Кнопка видеокурсы

-Телефон

-Кнопка оставить заявку

-Кнопка вход в личный кабинет.

2-3 слайда о программе

На этой странице необходимо разработать блоки:

-возможности.

-тарифы

Блок с тарифами разработать в различных вариация, с возможностью расширить количество тарифов

После блока с тарифами, разместить  красиво текст в блоке с каким нибудь графическим рисунком:

Оставьте заявку и мы проконсультируем удобным для вас способом!

[кнопка]ДЕМО-ВЕРСИЯ   [кнопка]Отправить заявку      [кнопка]Смотреть видео в ютубе

3. Четвертая страница

Отдельно разработать  страницу для CEO статей(в общем стиле с основной страницей)

Примерно как тут: https://www.moysklad.ru/poleznoe/statyi/polnaja-avtomatizacija-v-oblake/

https://www.moysklad.ru/poleznoe/markirovka-tovarov/odezhda/

4. Пятая старница

Под кнопку ВИДЕОКУРСЫ сделать отдельную страницу с поиском в стиле общего сайта.

(пример дерева с видеокурсами  http://mrsale.ru/help_video.php) 

Кнопка видеокурсы будет в шапке, но без якоря, а с переходом на новую страницу.

5. логотип немного подправить в цветом диапазоне, выровнить шрифты.