Alerts

[vc_row applybackgroundimage=”no” custombgimageposition=”center center” custombgsize=”auto” innerpadding=”0″][vc_column width=”1/1″][vc_column_text]

Alert Boxes

[/vc_column_text][vc_message color=”alert-info”]

Informational message box, and some more text here.

[/vc_message][vc_message color=”alert-block”]

Warning message box, and some more text here.

[/vc_message][vc_message color=”alert-success”]

Success message box, and some more text here.

[/vc_message][vc_message color=”alert-error”]

Error message box, and some more text here.

[/vc_message][/vc_column][/vc_row][vc_row applybackgroundimage=”no” custombgimageposition=”center center” custombgsize=”auto” innerpadding=”0″][vc_column width=”1/2″][vc_column_text]

Left to right animation

[/vc_column_text][vc_message color=”alert-info” css_animation=”left-to-right”]

Informational message box

[/vc_message][vc_message color=”alert-block” css_animation=”left-to-right”]

Warning message box

[/vc_message][vc_message color=”alert-success” css_animation=”left-to-right”]

Success message box

[/vc_message][vc_message color=”alert-error” css_animation=”left-to-right”]

Error message box

[/vc_message][/vc_column][vc_column width=”1/2″][vc_column_text]

Right to left animation

[/vc_column_text][vc_message color=”alert-info” css_animation=”right-to-left”]

Informational message box

[/vc_message][vc_message color=”alert-block” css_animation=”right-to-left”]

Warning message box

[/vc_message][vc_message color=”alert-success” css_animation=”right-to-left”]

Success message box

[/vc_message][vc_message color=”alert-error” css_animation=”right-to-left”]

Error message box

[/vc_message][/vc_column][/vc_row][vc_row applybackgroundimage=”no” custombgimageposition=”center center” custombgsize=”auto” innerpadding=”0″][vc_column width=”1/2″][vc_column_text]

Top to bottom animation

[/vc_column_text][vc_message color=”alert-info” css_animation=”top-to-bottom”]

Informational message box

[/vc_message][vc_message color=”alert-block” css_animation=”top-to-bottom”]

Warning message box

[/vc_message][vc_message color=”alert-success” css_animation=”top-to-bottom”]

Success message box

[/vc_message][vc_message color=”alert-error” css_animation=”top-to-bottom”]

Error message box

[/vc_message][/vc_column][vc_column width=”1/2″][vc_column_text]

Bottom to top animation

[/vc_column_text][vc_message color=”alert-info” css_animation=”bottom-to-top”]

Informational message box

[/vc_message][vc_message color=”alert-block” css_animation=”bottom-to-top”]

Warning message box

[/vc_message][vc_message color=”alert-success” css_animation=”bottom-to-top”]

Success message box

[/vc_message][vc_message color=”alert-error” css_animation=”bottom-to-top”]

Error message box

[/vc_message][/vc_column][/vc_row][vc_row][vc_column width=”1/1″][vc_column_text]

Appear from centre animation

[/vc_column_text][vc_message color=”alert-info” css_animation=”appear”]

Appear from centre

[/vc_message][vc_message color=”alert-block” css_animation=”appear”]

Warning appearing from centre!

[/vc_message][vc_message color=”alert-success” css_animation=”appear”]

Success appearing from centre!

[/vc_message][vc_message color=”alert-error” css_animation=”appear”]

Error appearing from centre!

[/vc_message][/vc_column][/vc_row]