https://github.com/lesiaukr/goit-markup-hw-05

Forms & tables
https://github.com/lesiaukr/goit-markup-hw-05

check-box css3 forms html5 input label placeholder radio-buttons table textarea

Last synced: about 1 month ago
JSON representation

Forms & tables

• Host: GitHub
• URL: https://github.com/lesiaukr/goit-markup-hw-05
• Owner: LesiaUKR
• Created: 2023-08-05T06:53:29.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-08-11T19:49:34.000Z (over 1 year ago)
• Last Synced: 2023-08-11T23:38:01.899Z (over 1 year ago)
• Topics: check-box, css3, forms, html5, input, label, placeholder, radio-buttons, table, textarea
• Language: HTML
• Homepage: https://lesiaukr.github.io/goit-markup-hw-05/
• Size: 1.52 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# goit-markup-hw-05

Cтвори репозиторій goit-markup-hw-05. Склонуй створений репозиторій і скопіюй в

нього файли попередньої роботи. Додай розмітку і оформлення форм для сторінок

макета домашнього завдання #5. Налаштуй 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» У всіх інпутів є пов'язаний елемент .

«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).