Close

Bootstrap Login Form

This is another example of a simple login form, designed using HTML, CSS, and Bootstrap framework 4. Bootstrap and CSS styles are imported to the code with their URLs. The form is given a background color of #f1f7fc. The content card of is given the styles of max-width as 320px, width as 90%, background-color as #ffffff, padding as 40px,border-radius as 4px, font color as #505e6c, and box-shadow as 1px 1px 5px rgba(0,0,0,0.1). The input fields are given the styles of background as #f7f9fc, border-bottom as 1px solid #dfe7f1, color as inherit, text-indent as 8px, and height as 42px. The Log-in button has a background style of #f4476b, and a border-radius of 4px. The button takes the background color of #eb3b60, in a hover event. The Forgot Password link has the styles of font-size as 12px, font color as #6f7a85, opacity as 0.9. It changes its opacity value to 1 when it's active or in hover mode. Source: https://epicbootstrap.com/snippets/login-form-clean

Post Comment or Questions

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

Your email address will not be published. Required fields are marked *

Several Related Snippets

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