- Cтвори репозиторій
goit-markup-hw-05. - Склонуй створений репозиторій і скопіюй в нього файли попередньої роботи.
- Додай розмітку і оформлення форм для сторінок макета домашнього завдання #5:
- Налаштуй
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).