Close

Simple contact us form

This is an example of another simple Contact Us form, designed using HTML, CSS, and Bootstrap framework 4. The body of the form is given the styles of display as grid to display the content in a grid layout, place-items as center to centralize the content and background color as #00d2ff. The form card is given a background color as #fff, and a word-wrap style as break-word to allow long words to be able to break and wrap onto the next line. The input text fields are given a border-color as transparent transparent #00d2ff transparent. In a focus event, the border-color of the text fields turns to transparent transparent blue transparent with a box-shadow value of 0 0 0 0rem rgba(0, 123, 255, .25). The fields are also given an underline color of #64e4fe. The cursor style for the 'Send' button is set as pointer to get the hand cursor effect. It is also given the styles of background-color as #00d2ff, font color as white, and text-transform as uppercase to automatically convert the text to uppercase. In a hover event, it takes a box-shadow effect of 0 10px 15px rgba(0, 0, 0, .1). Source: https://bbbootstrap.com/snippets/bootstrap-simple-contact-us-form-60067759

Post Comment or Questions

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

Your email address will not be published.