{"id":34625,"date":"2019-09-12T10:33:35","date_gmt":"2019-09-12T10:33:35","guid":{"rendered":"http:\/\/getshortcodes.com\/?post_type=demo&#038;p=34625"},"modified":"2019-09-12T11:07:13","modified_gmt":"2019-09-12T11:07:13","slug":"shadow","status":"publish","type":"demo","link":"https:\/\/getshortcodes.com\/demo\/extra-shortcodes\/shadow\/","title":{"rendered":"Shadow"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Style variations<\/h2>\n\n\n<div class=\"block-demo block-demo-details\">\n\t<div class=\"block-demo-viewport\">\n\t\t<div class=\"sue-shadow-wrap su-u-trim sue-shadow-inline-no\">\n<div class=\"sue-shadow sue-shadow-style-default\"><\/div>\n<\/div>\n<div class=\"sue-shadow-wrap su-u-trim sue-shadow-inline-no\">\n<div class=\"sue-shadow sue-shadow-style-left\"><\/div>\n<\/div>\n<div class=\"sue-shadow-wrap su-u-trim sue-shadow-inline-no\">\n<div class=\"sue-shadow sue-shadow-style-right\"><\/div>\n<\/div>\n<div class=\"sue-shadow-wrap su-u-trim sue-shadow-inline-no\">\n<div class=\"sue-shadow sue-shadow-style-horizontal\"><\/div>\n<\/div>\n<div class=\"sue-shadow-wrap su-u-trim sue-shadow-inline-no\">\n<div class=\"sue-shadow sue-shadow-style-vertical\"><\/div>\n<\/div>\n<div class=\"sue-shadow-wrap su-u-trim sue-shadow-inline-no\">\n<div class=\"sue-shadow sue-shadow-style-bottom\"><\/div>\n<\/div>\n<div class=\"sue-shadow-wrap su-u-trim sue-shadow-inline-no\">\n<div class=\"sue-shadow sue-shadow-style-simple\"><\/div>\n<\/div>\n\t<\/div>\n\t<details class=\"block-demo-source\">\n\t\t<summary>Get the code<\/summary>\n\t\t<pre contenteditable=\"true\"><div class=\"sue-shadow-wrap su-u-trim sue-shadow-inline-no\"><div class=\"sue-shadow sue-shadow-style-&quot;default&quot;\"><\/div><\/div>\n\n<div class=\"sue-shadow-wrap su-u-trim sue-shadow-inline-no\"><div class=\"sue-shadow sue-shadow-style-&quot;left&quot;\"><\/div><\/div>\n\n<div class=\"sue-shadow-wrap su-u-trim sue-shadow-inline-no\"><div class=\"sue-shadow sue-shadow-style-&quot;right&quot;\"><\/div><\/div>\n\n<div class=\"sue-shadow-wrap su-u-trim sue-shadow-inline-no\"><div class=\"sue-shadow sue-shadow-style-&quot;horizontal&quot;\"><\/div><\/div>\n\n<div class=\"sue-shadow-wrap su-u-trim sue-shadow-inline-no\"><div class=\"sue-shadow sue-shadow-style-&quot;vertical&quot;\"><\/div><\/div>\n\n<div class=\"sue-shadow-wrap su-u-trim sue-shadow-inline-no\"><div class=\"sue-shadow sue-shadow-style-&quot;bottom&quot;\"><\/div><\/div>\n\n<div class=\"sue-shadow-wrap su-u-trim sue-shadow-inline-no\"><div class=\"sue-shadow sue-shadow-style-&quot;simple&quot;\"><\/div><\/div><\/pre>\n\t<\/details>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Applied to the Box shortcode<\/h2>\n\n\n<div class=\"block-demo block-demo-details\">\n\t<div class=\"block-demo-viewport\">\n\t\t<div class=\"sue-shadow-wrap su-u-trim sue-shadow-inline-no\">\n<div class=\"sue-shadow sue-shadow-style-simple\">\n<div class=\"su-box su-box-style-default\" id=\"\" style=\"border-color:#000000;border-radius:3px;\">\n<div class=\"su-box-title\" style=\"background-color:#333333;color:#FFFFFF;border-top-left-radius:1px;border-top-right-radius:1px\">This is box title<\/div>\n<div class=\"su-box-content su-u-clearfix su-u-trim\" style=\"border-bottom-left-radius:1px;border-bottom-right-radius:1px\"> Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment. <\/div>\n<\/div>\n<\/div>\n<\/div>\n\t<\/div>\n\t<details class=\"block-demo-source\">\n\t\t<summary>Get the code<\/summary>\n\t\t<pre contenteditable=\"true\"><div class=\"sue-shadow-wrap su-u-trim sue-shadow-inline-no\"><div class=\"sue-shadow sue-shadow-style-&quot;simple&quot;\">\n<div class=\"su-box su-box-style-default\" id=\"\" style=\"border-color:#000000;border-radius:3px;\"><div class=\"su-box-title\" style=\"background-color:#333333;color:#FFFFFF;border-top-left-radius:1px;border-top-right-radius:1px\">This is box title<\/div><div class=\"su-box-content su-u-clearfix su-u-trim\" style=\"border-bottom-left-radius:1px;border-bottom-right-radius:1px\"> Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment. <\/div><\/div>\n<\/div><\/div><\/pre>\n\t<\/details>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Applied to the Panel shortcode<\/h2>\n\n\n<div class=\"block-demo block-demo-details\">\n\t<div class=\"block-demo-viewport\">\n\t\t<div class=\"sue-shadow-wrap su-u-trim sue-shadow-inline-no\">\n<div class=\"sue-shadow sue-shadow-style-simple\">\n<div class=\"sue-panel\" data-url=\"\" data-target=\"self\" style=\"background-color:#ffffff;color:#333333;border-radius:0px;box-shadow:none;border:1px solid #cccccc\">\n<div class=\"sue-panel-content su-u-trim\" style=\"padding:15px;text-align:left\"> Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps. Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line. <\/div>\n<\/div>\n<\/div>\n<\/div>\n\t<\/div>\n\t<details class=\"block-demo-source\">\n\t\t<summary>Get the code<\/summary>\n\t\t<pre contenteditable=\"true\"><div class=\"sue-shadow-wrap su-u-trim sue-shadow-inline-no\"><div class=\"sue-shadow sue-shadow-style-&quot;simple&quot;\">\n<div class=\"sue-panel\" data-url=\"\" data-target=\"self\" style=\"background-color:#ffffff;color:#333333;border-radius:0px;box-shadow:&quot;none&quot;;border:1px solid #cccccc\"><div class=\"sue-panel-content su-u-trim\" style=\"padding:15px;text-align:left\"> Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps. Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line. <\/div><\/div>\n<\/div><\/div><\/pre>\n\t<\/details>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Applied to an image<\/h2>\n\n\n<div class=\"block-demo block-demo-details\">\n\t<div class=\"block-demo-viewport\">\n\t\t<div class=\"sue-shadow-wrap su-u-trim sue-shadow-inline-no\">\n<div class=\"sue-shadow sue-shadow-style-simple\">\n<img decoding=\"async\" src=\"https:\/\/getshortcodes.com\/wp-content\/uploads\/2019\/09\/photo-panel-4.jpg\" alt=\"\">\n<\/div>\n<\/div>\n\t<\/div>\n\t<details class=\"block-demo-source\">\n\t\t<summary>Get the code<\/summary>\n\t\t<pre contenteditable=\"true\"><div class=\"sue-shadow-wrap su-u-trim sue-shadow-inline-no\"><div class=\"sue-shadow sue-shadow-style-&quot;simple&quot;\">\n&lt;img src=&quot;https:\/\/getshortcodes.com\/wp-content\/uploads\/2019\/09\/photo-panel-4.jpg&quot; alt=&quot;&quot;&gt;\n<\/div><\/div><\/pre>\n\t<\/details>\n<\/div>\n","protected":false},"featured_media":0,"parent":34612,"menu_order":13,"template":"","class_list":["post-34625","demo","type-demo","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/demo\/34625","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/demo"}],"about":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/types\/demo"}],"up":[{"embeddable":true,"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/demo\/34612"}],"wp:attachment":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/media?parent=34625"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}