Close

Delete Confirmation Modal

This is an example of a delete confirmation modal, designed using Html, CSS, and Bootstrap framework 4. The CSS and font styles are imported to the code with their URLs. The delete confirmation form is designed to be opened upon clicking on the modal link. The form is given a font-style of 'Varela Round', sans-serif. The body of the confirmation form is set as #636363. The title of the login form is displayed with a font-size of 26px. The cross icon is given a width and a height of 80px, a border style of 3px solid #f15e5e, and a border-radius of 50% to get the circle shape. The modal content is displayed with a font-size of 14px. The form consists of a 'Cancel' button and a 'Delete' button, which are given the background color of #c1c1c1, and #f15e5e, respectively. In a hover event, the 'Cancel' button turns its background color to #a8a8a8, whereas the 'Delete' button turns to #ee3535. Source:https://www.tutorialrepublic.com/codelab.php?topic=bootstrap&file=delete-confirmation-modal

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.