Close

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. Source:https://www.tutorialrepublic.com/snippets/preview.php?topic=bootstrap&file=sign-in-form-with-avatar-image

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.