Close

Elegant Modal Login FOrm

This is an example of an elegant login form, which can be accessed through a modal link. It is designed using Html, CSS, and Bootstrap framework 4. The CSS and font styles are imported to the code with the URLs. The body of the form is given a font-family style of 'Varela Round', sans-serif. The title of the login form is displayed with a font-size of 26px. The input text fields turn its border color to #70c5c0, on focus mode. The avatar is given a background color of #60c7c1, height and width as 95px, box-shadow as 0px 2px 2px rgba(0, 0, 0, 0.1), and border-radius as 50% to get the circle shape. The 'Login' button is created as a primary type button and given a background color of #60c7c1, which changes to #45aba6, in a hover event. The user name and password fields are validated by making them required fields. Source:https://www.tutorialrepublic.com/snippets/preview.php?topic=bootstrap&file=elegant-modal-login-form-with-avatar-icon

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 *

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.