Close

Simple login form

This is an example of another simple but stylish login form, designed using CSS, HTML, and Bootstrap framework 4. The font style and background image is imported to the code with their URLs. The login form is given the styles of position as absolute, top and left as 50%, transform as translate(-50%,-50%), width as 410px, height as 460px, and background as rgba(0,0,0,0.55). The user logo of the form header is given a style set of height and width as 120px, background color as #a5414b, border-radius as 50% to get the circle shape, and box-shadow as inset 0px 0px 3px 15px #b5525c. The title of the login form is displayed using the styles of padding as 50px 0px 5px, display as inline-block, font-size as 30px, font-weight as 600, font color as #f1f1f1, font-family as "Open Sans","Raleway",sans-serif, text-transform as uppercase to automatically convert the text to uppercase, and border-bottom as 10px solid #f1f1f1. The input text field labels are given a font color of #f1f1f1, and a font-size of 18px. The 'Login' button is given the background color of #a5414b, font color of #f1f1f1, font-size of 18px, and cursor style as pointer to get the hand cursor effect on hover. Source: https://mdbootstrap.com/snippets/jquery/utsav_luitel/474567#html-tab-view

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.