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?

Yes, it’s the best choice Not convinced yet[/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]