Close

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. Source: https://bbbootstrap.com/snippets/bootstrap-signup-form-image-left-side-40740957

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 *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Several Related Snippets

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