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.