{"id":34615,"date":"2019-09-12T10:20:04","date_gmt":"2019-09-12T10:20:04","guid":{"rendered":"http:\/\/getshortcodes.com\/?post_type=demo&#038;p=34615"},"modified":"2019-09-12T10:20:24","modified_gmt":"2019-09-12T10:20:24","slug":"icon-panel","status":"publish","type":"demo","link":"https:\/\/getshortcodes.com\/demo\/extra-shortcodes\/icon-panel\/","title":{"rendered":"Icon Panel"},"content":{"rendered":"\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-icon-panel\" data-url=\"\" data-target=\"self\" style=\"background-color:#fce1dd;color:#840F21;border-radius:0px;box-shadow:0 5px 15px #F77848;border:1px solid #ec553a\">\n<div class=\"sue-icon-panel-head\"><i class=\"sui sui-heart\" style=\"font-size:48px;color:#F77848\"><\/i><\/div>\n<div class=\"sue-icon-panel-content su-u-trim\" style=\"text-align:center\"> 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-icon-panel\" data-url=\"\" data-target=\"self\" style=\"background-color:#fef0cc;color:#522608;border-radius:0px;box-shadow:0 5px 15px #FECA3F;border:1px solid #B2651A\">\n<div class=\"sue-icon-panel-head\"><i class=\"sui sui-star\" style=\"font-size:48px;color:#FECA3F\"><\/i><\/div>\n<div class=\"sue-icon-panel-content su-u-trim\" style=\"text-align:center\"> 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-icon-panel\" data-url=\"\" data-target=\"self\" style=\"background-color:#e6e9b8;color:#34480B;border-radius:0px;box-shadow:0 5px 15px #A0B02E;border:1px solid #6A8E46\">\n<div class=\"sue-icon-panel-head\"><i class=\"sui sui-leaf\" style=\"font-size:48px;color:#A0B02E\"><\/i><\/div>\n<div class=\"sue-icon-panel-content su-u-trim\" style=\"text-align:center\"> 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\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-icon-panel\" data-url=\"\" data-target=\"self\" style=\"background-color:&quot;#fce1dd&quot;;color:&quot;#840F21&quot;;border-radius:0px;box-shadow:&quot;0;border:&quot;1px\"><div class=\"sue-icon-panel-head\"><i class=\"sui sui-&quot;\" style=\"font-size:&quot;48&quot;px;color:&quot;#F77848&quot;\"><\/i><\/div><div class=\"sue-icon-panel-content su-u-trim\" style=\"text-align:center\"> 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-icon-panel\" data-url=\"\" data-target=\"self\" style=\"background-color:&quot;#fef0cc&quot;;color:&quot;#522608&quot;;border-radius:0px;box-shadow:&quot;0;border:&quot;1px\"><div class=\"sue-icon-panel-head\"><i class=\"sui sui-&quot;\" style=\"font-size:&quot;48&quot;px;color:&quot;#FECA3F&quot;\"><\/i><\/div><div class=\"sue-icon-panel-content su-u-trim\" style=\"text-align:center\"> 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-icon-panel\" data-url=\"\" data-target=\"self\" style=\"background-color:&quot;#e6e9b8&quot;;color:&quot;#34480B&quot;;border-radius:0px;box-shadow:&quot;0;border:&quot;1px\"><div class=\"sue-icon-panel-head\"><i class=\"sui sui-&quot;\" style=\"font-size:&quot;48&quot;px;color:&quot;#A0B02E&quot;\"><\/i><\/div><div class=\"sue-icon-panel-content su-u-trim\" style=\"text-align:center\"> 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><\/pre>\n\t<\/details>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Icon size 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-icon-panel\" data-url=\"\" data-target=\"self\" style=\"background-color:#ffffff;color:#333333;border-radius:0px;box-shadow:0 1px 2px #eeeeee;border:1px solid #cccccc\">\n<div class=\"sue-icon-panel-head\"><i class=\"sui sui-heart\" style=\"font-size:24px;color:#333333\"><\/i><\/div>\n<div class=\"sue-icon-panel-content su-u-trim\" style=\"text-align:center\"> 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<div class=\"sue-icon-panel\" data-url=\"\" data-target=\"self\" style=\"background-color:#ffffff;color:#333333;border-radius:0px;box-shadow:0 1px 2px #eeeeee;border:1px solid #cccccc\">\n<div class=\"sue-icon-panel-head\"><i class=\"sui sui-heart\" style=\"font-size:48px;color:#333333\"><\/i><\/div>\n<div class=\"sue-icon-panel-content su-u-trim\" style=\"text-align:center\"> Collaboratively administrate turnkey channels whereas virtual e-tailers. Objectively seize scalable metrics whereas proactive e-services. Seamlessly empower fully researched growth strategies and interoperable internal or &#8220;organic&#8221; sources. <\/div>\n<\/div>\n<div class=\"sue-icon-panel\" data-url=\"\" data-target=\"self\" style=\"background-color:#ffffff;color:#333333;border-radius:0px;box-shadow:0 1px 2px #eeeeee;border:1px solid #cccccc\">\n<div class=\"sue-icon-panel-head\"><i class=\"sui sui-heart\" style=\"font-size:72px;color:#333333\"><\/i><\/div>\n<div class=\"sue-icon-panel-content su-u-trim\" style=\"text-align:center\"> Credibly innovate granular internal or &#8220;organic&#8221; sources whereas high standards in web-readiness. Energistically scale future-proof core competencies vis-a-vis impactful experiences. Dramatically synthesize integrated schemas with optimal 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-icon-panel\" data-url=\"\" data-target=\"self\" style=\"background-color:#ffffff;color:#333333;border-radius:0px;box-shadow:0 1px 2px #eeeeee;border:1px solid #cccccc\"><div class=\"sue-icon-panel-head\"><i class=\"sui sui-heart\" style=\"font-size:&quot;24&quot;px;color:#333333\"><\/i><\/div><div class=\"sue-icon-panel-content su-u-trim\" style=\"text-align:center\"> 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>\n\n<div class=\"sue-icon-panel\" data-url=\"\" data-target=\"self\" style=\"background-color:#ffffff;color:#333333;border-radius:0px;box-shadow:0 1px 2px #eeeeee;border:1px solid #cccccc\"><div class=\"sue-icon-panel-head\"><i class=\"sui sui-heart\" style=\"font-size:&quot;48&quot;px;color:#333333\"><\/i><\/div><div class=\"sue-icon-panel-content su-u-trim\" style=\"text-align:center\"> Collaboratively administrate turnkey channels whereas virtual e-tailers. Objectively seize scalable metrics whereas proactive e-services. Seamlessly empower fully researched growth strategies and interoperable internal or &quot;organic&quot; sources. <\/div><\/div>\n\n<div class=\"sue-icon-panel\" data-url=\"\" data-target=\"self\" style=\"background-color:#ffffff;color:#333333;border-radius:0px;box-shadow:0 1px 2px #eeeeee;border:1px solid #cccccc\"><div class=\"sue-icon-panel-head\"><i class=\"sui sui-heart\" style=\"font-size:&quot;72&quot;px;color:#333333\"><\/i><\/div><div class=\"sue-icon-panel-content su-u-trim\" style=\"text-align:center\"> Credibly innovate granular internal or &quot;organic&quot; sources whereas high standards in web-readiness. Energistically scale future-proof core competencies vis-a-vis impactful experiences. Dramatically synthesize integrated schemas with optimal networks. <\/div><\/div><\/pre>\n\t<\/details>\n<\/div>\n\n\n\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-icon-panel\" data-url=\"\" data-target=\"self\" style=\"background-color:#ffffff;color:#333333;border-radius:5px;box-shadow:0 1px 2px #eeeeee;border:3px double #485466\">\n<div class=\"sue-icon-panel-head\"><i class=\"sui sui-user\" style=\"font-size:48px;color:#333333\"><\/i><\/div>\n<div class=\"sue-icon-panel-content su-u-trim\" style=\"text-align:center\"> 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<div class=\"sue-icon-panel\" data-url=\"\" data-target=\"self\" style=\"background-color:#ffffff;color:#333333;border-radius:10px;box-shadow:0 1px 2px #eeeeee;border:2px dashed #485466\">\n<div class=\"sue-icon-panel-head\"><i class=\"sui sui-quote-right\" style=\"font-size:48px;color:#333333\"><\/i><\/div>\n<div class=\"sue-icon-panel-content su-u-trim\" style=\"text-align:center\"> 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\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-icon-panel\" data-url=\"\" data-target=\"self\" style=\"background-color:#ffffff;color:#333333;border-radius:&quot;5&quot;px;box-shadow:0 1px 2px #eeeeee;border:&quot;3px\"><div class=\"sue-icon-panel-head\"><i class=\"sui sui-&quot;\" style=\"font-size:&quot;48&quot;px;color:#333333\"><\/i><\/div><div class=\"sue-icon-panel-content su-u-trim\" style=\"text-align:center\"> 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>\n\n<div class=\"sue-icon-panel\" data-url=\"\" data-target=\"self\" style=\"background-color:#ffffff;color:#333333;border-radius:&quot;10&quot;px;box-shadow:0 1px 2px #eeeeee;border:&quot;2px\"><div class=\"sue-icon-panel-head\"><i class=\"sui sui-&quot;\" style=\"font-size:&quot;48&quot;px;color:#333333\"><\/i><\/div><div class=\"sue-icon-panel-content su-u-trim\" style=\"text-align:center\"> 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><\/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-icon-panel\" data-url=\"\" data-target=\"self\" style=\"background-color:#ffffff;color:#333333;border-radius:0px;box-shadow:0 1px 2px #eeeeee;border:1px solid #cccccc\">\n<div class=\"sue-icon-panel-head\"><i class=\"sui sui-align-left\" style=\"font-size:24px;color:#333333\"><\/i><\/div>\n<div class=\"sue-icon-panel-content su-u-trim\" style=\"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<div class=\"sue-icon-panel\" data-url=\"\" data-target=\"self\" style=\"background-color:#ffffff;color:#333333;border-radius:0px;box-shadow:0 1px 2px #eeeeee;border:1px solid #cccccc\">\n<div class=\"sue-icon-panel-head\"><i class=\"sui sui-align-center\" style=\"font-size:24px;color:#333333\"><\/i><\/div>\n<div class=\"sue-icon-panel-content su-u-trim\" style=\"text-align:center\"> 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-icon-panel\" data-url=\"\" data-target=\"self\" style=\"background-color:#ffffff;color:#333333;border-radius:0px;box-shadow:0 1px 2px #eeeeee;border:1px solid #cccccc\">\n<div class=\"sue-icon-panel-head\"><i class=\"sui sui-align-right\" style=\"font-size:24px;color:#333333\"><\/i><\/div>\n<div class=\"sue-icon-panel-content su-u-trim\" style=\"text-align:right\"> 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\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-icon-panel\" data-url=\"\" data-target=\"self\" style=\"background-color:#ffffff;color:#333333;border-radius:0px;box-shadow:0 1px 2px #eeeeee;border:1px solid #cccccc\"><div class=\"sue-icon-panel-head\"><i class=\"sui sui-&quot;\" style=\"font-size:24px;color:#333333\"><\/i><\/div><div class=\"sue-icon-panel-content su-u-trim\" style=\"text-align:&quot;left&quot;\"> 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>\n\n<div class=\"sue-icon-panel\" data-url=\"\" data-target=\"self\" style=\"background-color:#ffffff;color:#333333;border-radius:0px;box-shadow:0 1px 2px #eeeeee;border:1px solid #cccccc\"><div class=\"sue-icon-panel-head\"><i class=\"sui sui-&quot;\" style=\"font-size:24px;color:#333333\"><\/i><\/div><div class=\"sue-icon-panel-content su-u-trim\" style=\"text-align:&quot;center&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-icon-panel\" data-url=\"\" data-target=\"self\" style=\"background-color:#ffffff;color:#333333;border-radius:0px;box-shadow:0 1px 2px #eeeeee;border:1px solid #cccccc\"><div class=\"sue-icon-panel-head\"><i class=\"sui sui-&quot;\" style=\"font-size:24px;color:#333333\"><\/i><\/div><div class=\"sue-icon-panel-content su-u-trim\" style=\"text-align:&quot;right&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><\/pre>\n\t<\/details>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Icon 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-icon-panel sue-panel-clickable\" data-url=\"#\" data-target=\"blank\" style=\"background-color:#ffffff;color:#333333;border-radius:0px;box-shadow:0 1px 2px #eeeeee;border:1px solid #cccccc\">\n<div class=\"sue-icon-panel-head\"><i class=\"sui sui-heart\" style=\"font-size:24px;color:#333333\"><\/i><\/div>\n<div class=\"sue-icon-panel-content su-u-trim\" style=\"text-align:center\"> 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-icon-panel sue-panel-clickable\" data-url=\"&quot;#&quot;\" data-target=\"blank\" style=\"background-color:#ffffff;color:#333333;border-radius:0px;box-shadow:0 1px 2px #eeeeee;border:1px solid #cccccc\"><div class=\"sue-icon-panel-head\"><i class=\"sui sui-heart\" style=\"font-size:24px;color:#333333\"><\/i><\/div><div class=\"sue-icon-panel-content su-u-trim\" style=\"text-align:center\"> 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\">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-icon-panel\" data-url=\"\" data-target=\"self\" style=\"background-color:#ffffff;color:#333333;border-radius:0px;box-shadow:0 1px 2px #eeeeee;border:1px solid #cccccc\">\n<div class=\"sue-icon-panel-head\"><i class=\"sui sui-heart\" style=\"font-size:48px;color:red\"><\/i><\/div>\n<div class=\"sue-icon-panel-content su-u-trim\" style=\"text-align:center\"> Interactively procrastinate high-payoff content without backward-compatible data. Quickly cultivate optimal processes and tactical architectures. <\/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-icon-panel\" data-url=\"\" data-target=\"self\" style=\"background-color:#ffffff;color:#333333;border-radius:0px;box-shadow:0 1px 2px #eeeeee;border:1px solid #cccccc\">\n<div class=\"sue-icon-panel-head\"><i class=\"sui sui-star\" style=\"font-size:48px;color:gold\"><\/i><\/div>\n<div class=\"sue-icon-panel-content su-u-trim\" style=\"text-align:center\"> Globally incubate standards compliant channels before scalable benefits. Quickly disseminate superior deliverables whereas web-enabled applications. <\/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-icon-panel\" data-url=\"\" data-target=\"self\" style=\"background-color:#ffffff;color:#333333;border-radius:0px;box-shadow:0 1px 2px #eeeeee;border:1px solid #cccccc\"><div class=\"sue-icon-panel-head\"><i class=\"sui sui-&quot;\" style=\"font-size:&quot;48&quot;px;color:&quot;red&quot;\"><\/i><\/div><div class=\"sue-icon-panel-content su-u-trim\" style=\"text-align:center\"> Interactively procrastinate high-payoff content without backward-compatible data. Quickly cultivate optimal processes and tactical architectures. <\/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-icon-panel\" data-url=\"\" data-target=\"self\" style=\"background-color:#ffffff;color:#333333;border-radius:0px;box-shadow:0 1px 2px #eeeeee;border:1px solid #cccccc\"><div class=\"sue-icon-panel-head\"><i class=\"sui sui-&quot;\" style=\"font-size:&quot;48&quot;px;color:&quot;gold&quot;\"><\/i><\/div><div class=\"sue-icon-panel-content su-u-trim\" style=\"text-align:center\"> Globally incubate standards compliant channels before scalable benefits. Quickly disseminate superior deliverables whereas web-enabled applications. <\/div><\/div>\n<\/div><\/div>\n<\/div><\/pre>\n\t<\/details>\n<\/div>\n","protected":false},"featured_media":0,"parent":34612,"menu_order":3,"template":"","class_list":["post-34615","demo","type-demo","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/demo\/34615","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=34615"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}