Верстаем по бутстраповской сетке с автомасштабированием.



Главная страница: http://joxi.ru/Grq1MbMsQO6G0r

1. Горизонтальное меню. При наведении на пункт меню демонстрируем активность через красную черту;
2. Активная кнопка перехода на страницу бронирования (дизайн-макет cuba72_map);
3. Активная кнопка перехода на страницу бронирования (дизайн-макет cuba72_map);
4. 3 последних публикации раздела “Новости” в хронологическом порядке. Шаблон для оформления новости должен содержать редактируемые поля: а) Дата, б) Заголовок, в) Лид (краткое описание), г) Текст новости. Визуализируем в превью главной страницы а, б, в. Кликабельными для главной являются только заголовки;
5. Радиокнопки переключения фоновых изображений/слайдов. По-умолчанию переключаем слайды раз в 4 секунды;
6. Иконки перехода на наши страницы в социальных сетях;
7. Логотип “Куба”. Кликабельный. Возвращает на главную страницу сайта;
8. Номер телефона активный. Нажатие активирует скрипт вызова через устройство по-умолчанию (телефон, вайбер, скайп и т.п.)

Интерактивная карта: http://joxi.ru/eAOLqXqhxbZ6Rr



Территория пляжа условно разделена на 3 зоны: Главный пляж, Спортивный пляж, Пляжный клуб “100 подушек”.

1. Интерактивная карта. Я предполагаю, что на дисплеях разрешением 1300рх+ мы будем визуализировать её статично в том виде, как показана на дизайн-макете. В случае меньших разрешений предусмотреть возможность ZOOM (прежде всего для мобильных телефонов).
2. Визуализация забронированного объекта;
3. Визуализация свободного объекта;
4. Текст-описание объекта, недоступного для бронирования в формате “Заголовок, текст”;
5. Навигация между Зонами. При клике осуществляем переход на следующую зону пляжа;
6. Навигация между Зонами Активная (визуализация при наведении курсора). При клике осуществляем переход на следующую зону пляжа.

Не указал на скрине цифрами пункты “Свободно! / Забронировано :(“. Визуализируем их при клике. Кнопка “Забронировать” активна. Ведёт на страницу оплаты (интернет-эквайринг).



Шлюз и токены для подключения интернет-эквайринга от Сбербанк дам отдельно

Файлы: https://drive.google.com/drive/folders/0B-oLlsxXYd...