Sign in Form with Avatar Image
This is another example of a sign in form with an avatar image, designed using CSS, HTML, and Bootstrap framework 4. The icons, avatar image, font, and Bootstrap styles are imported to the code with their URLs. The form consists of input text fields, avatar image, social media sign-in buttons, and the sign-in button. The body of the form is given a basic style set of font color as #fff, background color as #9e9e9e, and font-family style as 'Open Sans', sans-serif. The login card is given a width of 310px, font color of #999, background color of #fff, and a box-shadow style of 0px 2px 2px rgba(0, 0, 0, 0.3). The input text fields are given a background color of #e3e3e3, which gets changed to #99c432 in a hover event. The title of the form is displayed with the styles of font-size as 24px, font color as #454959, margin as 45px 0 25px, and the font-family style as 'Francois One', sans-serif. The avatar image is given a background color of #70c5c0, and the border-radius style as 50% to get the circle shape. The 'Sign in' button takes the styles of font-size of 16px, font-weight as bold, and the background color as #99c432, in the active mode.