Верстка + программирование сайта

Сделать сайт согласно ТЗ. Обычная версия и версия для мобильных.

Страницы: Сорта (главная), сорт, где купить.

Программирование на чистом PHP/JS, без фреймворков.

База данных на MySQL (синхронизируется с 1с).

Исходники макетов пришлю в PSD.

Отсутствующие страницы верстать не нужно

Мобильная версия должна отображаться, если

• Устройство – мобильный и ориентация экрана вертикальная

• Устройство – мобильный и ширина экрана меньше 1200px

Во всех остальных случаях отображается обычная версия

Страница «Сорта»

По умолчанию отображается список сортов (items)

В обычной версии страницы количество колонок в сетке с товарами варьируется от 2 до 4, в зависимости от ширины экрана браузера.

Картинки с товарами вставляются в оригинальном разрешении и уменьшенном размере (для retina экранов).

Картинки сортов находятся по адресу http://4brewers.com/IMG/{Item_id}.PNG

Тэги

По отображаемым сортам сверху выводятся тэги.

Цвет фона тэга из БД. Если нет цвета, серый (как в макете).

При выборе тэга:

1. Сам тэг перемещается в область с выбранными тэгами,

2. Список сортов фильтруется по выбранному тэгу

3. Список доступных тэгов фильтруется по отображенной номенклатуре.

При выборе второго тэга и далее, отбор номенклатуры осуществляется через «И», а не «ИЛИ» (отображается номенклатура, каждый элемент которой содержит все выбранные тэги).

Страница «Сорт»

Карта leaflet с подложкой яндекса.

Если не выбран город, отображается карта со всеми заведениями. При этом список заведений не отображается.

При выборе города, отображается карта заведений выбранного города и список заведений с датой последнего заказа текущего сорта и тарой.

При клике на метку на карте:

Если не выбран город, снизу отображается заведение из метки

Если выбран город, снизу выделяется заведение из метки (обводка).

Иконка untappd со ссылкой из бд (в новом окне).