{"id":34616,"date":"2019-09-12T10:24:03","date_gmt":"2019-09-12T10:24:03","guid":{"rendered":"http:\/\/getshortcodes.com\/?post_type=demo&#038;p=34616"},"modified":"2019-09-12T10:24:12","modified_gmt":"2019-09-12T10:24:12","slug":"text-with-icon","status":"publish","type":"demo","link":"https:\/\/getshortcodes.com\/demo\/extra-shortcodes\/text-with-icon\/","title":{"rendered":"Text With Icon"},"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-text\" data-url=\"\" data-target=\"self\" style=\"min-height:58px;padding-left:72px;color:#000000\">\n<div class=\"sue-icon-text-icon\" style=\"color:#ffd700;font-size:48px;width:48px;height:48px\"><i class=\"sui sui-star\" style=\"font-size:48px;color:#ffd700\"><\/i><\/div>\n<div class=\"sue-icon-text-content su-u-trim\" style=\"color:#000000\"> 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 style=\"clear:both;height:0\"><\/div>\n<\/div>\n<div class=\"sue-icon-text\" data-url=\"\" data-target=\"self\" style=\"min-height:58px;padding-left:72px;color:#216fff\">\n<div class=\"sue-icon-text-icon\" style=\"color:#ff4121;font-size:48px;width:48px;height:48px\"><i class=\"sui sui-heart\" style=\"font-size:48px;color:#ff4121\"><\/i><\/div>\n<div class=\"sue-icon-text-content su-u-trim\" style=\"color:#216fff\"> 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 style=\"clear:both;height:0\"><\/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-text\" data-url=\"\" data-target=\"self\" style=\"min-height:10px;padding-left:0px;color:&quot;#000000&quot;\"><div class=\"sue-icon-text-icon\" style=\"color:&quot;#ffd700&quot;;font-size:0px;width:0px;height:0px\"><i class=\"sui sui-&quot;\" style=\"font-size:0px;color:&quot;#ffd700&quot;\"><\/i><\/div><div class=\"sue-icon-text-content su-u-trim\" style=\"color:&quot;#000000&quot;\"> 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 style=\"clear:both;height:0\"><\/div><\/div>\n\n<div class=\"sue-icon-text\" data-url=\"\" data-target=\"self\" style=\"min-height:10px;padding-left:0px;color:&quot;#216fff&quot;\"><div class=\"sue-icon-text-icon\" style=\"color:&quot;#ff4121&quot;;font-size:0px;width:0px;height:0px\"><i class=\"sui sui-&quot;\" style=\"font-size:0px;color:&quot;#ff4121&quot;\"><\/i><\/div><div class=\"sue-icon-text-content su-u-trim\" style=\"color:&quot;#216fff&quot;\"> 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 style=\"clear:both;height:0\"><\/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-text\" data-url=\"\" data-target=\"self\" style=\"min-height:34px;padding-left:36px;color:#333333\">\n<div class=\"sue-icon-text-icon\" style=\"color:#333333;font-size:24px;width:24px;height:24px\"><i class=\"sui sui-heart\" style=\"font-size:24px;color:#333333\"><\/i><\/div>\n<div class=\"sue-icon-text-content su-u-trim\" style=\"color:#333333\"> 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 style=\"clear:both;height:0\"><\/div>\n<\/div>\n<div class=\"sue-icon-text\" data-url=\"\" data-target=\"self\" style=\"min-height:58px;padding-left:72px;color:#333333\">\n<div class=\"sue-icon-text-icon\" style=\"color:#333333;font-size:48px;width:48px;height:48px\"><i class=\"sui sui-heart\" style=\"font-size:48px;color:#333333\"><\/i><\/div>\n<div class=\"sue-icon-text-content su-u-trim\" style=\"color:#333333\"> 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 style=\"clear:both;height:0\"><\/div>\n<\/div>\n<div class=\"sue-icon-text\" data-url=\"\" data-target=\"self\" style=\"min-height:82px;padding-left:108px;color:#333333\">\n<div class=\"sue-icon-text-icon\" style=\"color:#333333;font-size:72px;width:72px;height:72px\"><i class=\"sui sui-heart\" style=\"font-size:72px;color:#333333\"><\/i><\/div>\n<div class=\"sue-icon-text-content su-u-trim\" style=\"color:#333333\"> 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 style=\"clear:both;height:0\"><\/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-text\" data-url=\"\" data-target=\"self\" style=\"min-height:10px;padding-left:0px;color:#333333\"><div class=\"sue-icon-text-icon\" style=\"color:#333333;font-size:0px;width:0px;height:0px\"><i class=\"sui sui-heart\" style=\"font-size:0px;color:#333333\"><\/i><\/div><div class=\"sue-icon-text-content su-u-trim\" style=\"color:#333333\"> 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 style=\"clear:both;height:0\"><\/div><\/div>\n\n<div class=\"sue-icon-text\" data-url=\"\" data-target=\"self\" style=\"min-height:10px;padding-left:0px;color:#333333\"><div class=\"sue-icon-text-icon\" style=\"color:#333333;font-size:0px;width:0px;height:0px\"><i class=\"sui sui-heart\" style=\"font-size:0px;color:#333333\"><\/i><\/div><div class=\"sue-icon-text-content su-u-trim\" style=\"color:#333333\"> 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 style=\"clear:both;height:0\"><\/div><\/div>\n\n<div class=\"sue-icon-text\" data-url=\"\" data-target=\"self\" style=\"min-height:10px;padding-left:0px;color:#333333\"><div class=\"sue-icon-text-icon\" style=\"color:#333333;font-size:0px;width:0px;height:0px\"><i class=\"sui sui-heart\" style=\"font-size:0px;color:#333333\"><\/i><\/div><div class=\"sue-icon-text-content su-u-trim\" style=\"color:#333333\"> 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 style=\"clear:both;height:0\"><\/div><\/div><\/pre>\n\t<\/details>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">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-text sue-panel-clickable\" data-url=\"#\" data-target=\"blank\" style=\"min-height:34px;padding-left:36px;color:#333333\">\n<div class=\"sue-icon-text-icon\" style=\"color:#333333;font-size:24px;width:24px;height:24px\"><i class=\"sui sui-heart\" style=\"font-size:24px;color:#333333\"><\/i><\/div>\n<div class=\"sue-icon-text-content su-u-trim\" style=\"color:#333333\"> 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 style=\"clear:both;height:0\"><\/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-text sue-panel-clickable\" data-url=\"&quot;#&quot;\" data-target=\"blank\" style=\"min-height:34px;padding-left:36px;color:#333333\"><div class=\"sue-icon-text-icon\" style=\"color:#333333;font-size:24px;width:24px;height:24px\"><i class=\"sui sui-heart\" style=\"font-size:24px;color:#333333\"><\/i><\/div><div class=\"sue-icon-text-content su-u-trim\" style=\"color:#333333\"> 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 style=\"clear:both;height:0\"><\/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-text\" data-url=\"\" data-target=\"self\" style=\"min-height:58px;padding-left:72px;color:#333333\">\n<div class=\"sue-icon-text-icon\" style=\"color:gold;font-size:48px;width:48px;height:48px\"><i class=\"sui sui-star\" style=\"font-size:48px;color:gold\"><\/i><\/div>\n<div class=\"sue-icon-text-content su-u-trim\" style=\"color:#333333\"> Completely synergize resource taxing relationships via premier niche markets. Professionally cultivate one-to-one customer service with robust ideas. <\/div>\n<div style=\"clear:both;height:0\"><\/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-text\" data-url=\"\" data-target=\"self\" style=\"min-height:58px;padding-left:72px;color:#333333\">\n<div class=\"sue-icon-text-icon\" style=\"color:orangered;font-size:48px;width:48px;height:48px\"><i class=\"sui sui-heart\" style=\"font-size:48px;color:orangered\"><\/i><\/div>\n<div class=\"sue-icon-text-content su-u-trim\" style=\"color:#333333\"> Objectively innovate empowered manufactured products whereas parallel platforms. Holisticly predominate extensible testing procedures. <\/div>\n<div style=\"clear:both;height:0\"><\/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-text\" data-url=\"\" data-target=\"self\" style=\"min-height:10px;padding-left:0px;color:#333333\"><div class=\"sue-icon-text-icon\" style=\"color:&quot;gold&quot;;font-size:0px;width:0px;height:0px\"><i class=\"sui sui-&quot;\" style=\"font-size:0px;color:&quot;gold&quot;\"><\/i><\/div><div class=\"sue-icon-text-content su-u-trim\" style=\"color:#333333\"> Completely synergize resource taxing relationships via premier niche markets. Professionally cultivate one-to-one customer service with robust ideas. <\/div><div style=\"clear:both;height:0\"><\/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-text\" data-url=\"\" data-target=\"self\" style=\"min-height:10px;padding-left:0px;color:#333333\"><div class=\"sue-icon-text-icon\" style=\"color:&quot;orangered&quot;;font-size:0px;width:0px;height:0px\"><i class=\"sui sui-&quot;\" style=\"font-size:0px;color:&quot;orangered&quot;\"><\/i><\/div><div class=\"sue-icon-text-content su-u-trim\" style=\"color:#333333\"> Objectively innovate empowered manufactured products whereas parallel platforms. Holisticly predominate extensible testing procedures. <\/div><div style=\"clear:both;height:0\"><\/div><\/div>\n<\/div><\/div>\n<\/div><\/pre>\n\t<\/details>\n<\/div>\n","protected":false},"featured_media":0,"parent":34612,"menu_order":4,"template":"","class_list":["post-34616","demo","type-demo","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/demo\/34616","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=34616"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}