goit-markup-hw-06

my homework-06

Домашнее задание

• Создай репозиторий goit-markup-hw-06.
• Склонируй созданный репозиторий и скопируй в него файлы предыдущей работы.
• Добавь размерку и оформление форм для страниц макета домашнего задания #6:
• Настрой GitHub Pages и добавь ссылку на живую страницу в шапку GitHub-репозитория.

Критерии приёма работы наставником

Проект

«A1» Все стили написаны в одном файле styles.css, который находится в папке css.

«A2» Исходный код отформатирован при помощи Prettier.

«A3» Все изображения и текстовый контент взяты из макета.

«A4» На всех HTML-страницах подключен нормализатор стилей modern-nomalize.

«A5» Код написан следуя руководству.

Разметка

«B1» Выполнена HTML-разметка всех элементов макета.

«B2» Теги использованы согласно их семантического смысла.

«B3» Выполнена разметка формы подписки на рассылку и всех её элементов в футере.

«B4» Выполнена разметка формы заявки и всех её элементов в модальном окне.

«B5» У всех инпутов в формах задан атрибут name.

«B6» Значения атрибута name описательные, точно характеризующий для чего это поле формы.

«B7» У всех инпутов есть связанный элемент <label>.

«B8» Инпутам задан атрибут placeholder если для него в макете есть текст-подсказка.

«B9» Кнопкам «отправки» форм задан атрибут type="submit".

«B10» Все новые иконки из форм добавлены в SVG-спрайт icons.svg.

Оформление

«C1» Выполнено оформление элементов формы подписки на рассылку в футере.

«C2» Выполнено оформление элементов формы заявки в модальном окне.

«C3» При получении инпутом фокуса, его рамка и иконка меняют цвет (как показано на макете).

«C4» Оригинальный чекбокс о принятии лицензионного соглашения в форме заявки скрыт.

«C5» Оформление «чекбокса» о принятии лицензионного соглашения сделано вручную, при помощи векторного изображения галочки из SVG-спрайта.

«C6» Для всех эффектов ховера и фокуса (цвет, фон, тень) сделаны переходы. Время - 250ms, функция распределения времени - cubic-bezier(0.4, 0, 0.2, 1).