Close

Bootstrap Contact Form

This is an example of a bootstrap contact form designed using HTML, CSS, and Bootstrap framework 4. The fonts and background images are imported to the form with their URLs. The concept of Lists has been used with UL and LI components. UL element has been used with the child elements of LI to display the icons in an orderly manner. The contact form container is given the styles of background as #F4F3F3, and font-family as 'Lato', sans-serif. The Contact-US label is given a background colors of #C3E0EC, #F8B7D8, and #9ED8EB. The label title is given a font-size as 1.5rem, font color as white, and transform as rotate(-90deg) to make the label vertical. The social media icons bar is given the height and width of 25px. The header title is given a font color of #444, whereas the input fields have the styles of height and line-height as 40px, border-bottom as 1px solid rgba(68,68,68,.3), font-size as 1rem, and color as rgba(68,68,68,.8). The button is given the styles of border-radius as 20px, bottom as -20px, background as #9ED8EB, color as white, font-size as 1.1rem, and font-weight as 300. Source: https://codepen.io/rickyeckhardt/pen/rNVOrBL

Post Comment or Questions

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

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.