Close

Contact us form with modal

This is an example of a Contact Us form with a modal feature, designed using CSS, HTML, and Bootstrap framework 4. The font style and the background image is imported to the code with the URLs. The Contact Us form is created to be expanded by clicking on the modal button. The body of the form is given a background color of #eee, and a font-family style of 'Merriweather', serif. The text on the modal button is displayed with the styles of font-weight as 100, and font-size as 30p. The 'Send' button is given a background color of #000. The input text fields are given a border-bottom style of 1.5px solid #dae0e5, whereas the input text is displayed with the styles of opacity as 0.5, letter-spacing as 1px, and font-size as 90%. In a focus event, the text on input fields, change their styles to font color as #000, border-color as #fff, border-bottom as 1.5px solid #000, opacity as 1, and letter-spacing as 1px. Source: https://bbbootstrap.com/snippets/bootstrap-contact-us-form-section-31203496

Post Comment or Questions

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

Your email address will not be published.

Several Related Snippets

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