Video Demo

https://youtu.be/nRakOCusuTk

Overview

There are total of 3 main types of alert box or modal popup being developed:

1. Bootstrap Alert Box with Close Button on the Right
2. Bootstrap Alert Box which will auto close after 1.5 seconds
3. Bootstrap Modal Popup (Light Theme and Dark Theme)

Screenshots

Code Layout

• All the alerts / modal popup are a partial view in /Views/Shared folder.
• They can be added in main view easily by @Html.Partial("AlertFileName").
• For showing & hiding the alert, they are manipulated in script part in "/Views/Home/Index.cshtml"
• For styling of the modal popup's background color and foreground color, they are manipulated in style part in "/Views/Home/Index.cshtml"