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.