Close

Contact us form section

This is another example of a Contact Us form section, designed using CSS, HTML, and Bootstrap framework 4. The background image is imported to the form with its URL. The body of the form is given the styles of background as rgba(132, 155, 219, 0.5), and font-family as Arial, Helvetica, sans-serif. The information container has the styles of background color as #fff, padding as 20px 20px 20px 20px, and width as 945px. The font-weight for the title is set as bold. The input fields' text is displayed using a font-size of 11px, and a font color of #828282. The text fields are given a box-shadow style of 0px 1px 1px 1px rgba(0, 0, 0, 0.2). The 'Send' button is created as a primary type button and given the styles of font-size as 12px, background-color as rgba(56, 147, 243, 0.67), text-align as center, and border-radius as 5px. The input text fields change their styles to font color as #495057, border-color as #fff, and box-shadow as 0 1px 1px 1px rgba(0, 123, 255, .25), in a focus event. Source: https://bbbootstrap.com/snippets/contact-us-form-74769228

Post Comment or Questions

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

Your email address will not be published.

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