This is an example of a contact us form, designed using HTML, CSS, and Bootstrap framework 4. The body of the form is given a background color of #ffffff, whereas the information card is given a style set of padding as 8%, padding-top as 35px, margin-top as 60px, and margin-bottom as 80px. The input text fields are given the styles of background-color as #616161, border-color as #616161, and font color as #BDBDBD. In a focus event, the input fields take the color of background-color as #000000, and font color as #BDBDBD. The border color of the fields also takes the background color as it inherits the color from the background. The email text field is given a height of 45px, whereas the message text field is given the height of 120px. The 'Submit' button is created as a Submit type button and given a background color of #5C6BC0, and font color of #ffffff.
This is an example of a simple contact us form, designed using HTML, CSS, and Bootstrap framework 4. The background color of the form is set as #4DB7FE. The background-size is set as cover for the background image to resize and cover the whole container. The form card is given a border of rgba(68, 68, 65, 0.77), whereas the background color of the card is set to white, with a padding of 20px. The button is created as a primary type button. The styles for the input text fields are set as border-bottom as 1px solid #61615e, background as transparent, and transition as all 0.3s ease 0s. The 'Send Message' button has the styles of display as block, padding as 11px 32px, transition as all 0.3s ease 0s, and margin as 30px 0px. It is also given the styles of background-color as #4285f4, color as #fff, and border as 1px solid #4285f4.