Code Monkey home page Code Monkey logo

goit-markup-hw-06-old's Introduction

Read in other languages: Ukrainian, English.

Домашнє завдання № 6

  • Cтвори репозиторій 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» У всіх інпутів є пов'язаний елемент <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).

goit-markup-hw-06-old's People

Contributors

viktorsvertoka avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.