Close

Contact us form section

This is an example of a contact us form section, designed using CSS, HTML, and Bootstrap framework 4. The background image is imported to the code with its URL. The form is given the styles of background as rgba(132, 155, 219, 0.5), and font-family as Arial, Helvetica, sans-serif. The form details are displayed using the styles of font-size as 11px, font-weight as bold, padding-left as 5px, and color as #828282. The 'Send' button is created as a primary type button and given the styles of width as 100%, font-size as 12px, margin-top as 10px, background-color as rgba(56, 147, 243, 0.67), text-align as center, and border-radius as 5px. The input text fields are given a background color of rgba(165, 147, 69, 0.075), and a box shadow of 0px 1px 1px 1px rgba(0, 0, 0, 0.2), which gets changed to background color of #495057, and a box shadow of 0 1px 1px 1px rgba(0, 123, 255, .25), in a focus event. Source: https://bbbootstrap.com/snippets/bootstrap-contact-us-form-section-47965943

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.