{"id":554,"date":"2016-07-05T02:18:13","date_gmt":"2016-07-05T02:18:13","guid":{"rendered":"http:\/\/sw-themes.com\/porto_dummy\/?page_id=554"},"modified":"2016-07-05T02:18:13","modified_gmt":"2016-07-05T02:18:13","slug":"alerts","status":"publish","type":"page","link":"https:\/\/webdev.vika.no\/?page_id=554","title":{"rendered":"Alerts"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column][vc_custom_heading text=&raquo;Alerts Shortcodes&raquo; use_theme_fonts=&raquo;yes&raquo; el_class=&raquo;shorter&raquo;][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=&raquo;custom&raquo; gap=&raquo;tall&raquo; gradient=&raquo;yes&raquo;][\/vc_column][\/vc_row][vc_row][vc_column][vc_custom_heading text=&raquo;Message Boxes&raquo; font_container=&raquo;tag:h4|text_align:left&raquo; use_theme_fonts=&raquo;yes&raquo;][vc_custom_heading text=&raquo;With Font Awesome&raquo; font_container=&raquo;tag:h4|text_align:left&raquo; use_theme_fonts=&raquo;yes&raquo;][vc_message message_box_color=&raquo;alert-success&raquo; icon_fontawesome=&raquo;fa fa-check&raquo;]<strong>Well done!<\/strong> You successfully read this important alert message.[\/vc_message][vc_message message_box_color=&raquo;alert-info&raquo;]<strong>Heads up!<\/strong> This alert needs your attention, but it&#8217;s not super important.[\/vc_message][vc_message message_box_color=&raquo;alert-warning&raquo; icon_fontawesome=&raquo;fa fa-exclamation-triangle&raquo;]<strong>Warning!<\/strong> Best check yo self, you&#8217;re not looking too good.[\/vc_message][vc_message message_box_color=&raquo;alert-danger&raquo; icon_fontawesome=&raquo;fa fa-exclamation-circle&raquo;]<strong>Oh snap!<\/strong> Change a few things up and try submitting again.[\/vc_message][vc_empty_space height=&raquo;20px&raquo;][\/vc_column][\/vc_row][vc_row][vc_column][vc_custom_heading text=&raquo;With Pixel&raquo; font_container=&raquo;tag:h4|text_align:left&raquo; use_theme_fonts=&raquo;yes&raquo;][vc_message color=&raquo;alert-success&raquo; message_box_style=&raquo;classic&raquo; message_box_color=&raquo;alert-info&raquo;]<strong>Well done!<\/strong> You successfully read this important alert message.[\/vc_message][vc_message color=&raquo;alert-info&raquo; message_box_style=&raquo;classic&raquo; message_box_color=&raquo;alert-info&raquo;]<strong>Heads up!<\/strong> This alert needs your attention, but it&#8217;s not super important.[\/vc_message][vc_message color=&raquo;alert-warning&raquo; message_box_style=&raquo;classic&raquo; message_box_color=&raquo;alert-info&raquo;]<strong>Warning!<\/strong> Best check yo self, you&#8217;re not looking too good.[\/vc_message][vc_message color=&raquo;alert-danger&raquo; message_box_style=&raquo;classic&raquo; message_box_color=&raquo;alert-info&raquo;]<strong>Oh snap!<\/strong> Change a few things up and try submitting again.[\/vc_message][vc_empty_space height=&raquo;20px&raquo;][\/vc_column][\/vc_row][vc_row][vc_column][vc_separator color=&raquo;custom&raquo; gap=&raquo;tall&raquo; gradient=&raquo;yes&raquo;][vc_custom_heading text=&raquo;Default&raquo; font_container=&raquo;tag:h4|text_align:left&raquo; use_theme_fonts=&raquo;yes&raquo;][vc_empty_space height=&raquo;20px&raquo;][vc_column_text el_class=&raquo;alert alert-default&raquo;]<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=&raquo;alert alert-success&raquo;]<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=&raquo;alert alert-info&raquo;]<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=&raquo;alert alert-warning&raquo;]<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=&raquo;alert alert-danger&raquo;]<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=&raquo;alert alert-dark&raquo;]<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=&raquo;alert alert-info&raquo;]<\/p>\n<h4>Announcement!<\/h4>\n<p>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?<\/p>\n<p><button class=\"btn btn-info mt-xs mb-xs\" type=\"button\">Yes, it&#8217;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=&raquo;custom&raquo; gap=&raquo;tall&raquo; gradient=&raquo;yes&raquo;][vc_custom_heading text=&raquo;Colors&raquo; font_container=&raquo;tag:h4|text_align:left&raquo; use_theme_fonts=&raquo;yes&raquo;][vc_column_text el_class=&raquo;alert alert-primary&raquo;]<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=&raquo;alert alert-secondary&raquo;]<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=&raquo;alert alert-tertiary&raquo;]<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=&raquo;alert alert-quaternary&raquo;]<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=&raquo;20px&raquo;][vc_separator color=&raquo;custom&raquo; gap=&raquo;tall&raquo; gradient=&raquo;yes&raquo;][\/vc_column][\/vc_row][vc_row][vc_column width=&raquo;1\/2&#8243;][vc_custom_heading text=&raquo;Dismissible alerts&raquo; font_container=&raquo;tag:h4|text_align:left&raquo; use_theme_fonts=&raquo;yes&raquo; el_class=&raquo;m-b-none&raquo;][vc_column_text]Build on any alert by adding an optional .alert-dismissible.[\/vc_column_text][vc_column_text el_class=&raquo;alert alert-warning alert-dismissible&raquo;]<button class=\"close\" type=\"button\" data-dismiss=\"alert\">\u00d7<\/button><strong>Warning!<\/strong> Better check yourself, you&#8217;re not looking too good.[\/vc_column_text][vc_empty_space height=&raquo;20px&raquo;][\/vc_column][vc_column width=&raquo;1\/2&#8243;][vc_custom_heading text=&raquo;With Icons&raquo; font_container=&raquo;tag:h4|text_align:left&raquo; use_theme_fonts=&raquo;yes&raquo; el_class=&raquo;m-b-none&raquo;][vc_column_text]Add any icon you want from the icons library.[\/vc_column_text][vc_column_text el_class=&raquo;alert alert-success&raquo;]<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=&raquo;20px&raquo;][\/vc_column][\/vc_row][vc_row][vc_column][vc_separator color=&raquo;custom&raquo; gap=&raquo;tall&raquo; gradient=&raquo;yes&raquo;][vc_custom_heading text=&raquo;Sizes&raquo; font_container=&raquo;tag:h4|text_align:left&raquo; use_theme_fonts=&raquo;yes&raquo;][vc_column_text el_class=&raquo;alert alert-info alert-sm&raquo;]<strong>Heads up!<\/strong> This alert needs your attention, but it&#8217;s not super important.[\/vc_column_text][vc_column_text el_class=&raquo;alert alert-info&raquo;]<strong>Heads up!<\/strong> This alert needs your attention, but it&#8217;s not super important.[\/vc_column_text][vc_column_text el_class=&raquo;alert alert-info alert-lg&raquo;]<strong>Heads up!<\/strong> This alert needs your attention, but it&#8217;s not super important.[\/vc_column_text][vc_empty_space height=&raquo;20px&raquo;][\/vc_column][\/vc_row][vc_row][vc_column][vc_separator color=&raquo;custom&raquo; gap=&raquo;tall&raquo; gradient=&raquo;yes&raquo;][vc_custom_heading text=&raquo;Summary&raquo; font_container=&raquo;tag:h4|text_align:left&raquo; use_theme_fonts=&raquo;yes&raquo;][vc_column_text el_class=&raquo;alert alert-danger alert-dismissible&raquo;]<strong><i class=\"fa fa-exclamation-triange\"><\/i>Oh snap!<\/strong> Change a few things up and try submitting again.<\/p>\n<ul>\n<li>Inform your username.<\/li>\n<li>Inform your password.<\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][vc_custom_heading text=&raquo;Alerts Shortcodes&raquo; use_theme_fonts=&raquo;yes&raquo; el_class=&raquo;shorter&raquo;][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=&raquo;custom&raquo; gap=&raquo;tall&raquo; gradient=&raquo;yes&raquo;][\/vc_column][\/vc_row][vc_row][vc_column][vc_custom_heading text=&raquo;Message Boxes&raquo; font_container=&raquo;tag:h4|text_align:left&raquo; use_theme_fonts=&raquo;yes&raquo;][vc_custom_heading text=&raquo;With Font Awesome&raquo; font_container=&raquo;tag:h4|text_align:left&raquo; use_theme_fonts=&raquo;yes&raquo;][vc_message message_box_color=&raquo;alert-success&raquo; icon_fontawesome=&raquo;fa fa-check&raquo;]Well done! You successfully read this important alert message.[\/vc_message][vc_message message_box_color=&raquo;alert-info&raquo;]Heads up! This alert needs [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-554","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/webdev.vika.no\/index.php?rest_route=\/wp\/v2\/pages\/554","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webdev.vika.no\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/webdev.vika.no\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/webdev.vika.no\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webdev.vika.no\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=554"}],"version-history":[{"count":0,"href":"https:\/\/webdev.vika.no\/index.php?rest_route=\/wp\/v2\/pages\/554\/revisions"}],"wp:attachment":[{"href":"https:\/\/webdev.vika.no\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=554"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}