Адаптивная верстка сайта (на бесплатной CMS)

Необходимо сделать адаптивную, кроссбраузерную, валидную верстку на бесплатной CMS, Вордпрес или Опенкарт.  

Самая важная часть сайта это ген план. 

Изменение масштаба картинки с ген планом происходит как здесь: lamansh.ru/genplan/ 

При малом размере экрана должен появлятся горизонтальный скрол как здесь: 

https://rio-land.ru/poselki/aleshkinskie-dali/

Перемещение по сайту происходит по экранно (при скролинге меняется информация на экране) 

Примеры скролинга:  

www.hellomonday.com

www.idaproject.com 

Возможны и другие варианты, например загрузка каждого из экранов как отдельная страница или реализцаия как паралакс. 

Также перемещение между слайдами (экранами) происходит при клике на соответствующую текстовую ссылку в навигационном (горизонтальном) меню.  

Загрузка контента должна происходить в следующей последовательности:  

сначала загружается текст с номером телефона  

затем подгружаются картинки  

Логотип присутствует только на главном экране.  

На остальных только навигационное меню.  

При клике на кнопку Заказать звонок (и др. кнопки), всплывает форма с полями для заполнения данных: имя, телефон (мейл).  

Всплывающее окно должно разворачиваться во весь экран.  

Пример: www.transitplus.ru/   

В полях подсвечивается пример текста который необходимо ввести в данное поле.  

(Поле телефон должно быть обязательным для заполнения).  

Пример: molodost.bz/google/   

Заявки должны автоматом отправляться на почту: [email protected]   

Эту почту необходимо создать на Яндексе, предварительно настроив почту для доменов (описание как и что надо сделать вот на этой странице: pdd.yandex.ru/domains_add... )  

Заявки на почту должны прилетать в следующем виде:  

Тема письма: Заявка с сайта Вишневый берег  

Текст письма:  

Имя: Марина  

Контакт: +7(916) 555-44-33  

E-mail: [email protected] (это поле заполняется если заявка была отправлена из формы Подробнее об участке или Проект и смета на дом)  

Название формы: Обратный звонок  

Ниже данные из UTM-метки (реферальный хвост):  

IP: 80.247.45.222  

URL: klm-art.com/lp/?  

Пример: yadi.sk/i/lCL_qufn37BzVg   

Все формы имеют уникальное название и прилетают на почту с названиями:  

Обратный звонок  

Бесплатная консультация – Главный экран, кнопка узнать подробнее.  

Подробнее об участке (номер участка подставляется автоматически в зависимости от того, на какой кликнули) – Раздел Генплан, всплывает при наведении на участок.  

Проект и смета на дом – Раздел Единый стиль  

Остались вопросы – Раздел Остались вопросы.  

Страница Генплан.  

При наведении на участки, должно появляться всплывающее окно.  

Дизайн макет имеется.  

Страница Маршрут.  

При клике на кнопку Посмотреть видео, всплывает видеоплеер.  

Предусмотреть возможность изменения данных на сайте через админку:  

В админке должны меняться данные:  

приоритетность показа слайдов  

фоновая картинка на слайдов (главная страница/экран)  

текст на слайдах  

номер телефона в шапке  

текст на всех кнопках  

данные в разделе Контакты  

Так же необходимо установить коды Яндекс Метрики и Гугл Аналитикса и настроить цели на каждую кнопку (5 штук):  

Яндекс: [email protected]  

Гугл: [email protected]  

Установить код Колбэкхантера  

Технические требования:    

+ возможность просмотра сайта на мониторах с резрешением от 1024х786, без появления полосы горизонтальной прокрутки и     

экранах мобильных устройств от 320 пикселей в ширину    

+ адаптированность дизайн-оформления сайта под различные разрешения экранов от 1024 пикселей по ширине ("резиновый дизайн")    

+ возможность просмотра сайта браузерами: Explorer версии 9.0 и выше, FireFox версии 8.0 и выше, Google Chrome, Яндекс.Браузер    

Приемка сверстанного сайта осуществляется на домене и хостинге заказчика.  

Все формы захвата работают во всех вышеперечисленных браузерах корректно.    

Скорость загрузки сайта должна быть не ниже 80% как на мобильных устройствах так и на версиях для ПК.     

Скорость загрузки проверить на сервисе Гугл   

Обязательно проверить и скорость загрузки на мобильном устройстве.   

Ссылка на макет: yadi.sk/i/fFvscwq137Bvgw   

При отклике ОБЯЗАТЕЛЬНО приведите примеры ваших работ УМНО РАСТЯГИВАЮЩЕЙСЯ АДАПТИВНО-РЕЗИНОВОЙ верстки,     

максимально сложными эффектами и укажите предварительную стоимость.    

В комментариях ОБЯЗАТЕЛЬНО указывайте стоимость и сроки работ!

И скайп для связи