Сверстать адаптивную тему для Wordpress

Руслан16 лет в сервисе
Данные заказчика будут вам доступны после подачи заявки
20.02.2017

Задача: сверстать адаптивный шаблон для Wordpress с использованием Visual Composer либо Muffin Builder, чтобы контент всех страниц можно было править через них.

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

Можно использовать как базу какой-то готовый шаблон, но он должен быть лицензионный (могу предоставить для этого BeTheme)

Адаптивность должна корректно работать на iPhone 5 на Safari и Chrome, на Android в Chrome, Firefox и встроенном браузере.

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

Есть скриншот главной страницы и она же в PSD. Скриншот приложил к задаче. Остальные страницы будут иметь такой же дизайн, только другие картинки и тексты в верхнем слайдере. 

Опишу в деталях требования к верстке на примере главной страницы. 

Хедер: слева логотип. Там сейчас надпись, её пока и использовать картинкой как лого. Справа область с контактами, нужно иметь возможность менять её через админку.

На мобилках он выстраивается столбиком белый текст на сплошном синем фоне #022447. Фон без отступов от края экрана

Главное меню - на мобилках сделать его в виде кнопки, которая разворачивает меню.

Картинка со слайдером справа - будет присутствовать на всех страницах сайта, но на каждой странице своё изображение. Меняться должны только тексты справа в кавычках при нажатии на кнопки листания под ними. 

Текст поверх большого изображения внизу будет свой для каждой страницы. Нужна возможность менять это все через админку удобным способом.

На мобилках текст поверх изображения и текст, что меняется в правой части, скрываются. Остается только сама картинка. На мобилках изображение должно упираться в края экрана без отступов.

В качестве базы могу предоставить лицензионный Layer Slider, если на нем можно сделать такой дизайн и функционал (я не в курсе).

Левый сайдбар - реализовать как доп. меню, будет на всех страницах сайта. 

На мобилках должен становиться под большим изображением. На мобилке должен иметь белые буквы на синем фоне, как в хедере по бокам, #022447. Тоже не должно быть отступов от края экрана с боков. Активный пункт меню на мобилках должен быть полужирным. 

Область контента - должна корректно отображать оформление текста (полужирный, курсив, сочетания). Ссылки делать цветом #022447, при наведении становятся темнее: #021C37.

На мобилках должен быть отступ от краев экрана в 25px и должно сохраняться выравнивание по ширине.

Футер - дублируется верхнее меню. Текст копирайта и строка с иконками (ссылки и сами иконки) должны редактироваться через админку сайта (виджеты или настройки шаблона). Все иконки - это ссылки. При наведении иконки соц. сетей должны становиться серыми #D0D1D1. 

На мобилках цвет футера должен быть сплошным #022447 без градиентов.

Сначала слева должны стоять иконки соц. сетей, справа два значка организаций, а строкой ниже должен идти копирайт.