Название сайта: Нёрдс
- 1.1. Стандарты вёрстки: HTML, CSS, прогрессивное улучшение.
- 1.2. Сетка: определена в макете.
- 1.3. Адаптивность вёрстки: нет.
- 1.4. Используемые фреймворки: нет.
- 1.5. Кроссбраузерность: Chrome, Firefox, Safari.
- 1.6. Типографика: частично определена в макете, прочее — на усмотрение разработчика.
- 1.7. Используемый шрифт: Roboto. Шрифт есть в папке проекта и на Google Fonts.
- 1.8. С макетом предоставлен стайлгайд, содержащий прорисовку состояний элементов интерфейса. При любых расхождениях с макетами он должен иметь наивысший приоритет.
- 2.1. В макетах есть модальные окна.
- 2.2. В разделе «Обязательные требования» описано поведение блоков, которое должно быть реализовано для успешной защиты проекта. Требования из раздела «Дополнительные требования» можно реализовать по желанию для выполнения дополнительных критериев.
Все макеты:
- 3.1. Контентная область центрируется и не может быть уже макетной ширины. Фоны, которые упираются в края макета, должны тянуться на всю страницу.
- 3.2. Блок карты: достаточная реализация — обычное изображение.
- 3.3. Вёрстка модального окна с формой обратной связи обязательна.
Index:
- 3.4. Главное меню: пункт «Магазин» должен вести на внутреннюю страницу (catalog)
- 3.5. Карусель под основной навигацией: слайдер. Вёрстка всех слайдов обязательна.
- 3.6. Логотип Академии в блоке с партнёрами ведёт на лендинг интенсива «HTML и CSS. Профессиональная вёрстка сайтов».
Catalog:
- 3.7. Логотип — это ссылка на главную страницу.
- 3.8. Фильтр (блоки «Сетка», «Особенности») верстать с помощью формы, кнопка «Показать» отвечает за отправку формы на адрес
https://echo.htmlacademy.ru/. - 3.9. Блок «Стоимость»: при взаимодействии с любым из маркеров в качестве указателя допускается использовать любой подходящий тип курсора. Делать маркеры интерактивными не обязательно, стоимость меняться не должна.
- 3.10. Карточка товара: название товара является ссылкой, клик по нему открывает модальное окно с демонстрацией товара. Модальное окно верстать не нужно.
- 3.11. Карточка товара: при наполнении текстом блок с текстом не должен вылезать за границы изображения, кнопка покупки не должна пропадать.
- 3.12. Количество товаров в правом блоке может быть любым, оно не должно ломать страницу.
Все макеты:
- 4.1. Блок карты: интерактивная карта. Высота карты постоянная, ширина подстраивается под ширину вьюпорта, но не уже контентной ширины макета. На карте размещён маркер. Центр карты соответствует центру блока в макете. Допустимо использовать как стандартный, так и кастомный маркер. Реализация по желанию.
- 4.2. Клик по кнопке «Напишите нам» открывает модальное окно с формой обратной связи. Окно позиционируется относительно вьюпорта, а не страницы.
Index:
- 4.3. Карусель под основной навигацией: оживление слайдера. Смена слайдов мгновенная, без промежуточных переходов.
Catalog:
- 4.4. Фильтр (блоки «Сетка», «Особенности»): клик по кнопке «Показать» отправляет форму.