Сверстать страницу «Контакты» для интернет-магазина

2 500 руб. за проект • безналичный расчёт, электронные деньги
17 апреля 2018, 10:36 • 9 откликов • 94 просмотра
Дизайн: сверстать необходимо содержимое выделенное синей рамкой http://joxi.ru/BA0adpdcJWvbwr
Совместимость: вёрстка должна быть совместима со всеми современными браузерами Chrome, Opera, Firefox, Safari, Яндекс Браузер
Адаптивность: макет не адаптивный, для мобильных устройств у нас отдельная версия сайта
Срок: 5 дней
Оплата: на банковскую карту после сдачи работы
Технологии: вы должны уметь работать с GIT и знать компилирующий обработчик шаблонов SASS



Элементы макета:
  1. При клике на кнопку «Заказать звонок» http://joxi.ru/823gOkOhJWabe2 должен открываться уже готовый поп-ап, как в шапке сайта.
  2. При клике на адрес электронной почты http://joxi.ru/eAO5q7qhxY6Kvm должен открываться почтовый клиент установленный в системе по-умолчанию, где уже заполнен адрес получателя
  3. При клике на название города http://joxi.ru/ZrJEVXVT9pb50A должен открываться уже готовый поп-ап с выбором города
  4. Левый блок карты содержит в себе много контента и имеет фиксированную высоту http://joxi.ru/E2pMvdvf9Z4pqA. Скрол в блоке кастомизирован (узкая серая полоска)
  5. Подразделы в левом блоке можно сворачивать и разворачивать http://joxi.ru/D2P6jDjhpKBZnr
  6. При выборе пункта в левом блоке или на карте элементы преобразуются http://joxi.ru/vAWVD3DI1WBxY2
Важно:
  • На странице обязательно должна присутствовать микро-анимация. Все действия должны проходить плавно и без рывков. Но в то же время, не нужно перебарщивать с анимацией. Тут всё зависит от вашего чувства вкуса и способностей.
  • Если элемент кликабельный, то у него должно быть три состояния: по-умолчанию, при наведении, при клике. Так же, курсор должен быть «рукой», а не «стрелкой».
Файлы