{"id":34613,"date":"2019-09-12T10:15:05","date_gmt":"2019-09-12T10:15:05","guid":{"rendered":"http:\/\/getshortcodes.com\/?post_type=demo&#038;p=34613"},"modified":"2019-09-12T10:16:06","modified_gmt":"2019-09-12T10:16:06","slug":"panel","status":"publish","type":"demo","link":"https:\/\/getshortcodes.com\/demo\/extra-shortcodes\/panel\/","title":{"rendered":"Panel"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Border 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-panel\" data-url=\"\" data-target=\"self\" style=\"background-color:#ffffff;color:#333333;border-radius:0px;box-shadow:0px 1px 2px #eeeeee;border:1px solid #cccccc\">\n<div class=\"sue-panel-content su-u-trim\" style=\"padding:15px;text-align:left\"> 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 class=\"sue-panel\" data-url=\"\" data-target=\"self\" style=\"background-color:#ffffff;color:#333333;border-radius:5px;box-shadow:0px 1px 2px #eeeeee;border:3px double #5acae5\">\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 class=\"sue-panel\" data-url=\"\" data-target=\"self\" style=\"background-color:#ffffff;color:#333333;border-radius:10px;box-shadow:0px 1px 2px #eeeeee;border:3px groove #fbd035\">\n<div class=\"sue-panel-content su-u-trim\" style=\"padding:15px;text-align:left\"> Podcasting operational change management inside of workflows to establish a framework. Taking seamless key performance indicators offline to maximise the long tail. Keeping your eye on the ball while performing a deep dive on the start-up mentality to derive convergence on cross-platform integration. <\/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-panel\" data-url=\"\" data-target=\"self\" style=\"background-color:#ffffff;color:#333333;border-radius:0px;box-shadow:0px 1px 2px #eeeeee;border:1px solid #cccccc\"><div class=\"sue-panel-content su-u-trim\" style=\"padding:15px;text-align:left\"> 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\n<div class=\"sue-panel\" data-url=\"\" data-target=\"self\" style=\"background-color:#ffffff;color:#333333;border-radius:&quot;5&quot;px;box-shadow:0px 1px 2px #eeeeee;border:&quot;3px\"><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\n<div class=\"sue-panel\" data-url=\"\" data-target=\"self\" style=\"background-color:#ffffff;color:#333333;border-radius:&quot;10&quot;px;box-shadow:0px 1px 2px #eeeeee;border:&quot;3px\"><div class=\"sue-panel-content su-u-trim\" style=\"padding:15px;text-align:left\"> Podcasting operational change management inside of workflows to establish a framework. Taking seamless key performance indicators offline to maximise the long tail. Keeping your eye on the ball while performing a deep dive on the start-up mentality to derive convergence on cross-platform integration. <\/div><\/div><\/pre>\n\t<\/details>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Shadow option<\/h2>\n\n\n<div class=\"block-demo block-demo-details\">\n\t<div class=\"block-demo-viewport\">\n\t\t<div class=\"sue-panel\" data-url=\"\" data-target=\"self\" style=\"background-color:#ffffff;color:#333333;border-radius:0px;box-shadow:0px 3px 10px rgba(0, 0, 0, 0.25);border:1px solid #cccccc\">\n<div class=\"sue-panel-content su-u-trim\" style=\"padding:15px;text-align:left\"> Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI. <\/div>\n<\/div>\n<div class=\"sue-panel\" data-url=\"\" data-target=\"self\" style=\"background-color:#ffffff;color:#333333;border-radius:0px;box-shadow:0 0 10px rgba(0, 0, 0, 0.25) inset;border:1px solid #cccccc\">\n<div class=\"sue-panel-content su-u-trim\" style=\"padding:15px;text-align:left\"> Efficiently unleash cross-media information without cross-media value. Quickly maximize timely deliverables for real-time schemas. Dramatically maintain clicks-and-mortar solutions without functional solutions. <\/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-panel\" data-url=\"\" data-target=\"self\" style=\"background-color:#ffffff;color:#333333;border-radius:0px;box-shadow:&quot;0px;border:1px solid #cccccc\"><div class=\"sue-panel-content su-u-trim\" style=\"padding:15px;text-align:left\"> Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI. <\/div><\/div>\n\n<div class=\"sue-panel\" data-url=\"\" data-target=\"self\" style=\"background-color:#ffffff;color:#333333;border-radius:0px;box-shadow:&quot;0;border:1px solid #cccccc\"><div class=\"sue-panel-content su-u-trim\" style=\"padding:15px;text-align:left\"> Efficiently unleash cross-media information without cross-media value. Quickly maximize timely deliverables for real-time schemas. Dramatically maintain clicks-and-mortar solutions without functional solutions. <\/div><\/div><\/pre>\n\t<\/details>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Text align option<\/h2>\n\n\n<div class=\"block-demo block-demo-details\">\n\t<div class=\"block-demo-viewport\">\n\t\t<div class=\"sue-panel\" data-url=\"\" data-target=\"self\" style=\"background-color:#ffffff;color:#333333;border-radius:0px;box-shadow:0px 1px 2px #eeeeee;border:1px solid #cccccc\">\n<div class=\"sue-panel-content su-u-trim\" style=\"padding:15px;text-align:left\"> Completely synergize resource taxing relationships via premier niche markets. Professionally cultivate one-to-one customer service with robust ideas. Dynamically innovate resource-leveling customer service for state of the art customer service. <\/div>\n<\/div>\n<div class=\"sue-panel\" data-url=\"\" data-target=\"self\" style=\"background-color:#ffffff;color:#333333;border-radius:0px;box-shadow:0px 1px 2px #eeeeee;border:1px solid #cccccc\">\n<div class=\"sue-panel-content su-u-trim\" style=\"padding:15px;text-align:center\"> Objectively innovate empowered manufactured products whereas parallel platforms. Holisticly predominate extensible testing procedures for reliable supply chains. Dramatically engage top-line web services vis-a-vis cutting-edge deliverables. <\/div>\n<\/div>\n<div class=\"sue-panel\" data-url=\"\" data-target=\"self\" style=\"background-color:#ffffff;color:#333333;border-radius:0px;box-shadow:0px 1px 2px #eeeeee;border:1px solid #cccccc\">\n<div class=\"sue-panel-content su-u-trim\" style=\"padding:15px;text-align:right\"> Proactively envisioned multimedia based expertise and cross-media growth strategies. Seamlessly visualize quality intellectual capital without superior collaboration and idea-sharing. Holistically pontificate installed base portals after maintainable products. <\/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-panel\" data-url=\"\" data-target=\"self\" style=\"background-color:#ffffff;color:#333333;border-radius:0px;box-shadow:0px 1px 2px #eeeeee;border:1px solid #cccccc\"><div class=\"sue-panel-content su-u-trim\" style=\"padding:15px;text-align:&quot;left&quot;\"> Completely synergize resource taxing relationships via premier niche markets. Professionally cultivate one-to-one customer service with robust ideas. Dynamically innovate resource-leveling customer service for state of the art customer service. <\/div><\/div>\n\n<div class=\"sue-panel\" data-url=\"\" data-target=\"self\" style=\"background-color:#ffffff;color:#333333;border-radius:0px;box-shadow:0px 1px 2px #eeeeee;border:1px solid #cccccc\"><div class=\"sue-panel-content su-u-trim\" style=\"padding:15px;text-align:&quot;center&quot;\"> Objectively innovate empowered manufactured products whereas parallel platforms. Holisticly predominate extensible testing procedures for reliable supply chains. Dramatically engage top-line web services vis-a-vis cutting-edge deliverables. <\/div><\/div>\n\n<div class=\"sue-panel\" data-url=\"\" data-target=\"self\" style=\"background-color:#ffffff;color:#333333;border-radius:0px;box-shadow:0px 1px 2px #eeeeee;border:1px solid #cccccc\"><div class=\"sue-panel-content su-u-trim\" style=\"padding:15px;text-align:&quot;right&quot;\"> Proactively envisioned multimedia based expertise and cross-media growth strategies. Seamlessly visualize quality intellectual capital without superior collaboration and idea-sharing. Holistically pontificate installed base portals after maintainable products. <\/div><\/div><\/pre>\n\t<\/details>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Color options<\/h2>\n\n\n<div class=\"block-demo block-demo-details\">\n\t<div class=\"block-demo-viewport\">\n\t\t<div class=\"sue-panel\" data-url=\"\" data-target=\"self\" style=\"background-color:#f9e3e3;color:#bb1d1d;border-radius:0px;box-shadow:0px 1px 2px #eeeeee;border:1px solid #de2323\">\n<div class=\"sue-panel-content su-u-trim\" style=\"padding:15px;text-align:left\"> Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring. <\/div>\n<\/div>\n<div class=\"sue-panel\" data-url=\"\" data-target=\"self\" style=\"background-color:#eff9e3;color:#166513;border-radius:0px;box-shadow:0px 1px 2px #eeeeee;border:1px solid #1d9d18\">\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 class=\"sue-panel\" data-url=\"\" data-target=\"self\" style=\"background-color:#e3f4f9;color:#135165;border-radius:0px;box-shadow:0px 1px 2px #eeeeee;border:1px solid #18799d\">\n<div class=\"sue-panel-content su-u-trim\" style=\"padding:15px;text-align:left\"> Phosfluorescently engage worldwide methodologies with web-enabled technology. Interactively coordinate proactive e-commerce via process-centric &#8220;outside the box&#8221; thinking. Completely pursue scalable customer service through sustainable potentialities. <\/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-panel\" data-url=\"\" data-target=\"self\" style=\"background-color:&quot;#f9e3e3&quot;;color:&quot;#bb1d1d&quot;;border-radius:0px;box-shadow:0px 1px 2px #eeeeee;border:&quot;1px\"><div class=\"sue-panel-content su-u-trim\" style=\"padding:15px;text-align:left\"> Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring. <\/div><\/div>\n\n<div class=\"sue-panel\" data-url=\"\" data-target=\"self\" style=\"background-color:&quot;#eff9e3&quot;;color:&quot;#166513&quot;;border-radius:0px;box-shadow:0px 1px 2px #eeeeee;border:&quot;1px\"><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\n<div class=\"sue-panel\" data-url=\"\" data-target=\"self\" style=\"background-color:&quot;#e3f4f9&quot;;color:&quot;#135165&quot;;border-radius:0px;box-shadow:0px 1px 2px #eeeeee;border:&quot;1px\"><div class=\"sue-panel-content su-u-trim\" style=\"padding:15px;text-align:left\"> Phosfluorescently engage worldwide methodologies with web-enabled technology. Interactively coordinate proactive e-commerce via process-centric &quot;outside the box&quot; thinking. Completely pursue scalable customer service through sustainable potentialities. <\/div><\/div><\/pre>\n\t<\/details>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Panel with link (clickable)<\/h2>\n\n\n<div class=\"block-demo block-demo-details\">\n\t<div class=\"block-demo-viewport\">\n\t\t<div class=\"sue-panel sue-panel-clickable\" data-url=\"https:\/\/example.com\/\" data-target=\"blank\" style=\"background-color:#ffffff;color:#333333;border-radius:0px;box-shadow:0px 1px 2px #eeeeee;border:1px solid #cccccc\">\n<div class=\"sue-panel-content su-u-trim\" style=\"padding:15px;text-align:left\"> Distinctively re-engineer revolutionary meta-services and premium architectures. Intrinsically incubate intuitive opportunities and real-time potentialities. Appropriately communicate one-to-one technology after plug-and-play networks. <\/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-panel sue-panel-clickable\" data-url=\"&quot;https:\/\/example.com\/&quot;\" data-target=\"quotblankquot\" style=\"background-color:#ffffff;color:#333333;border-radius:0px;box-shadow:0px 1px 2px #eeeeee;border:1px solid #cccccc\"><div class=\"sue-panel-content su-u-trim\" style=\"padding:15px;text-align:left\"> Distinctively re-engineer revolutionary meta-services and premium architectures. Intrinsically incubate intuitive opportunities and real-time potentialities. Appropriately communicate one-to-one technology after plug-and-play networks. <\/div><\/div><\/pre>\n\t<\/details>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Combined with columns<\/h2>\n\n\n<div class=\"block-demo block-demo-details\">\n\t<div class=\"block-demo-viewport\">\n\t\t<div class=\"su-row\">\n<div class=\"su-column su-column-size-1-2\">\n<div class=\"su-column-inner su-u-clearfix su-u-trim\">\n<div class=\"sue-panel\" data-url=\"\" data-target=\"self\" style=\"background-color:#ffffff;color:#333333;border-radius:0px;box-shadow:0px 1px 2px #eeeeee;border:1px solid #cccccc\">\n<div class=\"sue-panel-content su-u-trim\" style=\"padding:15px;text-align:left\"> Uniquely matrix economically sound value through cooperative technology. Competently parallel task fully researched data and enterprise process improvements. <\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"su-column su-column-size-1-2\">\n<div class=\"su-column-inner su-u-clearfix su-u-trim\">\n<div class=\"sue-panel\" data-url=\"\" data-target=\"self\" style=\"background-color:#ffffff;color:#333333;border-radius:0px;box-shadow:0px 1px 2px #eeeeee;border:1px solid #cccccc\">\n<div class=\"sue-panel-content su-u-trim\" style=\"padding:15px;text-align:left\"> Compellingly embrace empowered e-business after user friendly intellectual capital. Interactively actualize front-end processes with effective convergence. <\/div>\n<\/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=\"su-row\">\n<div class=\"su-column su-column-size-&quot;1-2&quot;\"><div class=\"su-column-inner su-u-clearfix su-u-trim\">\n<div class=\"sue-panel\" data-url=\"\" data-target=\"self\" style=\"background-color:#ffffff;color:#333333;border-radius:0px;box-shadow:0px 1px 2px #eeeeee;border:1px solid #cccccc\"><div class=\"sue-panel-content su-u-trim\" style=\"padding:15px;text-align:left\"> Uniquely matrix economically sound value through cooperative technology. Competently parallel task fully researched data and enterprise process improvements. <\/div><\/div>\n<\/div><\/div>\n<div class=\"su-column su-column-size-&quot;1-2&quot;\"><div class=\"su-column-inner su-u-clearfix su-u-trim\">\n<div class=\"sue-panel\" data-url=\"\" data-target=\"self\" style=\"background-color:#ffffff;color:#333333;border-radius:0px;box-shadow:0px 1px 2px #eeeeee;border:1px solid #cccccc\"><div class=\"sue-panel-content su-u-trim\" style=\"padding:15px;text-align:left\"> Compellingly embrace empowered e-business after user friendly intellectual capital. Interactively actualize front-end processes with effective convergence. <\/div><\/div>\n<\/div><\/div>\n<\/div><\/pre>\n\t<\/details>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Combined with columns and list<\/h2>\n\n\n<div class=\"block-demo block-demo-details\">\n\t<div class=\"block-demo-viewport\">\n\t\t<div class=\"su-row\">\n<div class=\"su-column su-column-size-1-2\">\n<div class=\"su-column-inner su-u-clearfix su-u-trim\">\n<div class=\"sue-panel\" data-url=\"\" data-target=\"self\" style=\"background-color:#f4fef8;color:#10b052;border-radius:0px;box-shadow:0px 1px 2px #eeeeee;border:1px solid #10b052\">\n<div class=\"sue-panel-content su-u-trim\" style=\"padding:15px;text-align:left\">\n<strong>Pros<\/strong><\/p>\n<div class=\"su-list\" style=\"margin-left:0px\">\n<ul>\n<li><i class=\"sui sui-check\" style=\"color:#10b052\"><\/i> List item<\/li>\n<li><i class=\"sui sui-check\" style=\"color:#10b052\"><\/i> List item<\/li>\n<li><i class=\"sui sui-check\" style=\"color:#10b052\"><\/i> List item<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"su-column su-column-size-1-2\">\n<div class=\"su-column-inner su-u-clearfix su-u-trim\">\n<div class=\"sue-panel\" data-url=\"\" data-target=\"self\" style=\"background-color:#fef4f4;color:#b01010;border-radius:0px;box-shadow:0px 1px 2px #eeeeee;border:1px solid #b01010\">\n<div class=\"sue-panel-content su-u-trim\" style=\"padding:15px;text-align:left\">\n<strong>Cons<\/strong><\/p>\n<div class=\"su-list\" style=\"margin-left:0px\">\n<ul>\n<li><i class=\"sui sui-times\" style=\"color:#b01010\"><\/i> List item<\/li>\n<li><i class=\"sui sui-times\" style=\"color:#b01010\"><\/i> List item<\/li>\n<li><i class=\"sui sui-times\" style=\"color:#b01010\"><\/i> List item<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/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=\"su-row\">\n<div class=\"su-column su-column-size-&quot;1-2&quot;\"><div class=\"su-column-inner su-u-clearfix su-u-trim\">\n<div class=\"sue-panel\" data-url=\"\" data-target=\"self\" style=\"background-color:&quot;#f4fef8&quot;;color:&quot;#10b052&quot;;border-radius:0px;box-shadow:0px 1px 2px #eeeeee;border:&quot;1px\"><div class=\"sue-panel-content su-u-trim\" style=\"padding:15px;text-align:left\">\n&lt;strong&gt;Pros&lt;\/strong&gt;\n<div class=\"su-list\" style=\"margin-left:0px\">\n&lt;ul&gt;\n&lt;li&gt;List item&lt;\/li&gt;\n&lt;li&gt;List item&lt;\/li&gt;\n&lt;li&gt;List item&lt;\/li&gt;\n&lt;\/ul&gt;\n<\/div>\n<\/div><\/div>\n<\/div><\/div>\n<div class=\"su-column su-column-size-&quot;1-2&quot;\"><div class=\"su-column-inner su-u-clearfix su-u-trim\">\n<div class=\"sue-panel\" data-url=\"\" data-target=\"self\" style=\"background-color:&quot;#fef4f4&quot;;color:&quot;#b01010&quot;;border-radius:0px;box-shadow:0px 1px 2px #eeeeee;border:&quot;1px\"><div class=\"sue-panel-content su-u-trim\" style=\"padding:15px;text-align:left\">\n&lt;strong&gt;Cons&lt;\/strong&gt;\n<div class=\"su-list\" style=\"margin-left:0px\">\n&lt;ul&gt;\n&lt;li&gt;List item&lt;\/li&gt;\n&lt;li&gt;List item&lt;\/li&gt;\n&lt;li&gt;List item&lt;\/li&gt;\n&lt;\/ul&gt;\n<\/div>\n<\/div><\/div>\n<\/div><\/div>\n<\/div><\/pre>\n\t<\/details>\n<\/div>\n","protected":false},"featured_media":0,"parent":34612,"menu_order":1,"template":"","class_list":["post-34613","demo","type-demo","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/demo\/34613","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=34613"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}