Домашнее задание
Создай репозиторий 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» У всех инпутов есть связанный элемент .
«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).