Green Colored Sign in Form with Avatar Icon

This is an example of a simple sign-in form with a user avatar, designed using CSS, HTML, JavaScript, and Bootstrap framework 4. The form consists of the user image, input text fields, 'Sign in' button, and signup link. The user image, font, and Bootstrap styles are imported to the code with their URLs. The body of the form is given the styles of font color as #4e4e4e, background color as #e2e2e2, and font-family as 'Roboto', sans-serif. The login card is given a width of 380px, font color of #7a7a7a, and a background color of #fff. The input text fields are given the styles of background color as #f2f2f2, and font-size as 16px. They are also validated by making them as required fields. The title of the login form is displayed with a font-size of 34px. The user avatar is displayed with the background color as #4aba70, box-shadow as 0px 2px 2px rgba(0, 0, 0, 0.1), and border-radius as 50% to get the circle shape. The 'Sign in' button changes its color to #40aa65 on hover, whereas the signup link takes an underline effect. Source:

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.