Верстка макета и установка на CMS

Макеты страниц в PSD (прикрепил два основных к проекту), нужно их сверстать и установить на CMS Modx.

Логотип и иконки в формате SVG. Если устройством данный формат не поддерживается, предусмотреть растровые версии.

Все телефоны – это ссылки с атрибутом "tel:"

При скролле ниже 400px основное меню привязывается к верху экрана. На адаптивной версии меню с телефоном (показано в файле Главная-480.psd в скрытом слое).

В адаптивной версии сайта работа меню аналогичная сайту (по работе, но не по цвету) - colornile.ru

В верхнем главном меню ссылки при нажатии на ссылки "Продажа" или "Аренда" в фильтре отмечаются все пункты данной группы и происходит переход к результатам поиска. Например, при нажатии на ссылку "Продажа" отмечаются пункты в фильтре "Продажа", "Коммерческая недвижимость", "Жилая недвижимость", "Загородная недвижимость".

Как работает фильтр:

По умолчанию и при переходе на главную страницу выбраны все категории и соответственно отображаются все карточки объектов.

Так же при выборе всех категорий и на главной странице отображаются спецпредложения (две большие верхние на макете). Спецпредложений может быть больше двух. Если выбраны не все категории, то спецпредложения не отображаются.

В версии для компьютера фильтр отображается в левой части экрана и всегда виден при пролистывании страницы.

В каталоге отображается максимум 15 карточек объектов. Если карточек объектов больше, они делятся по страницам и снизу отображается навигационная панель со списком страниц.

Карточка объекта имеет следующие характеристики и поля:

  1. Название

  2. Принадлежность к категории. В карточке объекта отображается только тип сделки – продажа или аренда.

  3. Полный почтовый адрес. Характеристика так же влияет на отображение карты в карточке объекта. На карте отображается отметка с точным местоположением объекта.

  4. Общая площадь.

  5. Количество комнат.

  6. Цена. На всем сайте цена искусственно делится на разряды (разделитель - пробел).

  7. Краткое описание. Поле для ввода текста с визуальным редактором.

  8. Дополнительная информация. Поле для ввода текста с визуальным редактором.

Если какое-либо поле не заполнено, то оно не отображается на сайте.

При нажатии на фотографии, они открываются в увеличенном размере в модальном окне. Если фотографий несколько, то создается галерея.

На все большие фотографии по центру накладывается водяной знак (пример в файле watermark01.psd).

Должна быть возможность массовой загрузки фотографий в карточку объекта путем перетаскивания файлов или выбором через кнопку "Обзор".

Должна быть возможность сортировки фотографий в карточке объекта. Первая фотография в списке является превью в каталоге.

При нажатии на кнопку "Заказать обратный звонок" отображается всплывающее модальное окно, которое имеет поля:

1. Ваше имя (НЕ обязательно для заполнения)

2. Телефон (обязательно для заполнения)

3. Кнопка "Заказать звонок"

При нажатии на кнопку "Отправить" происходит отправка введенных значений на электронную почту администратора и вывод на экран сообщения: «Спасибо. Наш менеджер перезвонит в ближайшее время!».

Сверху-справа графическая кнопка "Закрыть". По нажатию на которую, а так же в любом месте экрана, кроме модального окна происходит закрытие этого окна.

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

Предложения без цен не рассматриваю. Оплата по этому проекту в рублях, через Яндекс.Деньги или Сбербанк.