Flat Ui Web Form Widget
This is an example of a UI web form widget for login, designed using CSS, HTML, and Bootstrap framework 4. The style sheet and the font styles have been imported to the code with their URLs. The body of the form is given a background color as #3aada9, and font-family as 'Cabin', sans-serif. The header section of the form is given a background color as #ffc50c. The header image is given a height of 13px and a width of 30px. The form takes a transform effect of translateY(-5px), in a hover event to move the form up by 5px. The header section title is displayed with the styles of font-size as 2em, font color as #fff, and font-weight as 500. The concept of Lists has been used with UL and LI components. UL element has been used with the child elements of LI to display card fields, in an orderly manner. The icon before the input fields is given a height and a width as 45px. The 'Submit' button is given a background color as #ffc50c, which turns to #D13E2F on hover.