Close

Login form with Facebook and Google links

This is an example of a login form with Facebook and Google sign-in links, designed using CSS, HTML, JavaScript, and Bootstrap framework 4. The icons, background image, and the card image are imported to the code with their URLs. JavaScript functions are used to implement the click functions of the input text fields. The form container has the styles of width as 450px, height as 550px, background-color as white, top as 50px, left as 35%, box-shadow a 0 0 20px black, and border-radius as 8px. The card image is given a width of 50px, and a height of 150px. The text of the form is given the styles of font-size as 25px, font-family as 'Roboto Slab', serif, text-alignment as center, and position as relative. The font-size of the input text fields are set to 20px, with the margin-bottom style set as 15px. In a hover event, the background color of the input fields turns to gainsboro, whereas in a focus event, the fields take a box shadow effect of 0 0 10px green. The cursor style for the login button is set as pointer to get the hand cursor effect. The Facebook and Google sign-in buttons also take their respective colors as their background color, in a hover event. Source: https://bbbootstrap.com/snippets/login-form-facebook-and-google-link-26654961

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.