Close

Beautiful Contact Form with Gradient Background

This is an example of bootstrap contact us web form with a gradient background, designed using HTML, and CSS. Bootstrap style sheets including the fonts and icons are imported to the form with their URLs. The body of the form is given the styles of font-family as "Varela Round", sans-serif, linear-gradient background color of linear-gradient(#ff9968, #ff5e63), and a color of #ff5e63 for browsers that don't support linear gradient colors. The header title is given the styles of text-align as center, font-size as 50px, and margin as 0 0 15px whereas the hint text quote has the styles of font-size as 15px, text-align as center, padding-bottom as 25px, and opacity as 0.8. The styles for the "send message" button is set as background: #a177ff, font-size: 16px, and min-height: 50px. In a hover event, the color of the button changes to #8048ff.

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.