Close

Contact us form with loading button

This is an example of a Contact Us form with a loading button, designed using JavaScript, HTML, CSS, and Bootstrap framework 4. JavaScript methods have been used to implement the loading feature of the button. The body of the form is given the styles of font-family as "Roboto", Helvetica, Arial, sans-serif, font-weight as 100, font-size as 12px, line-height as 30px, font color as #777, and background as #fff. The information card is given a background color of #F9F9F9, and a box-shadow value of 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24). The title of the form is displayed as a block with the font-size and the font weight set as 30px, and 300 respectively. The input text fields are given a border value of 1px solid #ccc, and a background color of #FFF. In a hover event, the text fields take a transition effect of border-color 0.3s ease-in-out, and a border effect of 1px solid #aaa. The 'Submit' button is given a cursor style as pointer to get the hand cursor effect, background as #f0715f, and font-size as 15px. The button changes its background color to #f07150, in a hover event. Source: https://bbbootstrap.com/snippets/contact-us-form-loading-button-57040609

Post Comment or Questions

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

Your email address will not be published.

Several Related Snippets

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