[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 <strong style="font-size: 600;">Visual Composer Message Box</strong> shortcodes and <strong style="font-size: 600;">Bootstrap Alerts</strong>.[/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"]<strong>Well done!</strong> You successfully read this important alert message.[/vc_message][vc_message message_box_color="alert-info"]<strong>Heads up!</strong> 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"]<strong>Warning!</strong> 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"]<strong>Oh snap!</strong> 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"]<strong>Well done!</strong> You successfully read this important alert message.[/vc_message][vc_message color="alert-info" message_box_style="classic" message_box_color="alert-info"]<strong>Heads up!</strong> 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"]<strong>Warning!</strong> 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"]<strong>Oh snap!</strong> 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"]<strong>Well done!</strong> You are using a awesome template! <a class="alert-link">Say Hi to Porto </a>.[/vc_column_text][vc_column_text el_class="alert alert-success"]<strong>Well done!</strong> You are using a awesome template! <a class="alert-link">Say Hi to Porto </a>.[/vc_column_text][vc_column_text el_class="alert alert-info"]<strong>Need any help?!</strong> We are glad <a class="alert-link">to help you</a>, if you need.[/vc_column_text][vc_column_text el_class="alert alert-warning"]<strong>We must tell you!</strong> This template is made with love by the <a class="alert-link">okler team</a>.[/vc_column_text][vc_column_text el_class="alert alert-danger"]<strong>Oh snap!</strong> Are you using other template? <a class="alert-link">Buy Porto now</a> and make your customers a lot happier.[/vc_column_text][vc_column_text el_class="alert alert-dark"]<strong>Well done!</strong> You are using a awesome template! <a class="alert-link">Say Hi to Porto </a>.[/vc_column_text][vc_column_text el_class="alert alert-info"]
<h4>Announcement!</h4>
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?

<button class="btn btn-info mt-xs mb-xs" type="button">Yes, it's the best choice</button> <button class="btn btn-default mt-xs mb-xs" type="button">Not convinced yet</button>[/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"]<strong>Well done!</strong> You are using a awesome template! <a class="alert-link">Say Hi to Porto </a>.[/vc_column_text][vc_column_text el_class="alert alert-secondary"]<strong>Well done!</strong> You are using a awesome template! <a class="alert-link">Say Hi to Porto </a>.[/vc_column_text][vc_column_text el_class="alert alert-tertiary"]<strong>Well done!</strong> You are using a awesome template! <a class="alert-link">Say Hi to Porto </a>.[/vc_column_text][vc_column_text el_class="alert alert-quaternary"]<strong>Well done!</strong> You are using a awesome template! <a class="alert-link">Say Hi to Porto </a>.[/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"]<button class="close" type="button" data-dismiss="alert">×</button><strong>Warning!</strong> 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"]<strong><i class="far fa-thumbs-up"></i> Well done!</strong> 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"]<strong>Heads up!</strong> This alert needs your attention, but it's not super important.[/vc_column_text][vc_column_text el_class="alert alert-info"]<strong>Heads up!</strong> This alert needs your attention, but it's not super important.[/vc_column_text][vc_column_text el_class="alert alert-info alert-lg"]<strong>Heads up!</strong> 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"]<strong><i class="fa fa-exclamation-triange"></i>Oh snap!</strong> Change a few things up and try submitting again.
<ul>
	<li>Inform your username.</li>
	<li>Inform your password.</li>
</ul>
[/vc_column_text][/vc_column][/vc_row]