Get free quote form
This is an example of a simple quotation requesting form with hover effects, designed using CSS, HTML, and Bootstrap framework 4. The 'Get Quote' button is created as a primary type button and the font color is set as white in HTML. The quotation card is given a dark background color, a font color of rgba(255, 255, 255, 0.6), and a font-size of 15px. The heading is displayed with a font-size of 22px, text-transform style as uppercase to automatically convert the text to uppercase, and font color of #fff. The input text fields are given a border style of 2px solid rgba(255, 255, 255, 0.5), and a font color of #fff. The input fields take a border style of 2px solid #fff, in a focus event. The 'Get Quote' button is given the styles of font color as #212529, background-color as #FB8C00, border as 2px solid transparent, and border-color as #f89d13. The button is also given a text-transform style as uppercase to automatically convert the text to uppercase. In a hover event, the background color of the button becomes none, font color becomes #fff, and the border style becomes 2px solid #FB8C00.