Signup form with image on left side
This is an example of another signup form, with a background image, designed using CSS, HTML, and Bootstrap framework 4. The background image is imported to the code with its URL whereas the media quarries have been used to increase the user-friendliness of the form. The image container is given a box-shadow of 1px 1px 5px rgba(0, 0, 0, 0.1). The form is given a background color of #ffffff. The title of the form is displayed using the styles of font-size as 24px, line-height as 1.5, and margin-bottom as 30px. The input text fields are given a height of 40px, and a border-bottom of 1px solid #dfe7f1. The 'Sign-up' button is created as a primary type button and given a style set of background as green, border-radius as 4px, and padding as 11px. The button takes a transform effect of translateY(1px), in a hover event.