Giter VIP home page Giter VIP logo

goit-markup-hw-06's Introduction

Homework

  • 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.

Eligibility criteria for a mentor

Project

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

Markup

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

Decor

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

goit-markup-hw-06's People

Contributors

maksym-maleiev avatar

Watchers

 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.