Close

Login form with footer and social media icons

This is an example of a login form with footer and social media icons, designed using HTML, CSS, and Bootstrap framework 4. The images and icons are imported to the code with their URLs. The body of the form is given a background color of #B0BEC5, and font color of #000. The information card is given a box-shadow of 0px 4px 8px 0px #757575. The social media icons are given a font-size as 18px, border-radius as 50% to get the circular shape, cursor style as pointer to get the hand cursor effect on hover and background color as #3b5998 for Facebook, #1DA1F2 for Twitter, and #2867B2 for LinkedIn. The input text fields are given the styles of border as 1px solid lightgrey, background color as #2C3E50, font-size as 14px, and letter-spacing as 1px. In a focus event, the text fields take a border value of 1px solid #304FFE. The 'Login' button is given a background color as #000, which turn to #1A237E, in a hover event. Source: https://bbbootstrap.com/snippets/login-form-footer-and-social-media-icons-55203607

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.