Close

Contact us form with an overlay background

This is an example of a contact us form with an overlay background, designed using HTML, CSS, and Bootstrap framework 4. The background image is imported to the code using its URL. The descriptions are displayed using the font color of #fff. The overlay filter is created with the styles of width as 100%, height as 100vh, and background as rgba(0, 0, 0, 0.8). The address and phone number are displayed using a font color of #7B1FA2. The icons are given height and width as 50px, background color as #fff, font-size as 20px, and a border-radius of 50% to get the circle shape. The input text fields are given a margin-bottom of 13px, border-bottom style of 2px solid #eee, which changes to 2px solid #7B1FA2, in a focus event. The 'Send' button is created as a Dark-type button in HTML. Source:https://bbbootstrap.com/snippets/bootstrap-contact-us-form-overlay-background-18825276

Post Comment or Questions

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

Your email address will not be published.