{"id":3067,"date":"2015-07-14T15:56:19","date_gmt":"2015-07-14T15:56:19","guid":{"rendered":"http:\/\/sw-themes.com\/porto_dummy\/?page_id=3067"},"modified":"2015-07-14T15:56:19","modified_gmt":"2015-07-14T15:56:19","slug":"alerts","status":"publish","type":"page","link":"http:\/\/meccamall.jo\/english2\/shortcodes\/alerts\/","title":{"rendered":"Alerts"},"content":{"rendered":"<div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"vc_column_container vc_col-sm-12\"><div class=\"wpb_wrapper\"><h2 style=\"text-align: left\" class=\"vc_custom_heading shorter\">Alerts Shortcodes<\/h2>\n\t<div class=\"wpb_text_column wpb_content_element \">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>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>.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<div class=\"porto-separator tall\"><hr class=\"separator-line  align_center\"><\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"vc_column_container vc_col-sm-12\"><div class=\"wpb_wrapper\"><h4 style=\"text-align: left\" class=\"vc_custom_heading\">Message Boxes<\/h4><h4 style=\"text-align: left\" class=\"vc_custom_heading\">With Font Awesome<\/h4><div class=\"vc_message_box vc_message_box-standard vc_message_box-rounded vc_color-alert-success\">\n\t<div class=\"vc_message_box-icon\"><i class=\"fa fa-check\"><\/i>\n\t<\/div><p><strong>Well done!<\/strong> You successfully read this important alert message.<\/p>\n<\/div><div class=\"vc_message_box vc_message_box-standard vc_message_box-rounded vc_color-alert-info\">\n\t<div class=\"vc_message_box-icon\"><i class=\"fa fa-info-circle\"><\/i>\n\t<\/div><p><strong>Heads up!<\/strong> This alert needs your attention, but it&#8217;s not super important.<\/p>\n<\/div><div class=\"vc_message_box vc_message_box-standard vc_message_box-rounded vc_color-alert-warning\">\n\t<div class=\"vc_message_box-icon\"><i class=\"fa fa-exclamation-triangle\"><\/i>\n\t<\/div><p><strong>Warning!<\/strong> Best check yo self, you&#8217;re not looking too good.<\/p>\n<\/div><div class=\"vc_message_box vc_message_box-standard vc_message_box-rounded vc_color-alert-danger\">\n\t<div class=\"vc_message_box-icon\"><i class=\"fa fa-exclamation-circle\"><\/i>\n\t<\/div><p><strong>Oh snap!<\/strong> Change a few things up and try submitting again.<\/p>\n<\/div><div class=\"vc_empty_space\"  style=\"height: 20px\" ><span\n\t\tclass=\"vc_empty_space_inner\"><\/span><\/div>\n<\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"vc_column_container vc_col-sm-12\"><div class=\"wpb_wrapper\"><h4 style=\"text-align: left\" class=\"vc_custom_heading\">With Pixel<\/h4><div class=\"vc_message_box vc_message_box-classic vc_message_box-rounded vc_color-alert-success\">\n\t<div class=\"vc_message_box-icon\"><i class=\"vc_pixel_icon vc_pixel_icon-tick\"><\/i>\n\t<\/div><p><strong>Well done!<\/strong> You successfully read this important alert message.<\/p>\n<\/div><div class=\"vc_message_box vc_message_box-classic vc_message_box-rounded vc_color-alert-info\">\n\t<div class=\"vc_message_box-icon\"><i class=\"vc_pixel_icon vc_pixel_icon-info\"><\/i>\n\t<\/div><p><strong>Heads up!<\/strong> This alert needs your attention, but it&#8217;s not super important.<\/p>\n<\/div><div class=\"vc_message_box vc_message_box-classic vc_message_box-rounded vc_color-alert-warning\">\n\t<div class=\"vc_message_box-icon\"><i class=\"vc_pixel_icon vc_pixel_icon-alert\"><\/i>\n\t<\/div><p><strong>Warning!<\/strong> Best check yo self, you&#8217;re not looking too good.<\/p>\n<\/div><div class=\"vc_message_box vc_message_box-classic vc_message_box-rounded vc_color-alert-danger\">\n\t<div class=\"vc_message_box-icon\"><i class=\"vc_pixel_icon vc_pixel_icon-explanation\"><\/i>\n\t<\/div><p><strong>Oh snap!<\/strong> Change a few things up and try submitting again.<\/p>\n<\/div><div class=\"vc_empty_space\"  style=\"height: 20px\" ><span\n\t\tclass=\"vc_empty_space_inner\"><\/span><\/div>\n<\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"vc_column_container vc_col-sm-12\"><div class=\"wpb_wrapper\"><div class=\"porto-separator tall\"><hr class=\"separator-line  align_center\"><\/div><h4 style=\"text-align: left\" class=\"vc_custom_heading\">Default<\/h4><div class=\"vc_empty_space\"  style=\"height: 20px\" ><span\n\t\tclass=\"vc_empty_space_inner\"><\/span><\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element  alert alert-default\">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p><strong>Well done!<\/strong> You are using a awesome template! <a class=\"alert-link\">Say Hi to Porto <\/a>.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element  alert alert-success\">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p><strong>Well done!<\/strong> You are using a awesome template! <a class=\"alert-link\">Say Hi to Porto <\/a>.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element  alert alert-info\">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p><strong>Need any help?!<\/strong> We are glad <a class=\"alert-link\">to help you<\/a>, if you need.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element  alert alert-warning\">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p><strong>We must tell you!<\/strong> This template is made with love by the <a class=\"alert-link\">okler team<\/a>.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element  alert alert-danger\">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p><strong>Oh snap!<\/strong> Are you using other template? <a class=\"alert-link\">Buy Porto now<\/a> and make your customers a lot happier.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element  alert alert-dark\">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p><strong>Well done!<\/strong> You are using a awesome template! <a class=\"alert-link\">Say Hi to Porto <\/a>.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element  alert alert-info\">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<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><\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"vc_column_container vc_col-sm-12\"><div class=\"wpb_wrapper\"><div class=\"porto-separator tall\"><hr class=\"separator-line  align_center\"><\/div><h4 style=\"text-align: left\" class=\"vc_custom_heading\">Colors<\/h4>\n\t<div class=\"wpb_text_column wpb_content_element  alert alert-primary\">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p><strong>Well done!<\/strong> You are using a awesome template! <a class=\"alert-link\">Say Hi to Porto <\/a>.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element  alert alert-secondary\">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p><strong>Well done!<\/strong> You are using a awesome template! <a class=\"alert-link\">Say Hi to Porto <\/a>.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element  alert alert-tertiary\">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p><strong>Well done!<\/strong> You are using a awesome template! <a class=\"alert-link\">Say Hi to Porto <\/a>.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element  alert alert-quaternary\">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p><strong>Well done!<\/strong> You are using a awesome template! <a class=\"alert-link\">Say Hi to Porto <\/a>.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<div class=\"vc_empty_space\"  style=\"height: 20px\" ><span\n\t\tclass=\"vc_empty_space_inner\"><\/span><\/div>\n<div class=\"porto-separator tall\"><hr class=\"separator-line  align_center\"><\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"vc_column_container vc_col-sm-6\"><div class=\"wpb_wrapper\"><h4 style=\"text-align: left\" class=\"vc_custom_heading m-b-none\">Dismissible alerts<\/h4>\n\t<div class=\"wpb_text_column wpb_content_element \">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>Build on any alert by adding an optional .alert-dismissible.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element  alert alert-warning alert-dismissible\">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p><button class=\"close\" type=\"button\" data-dismiss=\"alert\">\u00d7<\/button><strong>Warning!<\/strong> Better check yourself, you&#8217;re not looking too good.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<div class=\"vc_empty_space\"  style=\"height: 20px\" ><span\n\t\tclass=\"vc_empty_space_inner\"><\/span><\/div>\n<\/div><\/div><div class=\"vc_column_container vc_col-sm-6\"><div class=\"wpb_wrapper\"><h4 style=\"text-align: left\" class=\"vc_custom_heading m-b-none\">With Icons<\/h4>\n\t<div class=\"wpb_text_column wpb_content_element \">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>Add any icon you want from the icons library.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element  alert alert-success\">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p><strong><i class=\"fa fa-thumbs-o-up\"><\/i> Well done!<\/strong> You successfully read this important alert message.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<div class=\"vc_empty_space\"  style=\"height: 20px\" ><span\n\t\tclass=\"vc_empty_space_inner\"><\/span><\/div>\n<\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"vc_column_container vc_col-sm-12\"><div class=\"wpb_wrapper\"><div class=\"porto-separator tall\"><hr class=\"separator-line  align_center\"><\/div><h4 style=\"text-align: left\" class=\"vc_custom_heading\">Sizes<\/h4>\n\t<div class=\"wpb_text_column wpb_content_element  alert alert-info alert-sm\">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p><strong>Heads up!<\/strong> This alert needs your attention, but it&#8217;s not super important.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element  alert alert-info\">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p><strong>Heads up!<\/strong> This alert needs your attention, but it&#8217;s not super important.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element  alert alert-info alert-lg\">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p><strong>Heads up!<\/strong> This alert needs your attention, but it&#8217;s not super important.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<div class=\"vc_empty_space\"  style=\"height: 20px\" ><span\n\t\tclass=\"vc_empty_space_inner\"><\/span><\/div>\n<\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"vc_column_container vc_col-sm-12\"><div class=\"wpb_wrapper\"><div class=\"porto-separator tall\"><hr class=\"separator-line  align_center\"><\/div><h4 style=\"text-align: left\" class=\"vc_custom_heading\">Summary<\/h4>\n\t<div class=\"wpb_text_column wpb_content_element  alert alert-danger alert-dismissible\">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p><strong><i class=\"fa fa-warning\"><\/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\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"Alerts Shortcodes Styles for success, info, warning, and error messages and more messages. You can build with Visual Composer Message Box shortcodes and Bootstrap Alerts. Message BoxesWith Font Awesome Well done! You successfully read this important alert message. Heads up! This alert needs your attention, but it's not super important. Warning! Best check yo self, [...]","protected":false},"author":277,"featured_media":0,"parent":13,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"ngg_post_thumbnail":0,"footnotes":""},"class_list":["post-3067","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/meccamall.jo\/english2\/wp-json\/wp\/v2\/pages\/3067","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/meccamall.jo\/english2\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/meccamall.jo\/english2\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/meccamall.jo\/english2\/wp-json\/wp\/v2\/users\/277"}],"replies":[{"embeddable":true,"href":"http:\/\/meccamall.jo\/english2\/wp-json\/wp\/v2\/comments?post=3067"}],"version-history":[{"count":0,"href":"http:\/\/meccamall.jo\/english2\/wp-json\/wp\/v2\/pages\/3067\/revisions"}],"up":[{"embeddable":true,"href":"http:\/\/meccamall.jo\/english2\/wp-json\/wp\/v2\/pages\/13"}],"wp:attachment":[{"href":"http:\/\/meccamall.jo\/english2\/wp-json\/wp\/v2\/media?parent=3067"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}