Close

Contact Form with Yellow Background

This is an example of a colorful contact us form, designed using CSS, HTML, and Bootstrap framework 4. The font and Bootstrap styles are imported to the code with the URLs. The body of the form is given the styles of font color as #000, background color as #fcda2e, and font-family as "Roboto", sans-serif. The title of the form is displayed using the styles of font-size as 42px, font-family as 'Pacifico', sans-serif, and text-align as center. The input text fields are given a border color as #e2c705, whereas the text field labels are given an opacity value of 0.9. The input fields are validated by making them required in the HTML. In a focus event, the text fields take the styles of border-color as #d8b012, and box-shadow as 0 0 8px #dcae10. The 'Send' button is given the styles of font color as #fcda2e, and background color as #000. In a hover event, the font color of the button gets changed to #fff. Source: https://www.tutorialrepublic.com/snippets/preview.php?topic=bootstrap&file=contact-form-with-yellow-background

Post Comment or Questions

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

Your email address will not be published.