Close

Login Form

This is an example of a simple login page, designed using CSS, HTML, and Bootstrap framework 4. The font and Bootstrap styles have been imported to the code with their URLs. The body of the form is given a style set of background color as #456, and font-family as 'Open Sans', sans-serif. The login header section is given a background color of #28d. The header title is displayed with the styles of font-size as 1.4em, font-weight as normal, text-align as center, text-transform as uppercase to automatically convert the text to uppercase, and font color as #fff. The input text field labels are displayed with a font size of 0.95em. The text fields are given a border color as #bbb, and font color as #555. In a focus event, the text fields take the border color of #888. The input text fields are validated by making them required in HTML. The 'Login' button is given a background color as #28d, font color as #fff, and cursor style as pointer to get the hand cursor effect on hover. In a hover event, the background color of the button changes to #17c. https://bootsnipp.com/snippets/emZ2y

Post Comment or Questions

Lorem ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Your email address will not be published.

Several Related Snippets

Lorem ut labore et dolore magna aliqua. Ut enim ad minim veniam.