Close

Contact Form with Gradient Background

This is an example of a contact us form with a gradient background, designed using CSS, HTML, and Bootstrap framework 4. The font and Bootstrap style is imported to the code with its URL. The body of the form is given the styles of font-family style as "Varela Round", sans-serif, and background color as linear-gradient(#ff9968, #ff5e63). The form consists of the input text fields, and the 'Send Message' button. The contact form is given a background color of #fff and a width of 500px. Input text fields are validated by making them required in HTML. In a focus event, the fields take the styles of border-color as #a177ff, and box-shadow as 0 0 8px #c2a8ff. The title of the form is displayed with a font-size of 50px. The 'Send Message' button is created as a primary type button and given the styles of background as #a177ff, and font-size as 16px. The button changes its background color to #8048ff, on hover. Source: https://www.tutorialrepublic.com/snippets/preview.php?topic=bootstrap&file=beautiful-contact-form-with-gradient-background

Post Comment or Questions

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

Your email address will not be published.