Social network login with buttons
This is another example of a login form with social media logins, designed using HTML, CSS, and Bootstrap framework 4. The font styles and social media icons have been imported to the code with their URLs. The body of the form is given a background color of #e5e5e5. The concept of Lists has been used with UL and LI components. UL element has been used with the child elements of LI to display the list of logins, in an orderly manner. The input text fields are given a font-size of 16px, whereas the font-size of the login buttons is set to 250%. The four social media buttons are created as primary type buttons and given the background colors of #da573b for Google, #1daee3 for Twitter, #4c699e for Facebook, and #4875B4 for LinkedIn. The buttons take the background colors of #be5238, #3997ba, #47618d, and #466b99, respectively in a hover event.