Gmail Style Sign in Form
This is another example of a sign-in page, designed using CSS, HTML, and Bootstrap framework 4. The avatar image is imported to the code with its URL. The form consists of the user avatar, input text fields, 'Need Help' and 'Sign in With a Different account' links, and 'Sign in' button. The body of the form is given a background color as #ddd. The sign-in form is given a max-width of 330px. An input text field is given to enter the password, which is validated by making it a required field. The text field label is displayed with a font-size of 16px. The avatar image is given a height and width of 96px, and a border-radius style as 50% to get the circle shape. The title of the form is displayed with the styles of font color as #555, font-size as 18px, and font-weight as 400. The profile name is displayed with the font-size of 16px, and given a font-weight as bold, whereas the profile email address is given a style set of font-size as 15px, font color as #404040, and text-align as center.