Сделать сайт согласно ТЗ. Обычная версия и версия для мобильных.
Страницы: Сорта (главная), сорт, где купить.

Программирование на чистом PHP/JS, без фреймворков.
База данных на MySQL (синхронизируется с 1с).
Исходники макетов пришлю в PSD.

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

Мобильная версия должна отображаться, если
• Устройство – мобильный и ориентация экрана вертикальная
• Устройство – мобильный и ширина экрана меньше 1200px
Во всех остальных случаях отображается обычная версия

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

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

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

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

Тэги
По отображаемым сортам сверху выводятся тэги.
Цвет фона тэга из БД. Если нет цвета, серый (как в макете).

При выборе тэга:
1. Сам тэг перемещается в область с выбранными тэгами,
2. Список сортов фильтруется по выбранному тэгу
3. Список доступных тэгов фильтруется по отображенной номенклатуре.
При выборе второго тэга и далее, отбор номенклатуры осуществляется через «И», а не «ИЛИ» (отображается номенклатура, каждый элемент которой содержит все выбранные тэги).

Страница «Сорт»
Карта leaflet с подложкой яндекса.

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

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

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