Close

Elegant Error Modal

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.

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.

Several Related Snippets

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