Close

Login form with background-image

This is an example of a login form with background-image, designed using CSS, HTML, and Bootstrap framework 4. The form is given a background color of #ede7e6. The icons and the background image is imported to the code using their URLs. The title of the form is displayed using a font color of #64C97D. Facebook, Twitter, and Pinterest icons are created as primary, info, and danger type buttons, respectively. The 'Signup' button is given a border-radius of 25px, border style of solid 1px white, and font-size as 10px. The 'Signup' text is displayed using the styles of font color as #fff, margin-bottom as 15%, font-size as 16px, font-weight as 10px, and font-family as Garamond. The 'Forgot password' button has the styles of background-color as white, font color as black, and border-bottom as 1px solid #c7c5c5. The social media icons change its opacity value to 0.8, in a hover event. Media quarries have been used to make the form more responsive to different browsers. Source: https://bbbootstrap.com/snippets/login-form-background-image-92753674

Post Comment or Questions

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

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Several Related Snippets

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