Close

Contact Us Form

This is an example of a simple contact us form, designed using HTML, CSS, and Bootstrap framework 4. The CSS and Bootstrap styles are imported to the code with their URLs. Media queries have been used to increase the responsiveness of the form. The form is given a background color as #f1f7fc. The content card is given the styles of max-width as 480px, width as 90%, background-color as #ffffff, padding as 40px, border-radius as 4px, color as #505e6c, and box-shadow as 1px 1px 5px rgba(0,0,0,0.1). The font-size for the title of the form is set as 24px with the font-weight as bold. The input fields take a border effect of 1px solid #b2b2b2, in a focus event. The send button is given a style set of padding as 16px 32px, opacity as 0.9, text-transform as uppercase to automatically convert the text to uppercase, font-weight as bold, font-size as 13px, letter-spacing as 0.4px, and line-height as 1. The button is given a background color of #055ada, and a font color of #fff, and changes its opacity to 1, in a hover event. Source: https://epicbootstrap.com/snippets/contact-form

Post Comment or Questions

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

Your email address will not be published.