Alerts

[vc_row][vc_column][vc_custom_heading text= »Alerts Shortcodes » use_theme_fonts= »yes » el_class= »shorter »][vc_column_text]Styles for success, info, warning, and error messages and more messages. You can build with Visual Composer Message Box shortcodes and Bootstrap Alerts.[/vc_column_text][vc_separator color= »custom » gap= »tall » gradient= »yes »][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text= »Message Boxes » font_container= »tag:h4|text_align:left » use_theme_fonts= »yes »][vc_custom_heading text= »With Font Awesome » font_container= »tag:h4|text_align:left » use_theme_fonts= »yes »][vc_message message_box_color= »alert-success » icon_fontawesome= »fa fa-check »]Well done! You successfully read this important alert message.[/vc_message][vc_message message_box_color= »alert-info »]Heads up! This alert needs your attention, but it’s not super important.[/vc_message][vc_message message_box_color= »alert-warning » icon_fontawesome= »fa fa-exclamation-triangle »]Warning! Best check yo self, you’re not looking too good.[/vc_message][vc_message message_box_color= »alert-danger » icon_fontawesome= »fa fa-exclamation-circle »]Oh snap! Change a few things up and try submitting again.[/vc_message][vc_empty_space height= »20px »][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text= »With Pixel » font_container= »tag:h4|text_align:left » use_theme_fonts= »yes »][vc_message color= »alert-success » message_box_style= »classic » message_box_color= »alert-info »]Well done! You successfully read this important alert message.[/vc_message][vc_message color= »alert-info » message_box_style= »classic » message_box_color= »alert-info »]Heads up! This alert needs your attention, but it’s not super important.[/vc_message][vc_message color= »alert-warning » message_box_style= »classic » message_box_color= »alert-info »]Warning! Best check yo self, you’re not looking too good.[/vc_message][vc_message color= »alert-danger » message_box_style= »classic » message_box_color= »alert-info »]Oh snap! Change a few things up and try submitting again.[/vc_message][vc_empty_space height= »20px »][/vc_column][/vc_row][vc_row][vc_column][vc_separator color= »custom » gap= »tall » gradient= »yes »][vc_custom_heading text= »Default » font_container= »tag:h4|text_align:left » use_theme_fonts= »yes »][vc_empty_space height= »20px »][vc_column_text el_class= »alert alert-default »]Well done! You are using a awesome template! Say Hi to Porto .[/vc_column_text][vc_column_text el_class= »alert alert-success »]Well done! You are using a awesome template! Say Hi to Porto .[/vc_column_text][vc_column_text el_class= »alert alert-info »]Need any help?! We are glad to help you, if you need.[/vc_column_text][vc_column_text el_class= »alert alert-warning »]We must tell you! This template is made with love by the okler team.[/vc_column_text][vc_column_text el_class= »alert alert-danger »]Oh snap! Are you using other template? Buy Porto now and make your customers a lot happier.[/vc_column_text][vc_column_text el_class= »alert alert-dark »]Well done! You are using a awesome template! Say Hi to Porto .[/vc_column_text][vc_column_text el_class= »alert alert-info »]

Announcement!

We are extermely happy to announce our first admin. We dedicated a lot of effort to bring you tons of features, easily customization for an accessible price! Do you still have any doubts that this is the best choice?

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_separator color= »custom » gap= »tall » gradient= »yes »][vc_custom_heading text= »Colors » font_container= »tag:h4|text_align:left » use_theme_fonts= »yes »][vc_column_text el_class= »alert alert-primary »]Well done! You are using a awesome template! Say Hi to Porto .[/vc_column_text][vc_column_text el_class= »alert alert-secondary »]Well done! You are using a awesome template! Say Hi to Porto .[/vc_column_text][vc_column_text el_class= »alert alert-tertiary »]Well done! You are using a awesome template! Say Hi to Porto .[/vc_column_text][vc_column_text el_class= »alert alert-quaternary »]Well done! You are using a awesome template! Say Hi to Porto .[/vc_column_text][vc_empty_space height= »20px »][vc_separator color= »custom » gap= »tall » gradient= »yes »][/vc_column][/vc_row][vc_row][vc_column width= »1/2″][vc_custom_heading text= »Dismissible alerts » font_container= »tag:h4|text_align:left » use_theme_fonts= »yes » el_class= »m-b-none »][vc_column_text]Build on any alert by adding an optional .alert-dismissible.[/vc_column_text][vc_column_text el_class= »alert alert-warning alert-dismissible »]Warning! Better check yourself, you’re not looking too good.[/vc_column_text][vc_empty_space height= »20px »][/vc_column][vc_column width= »1/2″][vc_custom_heading text= »With Icons » font_container= »tag:h4|text_align:left » use_theme_fonts= »yes » el_class= »m-b-none »][vc_column_text]Add any icon you want from the icons library.[/vc_column_text][vc_column_text el_class= »alert alert-success »] Well done! You successfully read this important alert message.[/vc_column_text][vc_empty_space height= »20px »][/vc_column][/vc_row][vc_row][vc_column][vc_separator color= »custom » gap= »tall » gradient= »yes »][vc_custom_heading text= »Sizes » font_container= »tag:h4|text_align:left » use_theme_fonts= »yes »][vc_column_text el_class= »alert alert-info alert-sm »]Heads up! This alert needs your attention, but it’s not super important.[/vc_column_text][vc_column_text el_class= »alert alert-info »]Heads up! This alert needs your attention, but it’s not super important.[/vc_column_text][vc_column_text el_class= »alert alert-info alert-lg »]Heads up! This alert needs your attention, but it’s not super important.[/vc_column_text][vc_empty_space height= »20px »][/vc_column][/vc_row][vc_row][vc_column][vc_separator color= »custom » gap= »tall » gradient= »yes »][vc_custom_heading text= »Summary » font_container= »tag:h4|text_align:left » use_theme_fonts= »yes »][vc_column_text el_class= »alert alert-danger alert-dismissible »]Oh snap! Change a few things up and try submitting again.

  • Inform your username.
  • Inform your password.

[/vc_column_text][/vc_column][/vc_row]