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]