Close

Login form with social media icons

This is an example of a login form with social media icons, designed using HTML, CSS, and Bootstrap framework 4. The concept of Lists has been used with UL and LI components display the social media icons in an orderly manner. The body of the form is given a background color of #8E24AA, whereas the information container is given the styles of border-top as 4px solid #F8BBD0, and a background-color as #BA68C8. The social media icons are given a border-radius as 50% to get the circular shape, height, and width as 50px, and background color of #ad63b9. The text lines of the form are displayed in #df9de8 color. The input text fields are given a border value of 1px solid #9952a5, which turns to 1px solid #71357b, in the selected mode. The 'Register Now' button is given a height of 45px, and a linear gradient background color of (to right, #E55D87 0%, #5FC3E4 100%), which turn to (to right, #5FC3E4 0%, #E55D87 100%), on hover. Source: https://bbbootstrap.com/snippets/bootstrap-login-form-social-media-icons-56471957

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 *

Several Related Snippets

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