Login form with background-image
This is an example of a login form with background-image, designed using CSS, HTML, and Bootstrap framework 4. The form is given a background color of #ede7e6. The icons and the background image is imported to the code using their URLs. The title of the form is displayed using a font color of #64C97D. Facebook, Twitter, and Pinterest icons are created as primary, info, and danger type buttons, respectively. The 'Signup' button is given a border-radius of 25px, border style of solid 1px white, and font-size as 10px. The 'Signup' text is displayed using the styles of font color as #fff, margin-bottom as 15%, font-size as 16px, font-weight as 10px, and font-family as Garamond. The 'Forgot password' button has the styles of background-color as white, font color as black, and border-bottom as 1px solid #c7c5c5. The social media icons change its opacity value to 0.8, in a hover event. Media quarries have been used to make the form more responsive to different browsers.