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

11 800 руб. за проект • безналичный расчёт, электронные деньги
19 июня 2017, 11:04 • 3 отклика • 42 просмотра
Верстаем по бутстраповской сетке с автомасштабированием.



Главная страница: 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...