Close

Login form with a background image

This is an example of a login form with a background image, designed using CSS, HTML, and Bootstrap framework 4. The background image is imported to the code using its URL. The body of the form is given a background color of #f3f2f2. The information container is given a box-shadow value of 0px 2px 6px -1px rgba(0,0,0,.12). The background image is given a width of 220px. The title of the form is displayed using the font color of #92aad0. The details section is displayed using the font-size of .875rem, and a font-weight of 400. The 'Login' button is given a background color of #92aad0. The font color of the button gets changed to #fff, on hover, and active events. The 'Forgot password' link is displayed with the styles of font-size as .875rem and font color as #6582B0. The link turns its font color to #426193, on hover event. Source: https://mdbootstrap.com/snippets/jquery/marta-szymanska/357171

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.