Choose your preferred layout


Menu comes in two modes: dark & light

Top Nav

Choose your liked color mode

Scrollable Header
brand brand


Default alerts

Alerts are available for any length of text, as well as an optional dismiss button. Use contextual classes for proper styling.

Inverse alerts

Add .alert-inv .alert-inv-* modifier class to change the appearance of an alert.

Link color

Use the .alert-link utility class to quickly provide matching colored links within any alert.

Additional content

Alerts can also contain additional HTML elements like headings, paragraphs and dividers.


Using the alert JavaScript plugin, it’s possible to dismiss any alert inline. Just add .alert-dismissible class.

Alerts with icon

Add .alert-wth-icon class to quickly create fancy alerts with icons.

Toastr alerts

Toastr is a Javascript library for non-blocking notifications. View full documentation here.

Toastr Alerts positions

You can set position option like (position: 'top-right') in toast-data.js file.