- Create the
goit-markup-hw-06
repository; - Clone the created repository and copy the files of the previous work into it.
- Add markup and styling for icons and decorative effects for pages from the layout homework #6.
- Set up
GitHub Pages
and add a link to the live page in the header of the GitHub repository.
«A1»
All styles are written in one style.css
file, which is located in the css
folder.
«A2»
Source code formatted with Prettier
.
«A3»
All images and text content are taken from the layout.
«A4»
Modern-nomalize style normalizer is
enabled on all HTML pages.
«A5»
The code is written following the manual.
«B1»
Completed HTML markup of all layout elements.
«B2»
Tags are used according to their semantic meaning.
«B3»
The mailing list subscription form and all its elements in the footer have been marked
up.
«B4»
The markup of the application form and all its elements in the modal window has been
completed.
«B5»
All inputs in forms have the name
attribute set.
«B6»
The value of the name
attribute is descriptive, describing exactly what the form field
is for.
«B7»
All inputs have an associated <label>
element.
«B8»
Inputs are given the placeholder
attribute if there is a hint text for it in the
layout.
«B9»
Form submit buttons have type="submit"
attribute.
«B10»
All new form icons have been added to icons.svg
SVG-sprite.
«C1»
The design of the elements of the newsletter subscription form in the footer has been
completed.
«C2»
The design of the elements of the application form in the modal window has been
completed.
«C3»
When an input receives focus, its frame and icon change color (as shown in the layout).
«C4»
The original checkbox for accepting the license agreement in the application form is
hidden.
«C5»
The design of the "checkbox" for accepting the license agreement was done manually, using
a vector image of a checkmark from an SVG sprite.
«C6»
Transitions have been made for all hover and focus effects (color, background, shadow).
Time - 250ms
, time distribution function - cubic-bezier(0.4, 0, 0.2, 1)
.