- Π‘ΠΎΠ·Π΄Π°ΠΉ ΡΠ΅ΠΏΠΎΠ·ΠΈΡΠΎΡΠΈΠΉ
goit-markup-hw-06
. - Π‘ΠΊΠ»ΠΎΠ½ΠΈΡΡΠΉ ΡΠΎΠ·Π΄Π°Π½Π½ΡΠΉ ΡΠ΅ΠΏΠΎΠ·ΠΈΡΠΎΡΠΈΠΉ ΠΈ ΡΠΊΠΎΠΏΠΈΡΡΠΉ Π² Π½Π΅Π³ΠΎ ΡΠ°ΠΉΠ»Ρ ΠΏΡΠ΅Π΄ΡΠ΄ΡΡΠ΅ΠΉ ΡΠ°Π±ΠΎΡΡ.
- ΠΠΎΠ±Π°Π²Ρ ΡΠ°Π·ΠΌΠ΅ΡΠΊΡ ΠΈ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΠ΅ ΡΠΎΡΠΌ Π΄Π»Ρ ΡΡΡΠ°Π½ΠΈΡ ΠΌΠ°ΠΊΠ΅ΡΠ° Π΄ΠΎΠΌΠ°ΡΠ½Π΅Π³ΠΎ Π·Π°Π΄Π°Π½ΠΈΡ #6.
- ΠΠ°ΡΡΡΠΎΠΉ
GitHub Pages
ΠΈ Π΄ΠΎΠ±Π°Π²Ρ ΡΡΡΠ»ΠΊΡ Π½Π° ΠΆΠΈΠ²ΡΡ ΡΡΡΠ°Π½ΠΈΡΡ Π² ΡΠ°ΠΏΠΊΡ GitHub-ΡΠ΅ΠΏΠΎΠ·ΠΈΡΠΎΡΠΈΡ.
Β«A1Β»
ΠΡΠ΅ ΡΡΠΈΠ»ΠΈ Π½Π°ΠΏΠΈΡΠ°Π½Ρ Π² ΠΎΠ΄Π½ΠΎΠΌ ΡΠ°ΠΉΠ»Π΅ styles.css
, ΠΊΠΎΡΠΎΡΡΠΉ Π½Π°Ρ
ΠΎΠ΄ΠΈΡΡΡ Π² ΠΏΠ°ΠΏΠΊΠ΅ css
.
Β«A2Β»
ΠΡΡ
ΠΎΠ΄Π½ΡΠΉ ΠΊΠΎΠ΄ ΠΎΡΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½ ΠΏΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ Prettier
.
Β«A3Β»
ΠΡΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΠΈ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΠΉ ΠΊΠΎΠ½ΡΠ΅Π½Ρ Π²Π·ΡΡΡ ΠΈΠ· ΠΌΠ°ΠΊΠ΅ΡΠ°.
Β«A4Β»
ΠΠ° Π²ΡΠ΅Ρ
HTML-ΡΡΡΠ°Π½ΠΈΡΠ°Ρ
ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ΅Π½ Π½ΠΎΡΠΌΠ°Π»ΠΈΠ·Π°ΡΠΎΡ ΡΡΠΈΠ»Π΅ΠΉ modern-normalize.
**Β«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)
.