Incredible template
May 8, 2017
Alerts
Base Components are usually small helper components to build Block Components.
These Components can be easily used and customized in any blocks.
Unify Alerts
Unify alerts are extention of default Bootstrap Alerts.
Background colored
You may use any background colors from the predefined classes or create your own.
Border colored
You may use any border colors from the predefined classes or create your own.
Colored alerts
You may use any background colors from the predefined classes or create your own.
Other alert examples
You may use any border colors from the predefined classes or create your own.
Bootstrap Alerts
Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages. By default Bootstrap includes 4 state alerts such as "Success", "Info", "Warning" and "Danger". Check out the offecial Bootstrap Alerts page for more details here .
Simple alerts
Dismissable alerts
Check out for more details the offecial "bootstrap dismissing alerts" page here .
Links in alerts
Use the
alert-link utility class to quickly provide matching colored links within any alert.
Well done! You successfully read
this important alert message
.
Heads up! This
alert needs your attention
, but it's not super important.
Warning! Better check yourself, you're
not looking too good
.
Oh snap!
Change a few things up
and try submitting again.
Alerts with Icons
Font Awesome icons are used as an example.
Large titles
You may use any heading tags and classes for the titles e.g.
<h4 class="h5">
Alerts with buttons
Font Awesome icons are used as an example.
Well done!
You successfully read this important alert message. Donec id elit non mi porta gravida at eget metus.
Do this action Or do thisHeads up!
This alert needs your attention, but it's not super important. Donec id elit non mi porta gravida at eget metus.
Do this action Or do thisWarning!
Better check yourself, you're not looking too good. Gravida donec id elit non mi porta gravida at eget metus.
Do this action Or do thisOh snap!
Change a few things up and try submitting again. Donec id elit non mi porta gravida at eget metus.
Do this action Or do thisAlerts with buttons
Font Awesome icons are used as an example.
Well done!
You successfully read this important alert message. Donec id elit non mi porta gravida at eget metus.
- Username
- Email Adderss
- Password
Heads up!
This alert needs your attention, but it's not super important. Donec id elit non mi porta gravida at eget metus.
- Username
- Email Adderss
- Password
Warning!
Better check yourself, you're not looking too good. Gravida donec id elit non mi porta gravida at eget metus.
- Username
- Email Adderss
- Password
Oh snap!
Change a few things up and try submitting again. Donec id elit non mi porta gravida at eget metus.
- Username
- Email Adderss
- Password
We offer best in class service for your needs
About Us
About Unify dolor sit amet, consectetur adipiscing elit. Maecenas eget nisl id libero tincidunt sodales.
Useful Links
Our Contacts
795 Folsom Ave, Suite 600,
San Francisco, CA 94107 795
(+123) 456 7890
(+123) 456 7891