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 another template for a bootstrap subscribe newsletter web form inside modal, designed using HTML, CSS, and JavaScript. JavaScript functions have been used to implement displaying functions. Bootstrap style sheets including the fonts and icons are imported to the form with their URLs. The body of the form is given a font-family of 'Varela Round', sans-serif whereas the form is given the styles color as #999, width as 625px, and font-size as 15px. The header title is given the styles of color as #000, font-size as 30px, and font-weight as bold. The close button on top is given a font-size of 24px, and opacity of 0.5, which changes to 0.8 in a hover event. The subscribe button is given the styles of color as #fff, background as #f95858; transition as all 0.4s, line-height as normal, padding as 6px 20px, and min-width as 150px. In a hover event, the color of the button changes to #f72222.
This is a template for a bootstrap subscribe newsletter web form inside modal, designed using HTML, CSS, and JavaScript. JavaScript functions have been used to implement displaying functions. Bootstrap style sheets including the fonts and icons are imported to the form with their URLs. The body of the form is given a font-family of 'Varela Round', sans-serif whereas the form is given the styles color as #999, and font-size as 15px. The header title is given a style set of color as #000, text-align as center, font-size as 30px, margin as 0 0 25px, font-weight as bold, and text-transform as capitalize to make the first letter of each word capital. The close button on top is given a color of #c0c3c8, and an opacity of 0.5, which changes to 0.8 in a hover event. The color of the icon is set as #7265ea whereas the subscribe button has the styles of color as #fff, border-radius as 4px, background as #7265ea, and transition as all 0.4s. The background color of the icon changes to #4e3de4 in a hover event.
This is an example of a bootstrap web form with an error message, designed using HTML, and CSS. Bootstrap style sheets including the fonts are imported to the form with their URLs. The body of the form is given a font-family of 'Varela Round', sans-serif, a color of #434e65, and a width of 525px. The header section is given the color #e85e6c, text-align as center, margin as -20px -20px 0, and border radius as 5px 5px 0 0. The text-align for the header text is set as center and font-size as 36px. The close button on top is given a color of #fff and opacity of 0.5, which changes into 0.8 in a hover event. The try again button has the styles of color as #fff, border-radius as 4px, background as #eeb711, transition as all 0.4s, line-height as normal, border-radius as 30px, margin-top as 10px, padding as 6px 20px, and min-width as 150px. The button changes its color to #eda645 in a hover event.
This is an example of a bootstrap success confirmation web form, designed using HTML, and CSS. Bootstrap style sheets including the fonts are imported to the form with their URLs. The body font-family of 'Varela Round', sans-serif. The background color of the form is set to #636363 whereas the content section of the model has the styles of padding as 20px, and border-radius as 5px. The styles of the header are set to text-align as center, font-size as 26px, and margin as 30px 0 -15px. The icon box is given a background color of #82ce34, height and width of 95px, and a border-radius of 50% to make it circular shaped. The styles of the confirm button are set as color as #fff, border-radius as 4px, background as #82ce34, transition as all 0.4s, and line-height as normal, which then takes the background color of #6fb32b in a hover event.
This is an example of a bootstrap user management data table, designed using CSS, HTML, and JavaScript. Bootstrap style sheets including the fonts, are imported to the form with their URLs. The body is given a styles set of color as #566787, background as #f5f5f5, font-family as 'Varela Round', sans-serif, and font-size as 13px. The title is given the styles padding-bottom as 15px, background as #299be4, color as #fff, padding as 16px 30px, margin as -20px -25px 10px, border-radius as 3px 3px 0 0, and font-size as 24px. The buttons in the header section have the styles of color as #566787, float as right, font-size as 13px, background as #fff, min-width as 50px, and border-radius as 2px which then take a background color of #f2f2f2, in a hover event. The icons are given the cursor style pointer to get the hand pointer effect. In a hover event, settings button and name section takes the color #2196F3 whereas the delete button takes the color #F44336. Tooltip style has been used to display a popup in a hover event on settings and delete icons whereas JavaScript functions are used to implement tooltip activation.