{"id":540,"date":"2014-09-11T13:36:28","date_gmt":"2014-09-11T13:36:28","guid":{"rendered":"http:\/\/codex-themes.com\/scalia\/?page_id=540"},"modified":"2014-09-11T13:36:28","modified_gmt":"2014-09-11T13:36:28","slug":"buttons-alert-boxes","status":"publish","type":"page","link":"https:\/\/shoptech.media\/da\/shortcodes\/buttons-alert-boxes\/","title":{"rendered":"Buttons &amp; Alert Boxes"},"content":{"rendered":"<p>[vc_row][vc_column width=&#8221;1\/1&#8243;]<div class=\"sc-textbox rounded-corners\"  style=\"\"><div class=\"sc-textbox-content\" style=\"background-color: #f1f5f8;background-position: center top;\">[vc_column_text]Scalia is equipped with enriched CTA (Call-To-Action) \/ Alert Boxes, enabling you to freeze the attention of your website visitors on some specific focus and to encourage them to interact immediately. You can use icons or images as CTA attractors in different styles, shapes &#038; sizes. You can use various CTA layouts, add awesome buttons and enhance the look with some cool background image! [\/vc_column_text]<\/div><\/div>[\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/6&#8243;][\/vc_column][vc_column width=&#8221;2\/3&#8243;][vc_row_inner][vc_column_inner width=&#8221;1\/3&#8243;]<div class=\"centered-box\"><a class=\"sc-button \"  href=\"#\" target=\"_self\" style=\"\">AWESOME BUTTON<\/a><\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;]<div class=\"centered-box\"><a class=\"sc-button \"  href=\"#\" target=\"_self\" style=\"background-color: #8f7da5;\">AWESOME BUTTON<\/a><\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;]<div class=\"centered-box\"><a class=\"sc-button \"  href=\"#\" target=\"_self\" style=\"background-color: #ff7070;\">AWESOME BUTTON<\/a><\/div>[\/vc_column_inner][\/vc_row_inner][\/vc_column][vc_column width=&#8221;1\/6&#8243;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243;]<div class=\"clearboth\"><\/div><div class=\"sc-divider sc-divider-style-1\" style=\"margin-bottom: 30px;\"><svg width=\"100%\" height=\"1px\"><line x1=\"0\" x2=\"100%\" y1=\"0\" y2=\"0\" stroke=\"\" stroke-width=\"2\" stroke-linecap=\"black\" stroke-dasharray=\"11, 9\"\/><\/svg><\/div><div class=\"sc-textbox rounded-corners shadow-box\"  style=\"border: 1px solid #d6dadd;\"><div class=\"sc-textbox-content\" style=\"background-position: center top;\"><div class=\"sc-icon-with-text sc-alert-box clearfix sc-icon-with-text-icon-size-big\" style=\"\"><div class=\"sc-icon-with-text-icon\"><div class=\"sc-icon sc-icon-size-big angle-90deg sc-icon-shape-circle\" style=\"background-color: #f1f5f8;border: 2px solid #f1f5f8;\"><span class=\"sc-icon-half-1\" style=\"color: #83c5c1;\"><span class=\"back-angle\">&#xe6ea;<\/span><\/span><span class=\"sc-icon-half-2\" style=\"color: #52b0ba;\"><span class=\"back-angle\">&#xe6ea;<\/span><\/span><\/div><\/div><div class=\"sc-icon-with-text-content\">[vc_column_text]<\/p>\n<div class=\"title-h3\">ALERT BOX WITH ICON AND BUTTON<\/div>\n<p>I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.[\/vc_column_text]<\/div><div class=\"sc-alert-box-button\"><a class=\"sc-button \"  href=\"#\" target=\"_self\" style=\"\">LEARN MORE<\/a><\/div><div class=\"clearboth\"><\/div><\/div><\/div><\/div>[\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243;]<div class=\"clearboth\"><\/div><div class=\"sc-divider sc-divider-style-1\" style=\"margin-bottom: 55px;\"><svg width=\"100%\" height=\"1px\"><line x1=\"0\" x2=\"100%\" y1=\"0\" y2=\"0\" stroke=\"\" stroke-width=\"2\" stroke-linecap=\"black\" stroke-dasharray=\"11, 9\"\/><\/svg><\/div><div class=\"sc-textbox rounded-corners shadow-box\"  style=\"border: 1px solid #d6dadd;\"><div class=\"sc-textbox-content\" style=\"background-image: url(https:\/\/shoptech.media\/da\/wp-content\/uploads\/sites\/2\/2014\/10\/Parallax-Background-Light-04-CTA.jpg);background-position: center top;\"><div class=\"sc-icon-with-text sc-alert-box clearfix sc-icon-with-text-icon-size-big\" style=\"\"><div class=\"sc-alert-box-image\"><img decoding=\"async\" src=\"https:\/\/shoptech.media\/da\/wp-content\/uploads\/sites\/2\/2014\/07\/faces-1_4-sliced_24.png\" alt=\"\"class=\"img-circle\"><\/div><div class=\"sc-icon-with-text-content\">[vc_column_text]<\/p>\n<div class=\"title-h3\">ALERT BOX WITH ICON AND BUTTON<\/div>\n<p>I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.[\/vc_column_text]<\/div><div class=\"sc-alert-box-button\"><a class=\"sc-button \"  href=\"#\" target=\"_self\" style=\"background-color: #6795b9;\">LEARN MORE<\/a><\/div><div class=\"clearboth\"><\/div><\/div><\/div><\/div>[\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243;]<div class=\"clearboth\"><\/div><div class=\"sc-divider sc-divider-style-1\" style=\"margin-bottom: 55px;\"><svg width=\"100%\" height=\"1px\"><line x1=\"0\" x2=\"100%\" y1=\"0\" y2=\"0\" stroke=\"\" stroke-width=\"2\" stroke-linecap=\"black\" stroke-dasharray=\"11, 9\"\/><\/svg><\/div><div class=\"sc-textbox rounded-corners shadow-box\"  style=\"\"><div class=\"sc-textbox-content\" style=\"background-color: #f1f5f8;background-position: center top;\"><div class=\"sc-icon-with-text sc-alert-box clearfix sc-icon-with-text-icon-size-big centered-box\" style=\"background-color: #f1f5f8;\"><div class=\"sc-icon-with-text-content\">[vc_column_text css=&#8221;.vc_custom_1420359751373{padding-right: 40px !important;padding-left: 40px !important;}&#8221;]<\/p>\n<h3>CENTERED ALERT BOX WITH TITLE AND TWO BUTTONS<\/h3>\n<p>I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.[\/vc_column_text]<\/div><div class=\"sc-alert-box-button\"><a class=\"sc-button \"  href=\"#\" target=\"_self\" style=\"background-color: #8fbf75;\">YES, I AGREE<\/a><a class=\"sc-button \"  href=\"#\" target=\"_self\" style=\"background-color: #ff7070;\">LEAVE ME ALONE<\/a><\/div><div class=\"clearboth\"><\/div><\/div><\/div><\/div>[\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243;]<div class=\"clearboth\"><\/div><div class=\"sc-divider sc-divider-style-1\" style=\"margin-bottom: 55px;\"><svg width=\"100%\" height=\"1px\"><line x1=\"0\" x2=\"100%\" y1=\"0\" y2=\"0\" stroke=\"\" stroke-width=\"2\" stroke-linecap=\"black\" stroke-dasharray=\"11, 9\"\/><\/svg><\/div><div class=\"sc-textbox rounded-corners\"  style=\"\"><div class=\"sc-textbox-content\" style=\"background-image: url(https:\/\/shoptech.media\/da\/wp-content\/uploads\/sites\/2\/2014\/08\/1.jpg);background-position: center top;\"><div class=\"sc-icon-with-text sc-alert-box clearfix sc-icon-with-text-icon-size-medium centered-box\" style=\"\"><div class=\"sc-icon-with-text-icon\"><div class=\"sc-icon sc-icon-size-medium angle-90deg sc-icon-shape-circle sc-simple-icon\" style=\"\"><span class=\"sc-icon-half-1\" style=\"color: #e3ffb4;\"><span class=\"back-angle\">&#xe67e;<\/span><\/span><span class=\"sc-icon-half-2\" style=\"color: #e3ffb4;\"><span class=\"back-angle\">&#xe67e;<\/span><\/span><\/div><\/div><div class=\"sc-icon-with-text-content\">[vc_column_text css=&#8221;.vc_custom_1420359768874{padding-right: 40px !important;padding-left: 40px !important;}&#8221;]<\/p>\n<h3><span style=\"color: #ffffff;\">CENTERED ALERT BOX WITH TITLE AND TWO BUTTONS<\/span><\/h3>\n<p><span style=\"color: #ffffff;\">I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/span>[\/vc_column_text]<\/div><div class=\"sc-alert-box-button\"><a class=\"sc-button \"  href=\"#\" target=\"_self\" style=\"color: #59abb7;background-color: #e3ffb4;\">LEARN MORE<\/a><\/div><div class=\"clearboth\"><\/div><\/div><\/div><\/div>[\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243;]<div class=\"clearboth\"><\/div><div class=\"sc-divider sc-divider-style-1\" style=\"margin-bottom: 55px;\"><svg width=\"100%\" height=\"1px\"><line x1=\"0\" x2=\"100%\" y1=\"0\" y2=\"0\" stroke=\"\" stroke-width=\"2\" stroke-linecap=\"black\" stroke-dasharray=\"11, 9\"\/><\/svg><\/div><div class=\"fullwidth-block clearfix\" style=\"background-color: #f1f5f8;background-image: url(https:\/\/shoptech.media\/da\/wp-content\/uploads\/sites\/2\/2014\/08\/2.jpg);background-position: center top;padding-top: 85px;padding-bottom: 85px;padding-left: 25px;padding-right: 25px;\"><div class=\"container\"><div class=\"sc-icon-with-text sc-alert-box clearfix sc-icon-with-text-icon-size-big\" style=\"\"><div class=\"sc-alert-box-image\"><img decoding=\"async\" src=\"https:\/\/shoptech.media\/da\/wp-content\/uploads\/sites\/2\/2014\/07\/scalia.png\" alt=\"\"><\/div><div class=\"sc-icon-with-text-content\">[vc_column_text]<span class=\"styled-subtitle\">I am text block. Click edit button to change this text.<\/span><br \/>\n<span class=\"styled-subtitle\">Lorem ipsum dolor sit amet, consectetur adipiscing.\u00a0<\/span>[\/vc_column_text]<\/div><div class=\"sc-alert-box-button\"><a class=\"sc-button \"  href=\"#\" target=\"_self\" style=\"color: #ffffff;background-color: #ff7070;\">BUY SCALIA AND ENJOY<\/a><\/div><div class=\"clearboth\"><\/div><\/div><\/div><\/div>[\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243;]<div class=\"clearboth\"><\/div><div class=\"sc-divider\" style=\"margin-bottom: 33px;\"><\/div>[\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243;]<div class=\"fullwidth-block clearfix\" style=\"background-color: #ff7070;background-position: center top;padding-top: 5px;padding-bottom: 5px;padding-left: 25px;padding-right: 25px;\"><div class=\"sc-button-with-separator\"><div class=\"sc-button-sep-holder\"><svg width=\"100%\" height=\"8px\"><line x1=\"4\" x2=\"100%\" y1=\"4\" y2=\"4\" stroke=\"#ffffff\" stroke-width=\"7\" stroke-linecap=\"round\" stroke-dasharray=\"1, 15\"\/><\/svg><\/div><div class=\"sc-button-sep-button\"><div class=\"centered-box\"><a class=\"sc-button \"  href=\"#\" target=\"_self\" style=\"color: #ff7070;background-color: #ffffff;\">JUST FULLWIDTH BUTTON<\/a><\/div><\/div><div class=\"sc-button-sep-holder\"><svg width=\"100%\" height=\"8px\"><line x1=\"4\" x2=\"100%\" y1=\"4\" y2=\"4\" stroke=\"#ffffff\" stroke-width=\"7\" stroke-linecap=\"round\" stroke-dasharray=\"1, 15\"\/><\/svg><\/div><\/div><\/div>[\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243;]<div class=\"clearboth\"><\/div><div class=\"sc-divider\" style=\"margin-bottom: 33px;\"><\/div>[\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243;]<div class=\"fullwidth-block clearfix\" style=\"background-color: #f1f5f8;background-position: center top;padding-top: 5px;padding-bottom: 5px;\"><div class=\"container\"><div class=\"sc-button-with-separator\"><div class=\"sc-button-sep-holder\"><div class=\"sc-button-separator sc-button-separator-double\" style=\"border-color: #59abb7;\"><\/div><\/div><div class=\"sc-button-sep-button\"><div class=\"centered-box\"><a class=\"sc-button \"  href=\"#\" target=\"_self\" style=\"color: #ffffff;background-color: #59abb7;\">JUST FULLWIDTH BUTTON<\/a><\/div><\/div><div class=\"sc-button-sep-holder\"><div class=\"sc-button-separator sc-button-separator-double\" style=\"border-color: #59abb7;\"><\/div><\/div><\/div><\/div><\/div>[\/vc_column][\/vc_row] <\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column width=&#8221;1\/1&#8243;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/6&#8243;][\/vc_column][vc_column width=&#8221;2\/3&#8243;][vc_row_inner][vc_column_inner width=&#8221;1\/3&#8243;][\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;][\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;][\/vc_column_inner][\/vc_row_inner][\/vc_column][vc_column width=&#8221;1\/6&#8243;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243;][\/vc_column][\/vc_row]<\/p>\n","protected":false},"author":1747,"featured_media":0,"parent":674,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/shoptech.media\/da\/wp-json\/wp\/v2\/pages\/540"}],"collection":[{"href":"https:\/\/shoptech.media\/da\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shoptech.media\/da\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shoptech.media\/da\/wp-json\/wp\/v2\/users\/1747"}],"replies":[{"embeddable":true,"href":"https:\/\/shoptech.media\/da\/wp-json\/wp\/v2\/comments?post=540"}],"version-history":[{"count":0,"href":"https:\/\/shoptech.media\/da\/wp-json\/wp\/v2\/pages\/540\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/shoptech.media\/da\/wp-json\/wp\/v2\/pages\/674"}],"wp:attachment":[{"href":"https:\/\/shoptech.media\/da\/wp-json\/wp\/v2\/media?parent=540"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}