1. Общие технические требования

1.1. Стандарты вёрстки: HTML5, CSS3, прогрессивное улучшение.
1.2. Сетка: определена в макете.
1.3. Адаптивность вёрстки.
1.4. Используемые фреймворки.
1.5. Кроссбраузерность: Chrome, Firefox, Safari, Edge, Internet Explorer 11.
1.6. Типографика: частично определена в макете (прочее — на усмотрение разработчика).
1.7. Используемый шрифт: есть в папке с макетом и на Google Fonts.
1.8. С макетом предоставлен styleguide.psd, содержащий прорисовку состояний элементов интерфейса. При любых расхождениях с макетами он должен иметь наивысший приоритет.

2. Обязательные требования
2.1. Контентная область центрируется и не может быть уже макетной ширины.
2.2. Логотип не является пунктом меню. Его нужно размечать отдельным элементом.
2.3. Главное меню: при наведении на пункт меню появляется подменю ( при наличии – «Ховеры» в gllacy-index.psd).
2.4. Главное меню: пункт подменю «Сливочное» должен вести на внутреннюю страницу (gllacy-catalog.psd).
2.5. Шапка: при наведении на кнопку поиска появляется форма для ввода текста ( «Ховеры» в gllacy-index.psd).
2.6. Шапка: при наведении на кнопку «Вход» появляется форма для авторизации («Ховеры» в gllacy-index.psd).
2.7. Карусель под шапкой страницы: слайдер. Вёрстка всех слайдов обязательна. Оживление слайдера необязательно, принцип оживления описан в 7 разделе.
2.8. Блок карты: достаточная реализация — обычное изображение.
2.9. Вёрстка модального окна обязательна .
2.10. Карточка товара: поведение этого элемента при наведении на главной странице аналогичны поведению на странице каталога (styleguide.psd).
gllacy-catalog.psd:
2.11. Логотип — это ссылка на главную страницу.
2.12. В хлебных крошках пункт «Главная» — это ссылка на главную страницу.
2.13. Фильтр: верстать с помощью формы, кнопка «Применить» отвечает за отправку формы.
2.14. Блок «Цена»: при взаимодействии с любым из маркеров в качестве указателя допускается использовать любой подходящий тип курсора. Делать маркеры интерактивными не обязательно, цена меняться не должна.
2.15. Количество товаров может быть любым, оно не должно ломать страницу.

Дополнительные требования

3.1. Карусель под шапкой страницы: оживление слайдера. Достаточная реализация — мгновенная смена слайдов, без промежуточных переходов. По желанию можно добавить анимацию для плавной смены слайдов. При смене слайдов происходит смена фонового цвета на всей странице (смотрите папку слоёв «Фон» в gllacy-index.psd).
3.2. По клику на кнопку «форма обратной связи» появляется модальное окно с формой отправки сообщения ( «Ховеры» в gllacy-index.psd). Окно позиционируется относительно вьюпорта, а не страницы.
3.3. Блок карты: интерактивная карта. Высота карты постоянная, ширина карты подстраивается под ширину вьюпорта (но не уже контентной ширины макета). На карте размещён маркер. Допустимо использовать как стандартный, так и кастомный маркер. Реализация по желанию.
gllacy-catalog.psd:
3.4. Фильтр: по нажатию кнопки «Применить» осуществляется отправка формы.