Contact Us form with dark background

This is an example of another simple Contact US form, designed using HTML, CSS, and Bootstrap framework 4. The background color of the body is set as #000, to get the dark color. Media quarries have been used in the coding to the make the form mobile responsive. The information container is given a style set of max-width as 480px, width as 90%, margin as 0 auto, background-color as #ffffff, padding as 40px, border-radius as 4px, font color as #505e6c, and a box-shadow style as 1px 1px 5px rgba(0, 0, 0, 0.1). The 'Send' button is created as a primary type button with a background color of #000000, and a font color of #fff. The title of the form is displayed with a font-size of 28px, and a font-weight as bold. The input text fields have the styles of background color as #fff, box-shadow as 1px 1px 1px rgba(0, 0, 0, 0.05), and font color as inherit, where it takes a border style of 1px solid #b2b2b2, in a focus event. The 'Send' button changes its opacity value from 0.9 to 1, in a focus event.

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 *