Close

Login Form with Google and Facebook Logins

This is an example of a login page with Google, and Facebook logins, designed using HTML, CSS, and Bootstrap framework 4. The form consists of buttons and checkboxes. The form wrapper is given the styles of border-bottom as 1px solid #e4e4e4, background as #fff, and padding as 50px. The login buttons are given the styles of color as #fff, width as 100%, height as 50px, padding as 6px 25px, line-height as 36px, margin-bottom as 20px, text-align as left, border-radius as 5px, background as #4385f5, font-size as 16px, and border as 1px solid #4385f5. The Login with Google button is given a background color as #db4c3e, and a border of 1px solid #db4c3e. The input fields have the styles of font-size as 14px, line-height as 24px, border as 1px solid #fafafa, border-radius as 3px, and font-family as 'Roboto'. The input fields take a border style of 1px solid #4285f4 in a focus event. The login button takes a background color of #2c6ad4, and the Google button takes the color of #bd4033, in a hover event. Source: https://bbbootstrap.com/snippets/login-using-facebook-and-google-plus-40154529#

Post Comment or Questions

Lorem ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Your email address will not be published.

Several Related Snippets

Lorem ut labore et dolore magna aliqua. Ut enim ad minim veniam.