Alerts
Images on your website serve much more of a purpose than making your design look good.
If they are used effectively, your business can gain a lot more traffic and therefore
conversions, whether that be making sales or gaining enquiries.
Simple Alerts
For Simple Alerts just use alert class and alert keyword followed by the -variant names.
Primary!!! This is Primary Alert
Danger!!! This is Danger Alert
Success!!! This is Success Alert
Warning!!! This is Warning Alert
Info!!! This is Info Alert
Dark!!! This is Dark Alert
Light!!! This is Light Alert
HTML CODE
Outline Alerts
For Outline Alerts just use alert class and alert keyword followed by the -outline-variant
names.
Primary!!! This is Primary outline Alert
Danger!!! This is Danger outline Alert
Success!!! This is Success outline Alert
Warning!! This is Warning outline Alert
check_box
This is Info outline Alert with Icon
warning
This is Dark outline Alert with icon
HTML CODE
Solid Alerts
For Solid Alerts just use alert class and alert keyword followed by the -solid-variant names.
Primary!!! This is Primary Alert
Danger!!! This is Danger Alert
Success!!! This is Success Alert
Warning!!! This is Warning Alert
Info!!! This is Info Alert
Dark!!! This is Dark Alert
HTML CODE
Dismiss Alerts
Wanna see Magic? Click on Close
close
HTML CODE
JAVASCRIPT CODE
>
Big Alerts
beenhereHello
Hello!!!! We have dilivered your Jacket. Hope you loved it? if not please let us know within 3 days! Or return may not be possible!!Hope you understand !!
Thanks!
HTML CODE
Callout Alerts
For Callout Alerts use alert class and alert followed by -callout-variant
This is Primary Callout
close
This is Warning Callout
close
This is Danger Callout
close
This is Info Callout
close