This is an example of a bootstrap contact form with a map, designed using CSS and HTML. Fonts and the map are imported to the code with their URLs. Media queries have been used to make the form responsive. The web form is given the styles of font-family as "Montserrat", sans-serif, color as #8d97ad, and font-weight as 300. The text color of the title and placeholders are set as white in HTML. The h1-h6 sections are given a color of #3e4555, and a font-weight of 500, whereas the placeholders are given a border color of #ffffff, to be activated in a focus event. The background color of the container is set to #188ef4. The color of the text in the submit button is set as #3e4555 where the text inside is set to be centered, and the map is given a width of 100% and a height of 538.

This is an example of bootstrap contact us web form with a gradient background, designed using HTML, and CSS. Bootstrap style sheets including the fonts and icons are imported to the form with their URLs. The body of the form is given the styles of font-family as "Varela Round", sans-serif, linear-gradient background color of linear-gradient(#ff9968, #ff5e63), and a color of #ff5e63 for browsers that don't support linear gradient colors. The header title is given the styles of text-align as center, font-size as 50px, and margin as 0 0 15px whereas the hint text quote has the styles of font-size as 15px, text-align as center, padding-bottom as 25px, and opacity as 0.8. The styles for the "send message" button is set as background: #a177ff, font-size: 16px, and min-height: 50px. In a hover event, the color of the button changes to #8048ff.

This is an example of a bootstrap survey form which includes buttons and radio buttons, designed using HTML and CSS. The radio buttons in the same group are given the same name to avoid selecting multiple buttons at the same time. There are five types of radio buttons; Very Good, Good, Mediocre, Bad, and Very Bad which are assigned its color code. Very Good buttons are given a background and a border color of #2e7d32, Good are given a border and a background color of #64dd17, Mediocre are given a color of #ffea00, Bad are given the color of #ff9800 whereas Very Bad are given the background and border color of #d50000.

This is a template of a signup form layout, designed with CSS, HTML, and JavaScript. The toggle class of JavaScript has been used to toggle between adding and removing one or more class names. The logo has been added to the form with its image URL imported. The signup card has the styles of border as 1px solid #dadce0 and border-radius as .5rem whereas the logo has the styles of width: 75px, height: auto, margin-bottom: 1rem. The slogan is given the styles of color: #3c4043, font-weight: 500, and font-size: .875rem. The signup button is given the styles of border-width: 1px, font-weight: 500, font-size: .785rem, border-radius: .25rem and border-color: #dadce0 where it changes the style to background-color: #f6f9fe, and border-color: #d2e3fc in a hover event and background-color to #e4eefd, and border-color to #d2e3fc in a clicked event. The border color of the input fields also changes to #4285f4 in a clicked event.