{"id":1909,"date":"2021-12-03T20:58:57","date_gmt":"2021-12-03T20:58:57","guid":{"rendered":"https:\/\/stax.organicthemes.com\/playground\/?page_id=1909"},"modified":"2022-11-07T15:16:00","modified_gmt":"2022-11-07T15:16:00","slug":"icon-box-block","status":"publish","type":"page","link":"https:\/\/stax.organicthemes.com\/playground\/blocks\/organic-blocks\/icon-box-block\/","title":{"rendered":"Icon Box Block"},"content":{"rendered":"\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<hr class=\"wp-block-separator has-text-color has-medium-gray-color has-css-opacity has-medium-gray-background-color has-background is-style-wide\"\/>\n\n\n\n<div class=\"wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-7f6c9a0b wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<h4 class=\"has-medium-font-size wp-block-heading\" id=\"content-slideshow-block-1\">Icon Box Block Examples<\/h4>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-buttons is-content-justification-right is-layout-flex wp-container-core-buttons-is-layout-0c63a832 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-font-size is-style-outline has-extra-small-font-size is-style-outline--1\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/organicthemes.com\/block\/icon-box-block\/\">Documentation<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-subtle-teal-gradient-background has-background wp-element-button\" href=\"https:\/\/organicthemes.com\/blocks\/\">Buy Blocks<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-medium-gray-color has-css-opacity has-medium-gray-background-color has-background is-style-wide\"\/>\n\n\n\n<p class=\"has-normal-font-size wp-block-paragraph\">The <strong>Icon Box Block<\/strong> displays featured content within a customizable container. It&#8217;s an excellent tool for highlighting specific information on your site \u2014 like a featured service, download link, or limited offer.<\/p>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">Multiple block variations are showcased below. Each variation may be copied to your clipboard, and pasted directly into your WordPress block editor. However, the <a rel=\"noreferrer noopener\" href=\"https:\/\/organicthemes.com\/blocks\/\" target=\"_blank\"><strong>Organic Blocks<\/strong><\/a> plugin is required.<\/p>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\"><strong>Please Note:<\/strong> These are example style variations created to showcase the block flexibility. Any variation can be modified to your liking, and entirely new variations may be created using the block settings.<\/p>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<h4 class=\"has-text-align-center wp-block-heading\" id=\"variation-1\">Variation 1<\/h4>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-7f6c9a0b wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-obb-icon-block organic-block obb-icon-box obb-orientation-vertical obb-vertical-align-center\" style=\"background-color:#f4f4f4;padding-top:24px;padding-bottom:24px;padding-left:24px;padding-right:24px;border-radius:6px\">\n<figure class=\"wp-block-image aligncenter size-full is-resized obb-icon-img\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/avatar_022.png\" alt=\"\" class=\"wp-image-2000\" width=\"128\" height=\"128\" srcset=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/avatar_022.png 512w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/avatar_022-300x300.png 300w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/avatar_022-150x150.png 150w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/avatar_022-100x100.png 100w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/avatar_022-50x50.png 50w\" sizes=\"auto, (max-width: 128px) 100vw, 128px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group obb-icon-content is-layout-flow wp-block-group-is-layout-flow\">\n<h6 class=\"has-text-align-center has-black-color has-text-color has-medium-font-size wp-block-heading\" id=\"customizable\" style=\"line-height:1.2\">Crafty<\/h6>\n\n\n\n<p class=\"has-text-align-center has-medium-gray-color has-text-color has-normal-font-size wp-block-paragraph\">This is some example text. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-3dbc7f16 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size is-style-fill has-small-font-size\"><a class=\"wp-block-button__link has-white-color has-text-color has-background wp-element-button\" href=\"#blank\" style=\"background:linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%)\"><strong>Learn More<\/strong><\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-obb-icon-block organic-block obb-icon-box obb-orientation-vertical obb-vertical-align-center\" style=\"background-color:#f4f4f4;padding-top:24px;padding-bottom:24px;padding-left:24px;padding-right:24px;border-radius:6px\">\n<figure class=\"wp-block-image aligncenter size-full is-resized obb-icon-img\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/avatar_004.png\" alt=\"\" class=\"wp-image-1998\" width=\"128\" height=\"128\" srcset=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/avatar_004.png 512w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/avatar_004-300x300.png 300w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/avatar_004-150x150.png 150w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/avatar_004-100x100.png 100w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/avatar_004-50x50.png 50w\" sizes=\"auto, (max-width: 128px) 100vw, 128px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group obb-icon-content is-layout-flow wp-block-group-is-layout-flow\">\n<h6 class=\"has-text-align-center has-black-color has-text-color has-medium-font-size wp-block-heading\" id=\"customizable\" style=\"line-height:1.2\">Stylish<\/h6>\n\n\n\n<p class=\"has-text-align-center has-medium-gray-color has-text-color has-normal-font-size wp-block-paragraph\">This is some example text. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-3dbc7f16 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size is-style-fill has-small-font-size\"><a class=\"wp-block-button__link has-white-color has-fire-blaze-gradient-background has-text-color has-background wp-element-button\" href=\"#blank\"><strong>Learn More<\/strong><\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-obb-icon-block organic-block obb-icon-box obb-orientation-vertical obb-vertical-align-center\" style=\"background-color:#f4f4f4;padding-top:24px;padding-bottom:24px;padding-left:24px;padding-right:24px;border-radius:6px\">\n<figure class=\"wp-block-image aligncenter size-full is-resized obb-icon-img\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/avatar_011.png\" alt=\"\" class=\"wp-image-1999\" width=\"128\" height=\"128\" srcset=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/avatar_011.png 512w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/avatar_011-300x300.png 300w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/avatar_011-150x150.png 150w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/avatar_011-100x100.png 100w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/avatar_011-50x50.png 50w\" sizes=\"auto, (max-width: 128px) 100vw, 128px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group obb-icon-content is-layout-flow wp-block-group-is-layout-flow\">\n<h6 class=\"has-text-align-center has-black-color has-text-color has-medium-font-size wp-block-heading\" id=\"customizable\" style=\"line-height:1.2\">Organized<\/h6>\n\n\n\n<p class=\"has-text-align-center has-medium-gray-color has-text-color has-normal-font-size wp-block-paragraph\">This is some example text. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-3dbc7f16 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size is-style-fill has-small-font-size\"><a class=\"wp-block-button__link has-white-color has-text-color has-background wp-element-button\" href=\"#blank\" style=\"background:linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%)\"><strong>Learn More<\/strong><\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-7f6c9a0b wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:60%\">\n<p class=\"has-small-font-size wp-block-paragraph\">Copy this block variation using the button, and paste it into your WordPress block editor. The <strong>Organic Blocks<\/strong> plugin is required.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div id=\"obb-clipboard-id-0\" class=\"wp-block-obb-clipboard-block organic-block obb-clipboard wp-block-button obb-clipboard-button is-style-outline\" style=\"text-align:right\"><a id=\"obb-clipboard-button-0\" class=\"wp-block-button__link\" data-alert-target=\"obb-clipboard-alert-0\" data-clipboard-text=\"&lt;!-- wp:obb\/icon-block {&quot;vertpadding&quot;:&quot;24px&quot;,&quot;horizpadding&quot;:&quot;24px&quot;,&quot;styleradius&quot;:6,&quot;styleshadow&quot;:0,&quot;bgcolor&quot;:&quot;#f4f4f4&quot;} --&gt;\n&lt;div class=&quot;wp-block-obb-icon-block organic-block obb-icon-box obb-orientation-vertical obb-vertical-align-center&quot; style=&quot;background-color:#f4f4f4;padding-top:24px;padding-bottom:24px;padding-left:24px;padding-right:24px;border-radius:6px&quot;&gt;&lt;!-- wp:image {&quot;align&quot;:&quot;center&quot;,&quot;id&quot;:2000,&quot;width&quot;:128,&quot;height&quot;:128,&quot;sizeSlug&quot;:&quot;full&quot;,&quot;linkDestination&quot;:&quot;none&quot;,&quot;className&quot;:&quot;obb-icon-img&quot;} --&gt;\n&lt;figure class=&quot;wp-block-image aligncenter size-full is-resized obb-icon-img&quot;&gt;&lt;img src=&quot;https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/avatar_022.png&quot; alt=&quot;&quot; class=&quot;wp-image-2000&quot; width=&quot;128&quot; height=&quot;128&quot;\/&gt;&lt;\/figure&gt;\n&lt;!-- \/wp:image --&gt;\n\n&lt;!-- wp:group {&quot;className&quot;:&quot;obb-icon-content&quot;} --&gt;\n&lt;div class=&quot;wp-block-group obb-icon-content&quot;&gt;&lt;!-- wp:heading {&quot;textAlign&quot;:&quot;center&quot;,&quot;level&quot;:6,&quot;placeholder&quot;:&quot;Icon Box&quot;,&quot;style&quot;:{&quot;typography&quot;:{&quot;lineHeight&quot;:&quot;1.2&quot;}},&quot;textColor&quot;:&quot;black&quot;,&quot;fontSize&quot;:&quot;medium&quot;} --&gt;\n&lt;h6 class=&quot;has-text-align-center has-black-color has-text-color has-medium-font-size&quot; id=&quot;customizable&quot; style=&quot;line-height:1.2&quot;&gt;Crafty&lt;\/h6&gt;\n&lt;!-- \/wp:heading --&gt;\n\n&lt;!-- wp:paragraph {&quot;align&quot;:&quot;center&quot;,&quot;placeholder&quot;:&quot;The Icon Box Block displays featured content with an icon and a link.&quot;,&quot;textColor&quot;:&quot;medium-gray&quot;,&quot;fontSize&quot;:&quot;normal&quot;} --&gt;\n&lt;p class=&quot;has-text-align-center has-medium-gray-color has-text-color has-normal-font-size&quot;&gt;This is some example text. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.&lt;\/p&gt;\n&lt;!-- \/wp:paragraph --&gt;\n\n&lt;!-- wp:buttons {&quot;layout&quot;:{&quot;type&quot;:&quot;flex&quot;,&quot;justifyContent&quot;:&quot;center&quot;,&quot;orientation&quot;:&quot;horizontal&quot;}} --&gt;\n&lt;div class=&quot;wp-block-buttons&quot;&gt;&lt;!-- wp:button {&quot;placeholder&quot;:&quot;Example Button&quot;,&quot;textColor&quot;:&quot;white&quot;,&quot;width&quot;:100,&quot;style&quot;:{&quot;color&quot;:{&quot;gradient&quot;:&quot;linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%)&quot;}},&quot;className&quot;:&quot;is-style-fill&quot;,&quot;fontSize&quot;:&quot;small&quot;} --&gt;\n&lt;div class=&quot;wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size is-style-fill has-small-font-size&quot;&gt;&lt;a class=&quot;wp-block-button__link has-white-color has-text-color has-background wp-element-button&quot; href=&quot;#blank&quot; style=&quot;background:linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%)&quot;&gt;&lt;strong&gt;Learn More&lt;\/strong&gt;&lt;\/a&gt;&lt;\/div&gt;\n&lt;!-- \/wp:button --&gt;&lt;\/div&gt;\n&lt;!-- \/wp:buttons --&gt;&lt;\/div&gt;\n&lt;!-- \/wp:group --&gt;&lt;\/div&gt;\n&lt;!-- \/wp:obb\/icon-block --&gt;\" style=\"border-radius:3px;border-width:2px;border-style:solid;border-color:#ccc\"><span class=\"obb-clipboard-button-text\">Copy Block<\/span><\/a><div id=\"obb-clipboard-alert-0\" class=\"obb-clipboard-alert\">Copied block to clipboard!<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-medium-gray-color has-css-opacity has-medium-gray-background-color has-background is-style-wide\"\/>\n\n\n\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<h4 class=\"has-text-align-center wp-block-heading\" id=\"variation-2\">Variation 2<\/h4>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-7f6c9a0b wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-obb-icon-block organic-block obb-icon-box obb-orientation-vertical obb-vertical-align-center\" style=\"background-color:#fff;padding-top:24px;padding-bottom:24px;padding-left:24px;padding-right:24px;border-radius:12px;box-shadow:0 0 24px #00000040\">\n<figure class=\"wp-block-image aligncenter size-full is-resized obb-icon-img\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/hero-icon.png\" alt=\"\" class=\"wp-image-17\" width=\"36\" height=\"36\" srcset=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/hero-icon.png 180w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/hero-icon-150x150.png 150w\" sizes=\"auto, (max-width: 36px) 100vw, 36px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group obb-icon-content is-layout-flow wp-block-group-is-layout-flow\">\n<h6 class=\"has-text-align-center has-black-color has-text-color has-small-font-size wp-block-heading\" id=\"customizable\" style=\"line-height:1.2\">Amazing<\/h6>\n\n\n\n<p class=\"has-text-align-center has-small-font-size wp-block-paragraph\">This product is truly amazing. I love it!<\/p>\n\n\n\n<div class=\"wp-block-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-3dbc7f16 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size is-style-outline has-extra-small-font-size is-style-outline--2\"><a class=\"wp-block-button__link has-medium-gray-color has-text-color wp-element-button\" href=\"#blank\">Learn More<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-obb-icon-block organic-block obb-icon-box obb-orientation-vertical obb-vertical-align-center\" style=\"background-color:#fff;padding-top:24px;padding-bottom:24px;padding-left:24px;padding-right:24px;border-radius:12px;box-shadow:0 0 24px #00000040\">\n<figure class=\"wp-block-image aligncenter size-full is-resized obb-icon-img\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/alert-icon.png\" alt=\"\" class=\"wp-image-10\" width=\"36\" height=\"36\" srcset=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/alert-icon.png 180w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/alert-icon-150x150.png 150w\" sizes=\"auto, (max-width: 36px) 100vw, 36px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group obb-icon-content is-layout-flow wp-block-group-is-layout-flow\">\n<h6 class=\"has-text-align-center has-black-color has-text-color has-small-font-size wp-block-heading\" id=\"customizable\" style=\"line-height:1.2\">Super Duper<\/h6>\n\n\n\n<p class=\"has-text-align-center has-small-font-size wp-block-paragraph\">This product is truly super duper. I love it!<\/p>\n\n\n\n<div class=\"wp-block-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-3dbc7f16 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size is-style-outline has-extra-small-font-size is-style-outline--3\"><a class=\"wp-block-button__link has-medium-gray-color has-text-color wp-element-button\" href=\"#blank\">Learn More<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-obb-icon-block organic-block obb-icon-box obb-orientation-vertical obb-vertical-align-center\" style=\"background-color:#fff;padding-top:24px;padding-bottom:24px;padding-left:24px;padding-right:24px;border-radius:12px;box-shadow:0 0 24px #00000040\">\n<figure class=\"wp-block-image aligncenter size-full is-resized obb-icon-img\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/widget-area-icon.png\" alt=\"\" class=\"wp-image-29\" width=\"36\" height=\"36\" srcset=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/widget-area-icon.png 180w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/widget-area-icon-150x150.png 150w\" sizes=\"auto, (max-width: 36px) 100vw, 36px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group obb-icon-content is-layout-flow wp-block-group-is-layout-flow\">\n<h6 class=\"has-text-align-center has-black-color has-text-color has-small-font-size wp-block-heading\" id=\"customizable\" style=\"line-height:1.2\">Unbelievable<\/h6>\n\n\n\n<p class=\"has-text-align-center has-small-font-size wp-block-paragraph\">This product is truly unbelievable. I love it!<\/p>\n\n\n\n<div class=\"wp-block-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-3dbc7f16 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size is-style-outline has-extra-small-font-size is-style-outline--4\"><a class=\"wp-block-button__link has-medium-gray-color has-text-color wp-element-button\" href=\"#blank\">Learn More<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-obb-icon-block organic-block obb-icon-box obb-orientation-vertical obb-vertical-align-center\" style=\"background-color:#fff;padding-top:24px;padding-bottom:24px;padding-left:24px;padding-right:24px;border-radius:12px;box-shadow:0 0 24px #00000040\">\n<figure class=\"wp-block-image aligncenter size-full is-resized obb-icon-img\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/callout-icon.png\" alt=\"\" class=\"wp-image-12\" width=\"36\" height=\"36\" srcset=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/callout-icon.png 180w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/callout-icon-150x150.png 150w\" sizes=\"auto, (max-width: 36px) 100vw, 36px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group obb-icon-content is-layout-flow wp-block-group-is-layout-flow\">\n<h6 class=\"has-text-align-center has-black-color has-text-color has-small-font-size wp-block-heading\" id=\"customizable\" style=\"line-height:1.2\">Incredible<\/h6>\n\n\n\n<p class=\"has-text-align-center has-small-font-size wp-block-paragraph\">This product is truly incredible. I love it!<\/p>\n\n\n\n<div class=\"wp-block-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-3dbc7f16 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size is-style-outline has-extra-small-font-size is-style-outline--5\"><a class=\"wp-block-button__link has-medium-gray-color has-text-color wp-element-button\" href=\"#blank\">Learn More<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-obb-icon-block organic-block obb-icon-box obb-orientation-vertical obb-vertical-align-center\" style=\"background-color:#fff;padding-top:24px;padding-bottom:24px;padding-left:24px;padding-right:24px;border-radius:12px;box-shadow:0 0 24px #00000040\">\n<figure class=\"wp-block-image aligncenter size-full is-resized obb-icon-img\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/testimonials-icon.png\" alt=\"\" class=\"wp-image-27\" width=\"36\" height=\"36\" srcset=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/testimonials-icon.png 180w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/testimonials-icon-150x150.png 150w\" sizes=\"auto, (max-width: 36px) 100vw, 36px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group obb-icon-content is-layout-flow wp-block-group-is-layout-flow\">\n<h6 class=\"has-text-align-center has-black-color has-text-color has-small-font-size wp-block-heading\" id=\"customizable\" style=\"line-height:1.2\">Radical<\/h6>\n\n\n\n<p class=\"has-text-align-center has-small-font-size wp-block-paragraph\">This product is truly radical. I love it!<\/p>\n\n\n\n<div class=\"wp-block-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-3dbc7f16 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size is-style-outline has-extra-small-font-size is-style-outline--6\"><a class=\"wp-block-button__link has-medium-gray-color has-text-color wp-element-button\" href=\"#blank\">Learn More<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-7f6c9a0b wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:60%\">\n<p class=\"has-small-font-size wp-block-paragraph\">Copy this block variation using the button, and paste it into your WordPress block editor. The <strong>Organic Blocks<\/strong> plugin is required.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div id=\"obb-clipboard-id-1\" class=\"wp-block-obb-clipboard-block organic-block obb-clipboard wp-block-button obb-clipboard-button is-style-outline\" style=\"text-align:right\"><a id=\"obb-clipboard-button-1\" class=\"wp-block-button__link\" data-alert-target=\"obb-clipboard-alert-1\" data-clipboard-text=\"&lt;!-- wp:obb\/icon-block {&quot;vertpadding&quot;:&quot;24px&quot;,&quot;horizpadding&quot;:&quot;24px&quot;,&quot;styleshadowcolor&quot;:&quot;#00000040&quot;} --&gt;\n&lt;div class=&quot;wp-block-obb-icon-block organic-block obb-icon-box obb-orientation-vertical obb-vertical-align-center&quot; style=&quot;background-color:#fff;padding-top:24px;padding-bottom:24px;padding-left:24px;padding-right:24px;border-radius:12px;box-shadow:0 0 24px #00000040&quot;&gt;&lt;!-- wp:image {&quot;align&quot;:&quot;center&quot;,&quot;id&quot;:17,&quot;width&quot;:36,&quot;height&quot;:36,&quot;sizeSlug&quot;:&quot;full&quot;,&quot;linkDestination&quot;:&quot;none&quot;,&quot;className&quot;:&quot;obb-icon-img&quot;} --&gt;\n&lt;figure class=&quot;wp-block-image aligncenter size-full is-resized obb-icon-img&quot;&gt;&lt;img src=&quot;https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/hero-icon.png&quot; alt=&quot;&quot; class=&quot;wp-image-17&quot; width=&quot;36&quot; height=&quot;36&quot;\/&gt;&lt;\/figure&gt;\n&lt;!-- \/wp:image --&gt;\n\n&lt;!-- wp:group {&quot;className&quot;:&quot;obb-icon-content&quot;} --&gt;\n&lt;div class=&quot;wp-block-group obb-icon-content&quot;&gt;&lt;!-- wp:heading {&quot;textAlign&quot;:&quot;center&quot;,&quot;level&quot;:6,&quot;placeholder&quot;:&quot;Icon Box&quot;,&quot;style&quot;:{&quot;typography&quot;:{&quot;lineHeight&quot;:&quot;1.2&quot;}},&quot;textColor&quot;:&quot;black&quot;,&quot;fontSize&quot;:&quot;small&quot;} --&gt;\n&lt;h6 class=&quot;has-text-align-center has-black-color has-text-color has-small-font-size&quot; id=&quot;customizable&quot; style=&quot;line-height:1.2&quot;&gt;Amazing&lt;\/h6&gt;\n&lt;!-- \/wp:heading --&gt;\n\n&lt;!-- wp:paragraph {&quot;align&quot;:&quot;center&quot;,&quot;placeholder&quot;:&quot;The Icon Box Block displays featured content with an icon and a link.&quot;,&quot;fontSize&quot;:&quot;small&quot;} --&gt;\n&lt;p class=&quot;has-text-align-center has-small-font-size&quot;&gt;This product is truly amazing. I love it!&lt;\/p&gt;\n&lt;!-- \/wp:paragraph --&gt;\n\n&lt;!-- wp:buttons {&quot;layout&quot;:{&quot;type&quot;:&quot;flex&quot;,&quot;justifyContent&quot;:&quot;center&quot;,&quot;orientation&quot;:&quot;horizontal&quot;}} --&gt;\n&lt;div class=&quot;wp-block-buttons&quot;&gt;&lt;!-- wp:button {&quot;placeholder&quot;:&quot;Example Button&quot;,&quot;textColor&quot;:&quot;medium-gray&quot;,&quot;width&quot;:100,&quot;className&quot;:&quot;is-style-outline&quot;,&quot;fontSize&quot;:&quot;extra-small&quot;} --&gt;\n&lt;div class=&quot;wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size is-style-outline has-extra-small-font-size&quot;&gt;&lt;a class=&quot;wp-block-button__link has-medium-gray-color has-text-color wp-element-button&quot; href=&quot;#blank&quot;&gt;Learn More&lt;\/a&gt;&lt;\/div&gt;\n&lt;!-- \/wp:button --&gt;&lt;\/div&gt;\n&lt;!-- \/wp:buttons --&gt;&lt;\/div&gt;\n&lt;!-- \/wp:group --&gt;&lt;\/div&gt;\n&lt;!-- \/wp:obb\/icon-block --&gt;\" style=\"border-radius:3px;border-width:2px;border-style:solid;border-color:#ccc\"><span class=\"obb-clipboard-button-text\">Copy Block<\/span><\/a><div id=\"obb-clipboard-alert-1\" class=\"obb-clipboard-alert\">Copied block to clipboard!<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-medium-gray-color has-css-opacity has-medium-gray-background-color has-background is-style-wide\"\/>\n\n\n\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<h4 class=\"has-text-align-center wp-block-heading\" id=\"variation-3\">Variation 3<\/h4>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-7f6c9a0b wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-obb-icon-block organic-block obb-icon-box obb-orientation-vertical obb-vertical-align-center\" style=\"background-color:#fff;background-image:linear-gradient(135deg, rgb(244, 182, 0), rgb(200, 0, 0) 100%);padding-top:24px;padding-bottom:24px;padding-left:24px;padding-right:24px;border-radius:6px\">\n<figure class=\"wp-block-image aligncenter size-full is-resized obb-icon-img\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/lab-icon-white.png\" alt=\"\" class=\"wp-image-1987\" width=\"64\" height=\"64\" srcset=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/lab-icon-white.png 320w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/lab-icon-white-300x300.png 300w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/lab-icon-white-150x150.png 150w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/lab-icon-white-100x100.png 100w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/lab-icon-white-50x50.png 50w\" sizes=\"auto, (max-width: 64px) 100vw, 64px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group obb-icon-content is-layout-flow wp-block-group-is-layout-flow\">\n<h6 class=\"has-text-align-center has-white-color has-text-color has-normal-font-size wp-block-heading\" id=\"customizable\" style=\"line-height:1.2\">Amazing<\/h6>\n\n\n\n<p class=\"has-text-align-center has-white-color has-text-color has-small-font-size wp-block-paragraph\">This product is truly amazing.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-3dbc7f16 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size is-style-outline has-small-font-size is-style-outline--7\"><a class=\"wp-block-button__link has-white-color has-text-color wp-element-button\" href=\"#blank\">Learn More<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-obb-icon-block organic-block obb-icon-box obb-orientation-vertical obb-vertical-align-center\" style=\"background-color:#fff;background-image:linear-gradient(135deg, rgb(244, 182, 0), rgb(200, 0, 0) 100%);padding-top:24px;padding-bottom:24px;padding-left:24px;padding-right:24px;border-radius:6px\">\n<figure class=\"wp-block-image aligncenter size-full is-resized obb-icon-img\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/heart-icon-white.png\" alt=\"\" class=\"wp-image-1986\" width=\"64\" height=\"64\" srcset=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/heart-icon-white.png 320w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/heart-icon-white-300x300.png 300w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/heart-icon-white-150x150.png 150w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/heart-icon-white-100x100.png 100w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/heart-icon-white-50x50.png 50w\" sizes=\"auto, (max-width: 64px) 100vw, 64px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group obb-icon-content is-layout-flow wp-block-group-is-layout-flow\">\n<h6 class=\"has-text-align-center has-white-color has-text-color has-normal-font-size wp-block-heading\" id=\"customizable\" style=\"line-height:1.2\">Incredible<\/h6>\n\n\n\n<p class=\"has-text-align-center has-white-color has-text-color has-small-font-size wp-block-paragraph\">This service is truly incredible.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-3dbc7f16 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size is-style-outline has-small-font-size is-style-outline--8\"><a class=\"wp-block-button__link has-white-color has-text-color wp-element-button\" href=\"#blank\">Learn More<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-obb-icon-block organic-block obb-icon-box obb-orientation-vertical obb-vertical-align-center\" style=\"background-color:#fff;background-image:linear-gradient(135deg, rgb(244, 182, 0), rgb(200, 0, 0) 100%);padding-top:24px;padding-bottom:24px;padding-left:24px;padding-right:24px;border-radius:6px\">\n<figure class=\"wp-block-image aligncenter size-full is-resized obb-icon-img\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/paper-plane-icon-white.png\" alt=\"\" class=\"wp-image-1988\" width=\"64\" height=\"64\" srcset=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/paper-plane-icon-white.png 320w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/paper-plane-icon-white-300x300.png 300w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/paper-plane-icon-white-150x150.png 150w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/paper-plane-icon-white-100x100.png 100w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/paper-plane-icon-white-50x50.png 50w\" sizes=\"auto, (max-width: 64px) 100vw, 64px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group obb-icon-content is-layout-flow wp-block-group-is-layout-flow\">\n<h6 class=\"has-text-align-center has-white-color has-text-color has-normal-font-size wp-block-heading\" id=\"customizable\" style=\"line-height:1.2\">Spectacular<\/h6>\n\n\n\n<p class=\"has-text-align-center has-white-color has-text-color has-small-font-size wp-block-paragraph\">This thing is truly spectacular.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-3dbc7f16 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size is-style-outline has-small-font-size is-style-outline--9\"><a class=\"wp-block-button__link has-white-color has-text-color wp-element-button\" href=\"#blank\">Learn More<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-obb-icon-block organic-block obb-icon-box obb-orientation-vertical obb-vertical-align-center\" style=\"background-color:#fff;background-image:linear-gradient(135deg, rgb(244, 182, 0), rgb(200, 0, 0) 100%);padding-top:24px;padding-bottom:24px;padding-left:24px;padding-right:24px;border-radius:6px\">\n<figure class=\"wp-block-image aligncenter size-full is-resized obb-icon-img\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/bulb-icon-white.png\" alt=\"\" class=\"wp-image-1985\" width=\"64\" height=\"64\" srcset=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/bulb-icon-white.png 320w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/bulb-icon-white-300x300.png 300w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/bulb-icon-white-150x150.png 150w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/bulb-icon-white-100x100.png 100w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/bulb-icon-white-50x50.png 50w\" sizes=\"auto, (max-width: 64px) 100vw, 64px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group obb-icon-content is-layout-flow wp-block-group-is-layout-flow\">\n<h6 class=\"has-text-align-center has-white-color has-text-color has-normal-font-size wp-block-heading\" id=\"customizable\" style=\"line-height:1.2\">Radical<\/h6>\n\n\n\n<p class=\"has-text-align-center has-white-color has-text-color has-small-font-size wp-block-paragraph\">This service is truly radical, dude.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-3dbc7f16 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size is-style-outline has-small-font-size is-style-outline--10\"><a class=\"wp-block-button__link has-white-color has-text-color wp-element-button\" href=\"#blank\">Learn More<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-7f6c9a0b wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:60%\">\n<p class=\"has-small-font-size wp-block-paragraph\">Copy this block variation using the button, and paste it into your WordPress block editor. The <strong>Organic Blocks<\/strong> plugin is required.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div id=\"obb-clipboard-id-2\" class=\"wp-block-obb-clipboard-block organic-block obb-clipboard wp-block-button obb-clipboard-button is-style-outline\" style=\"text-align:right\"><a id=\"obb-clipboard-button-2\" class=\"wp-block-button__link\" data-alert-target=\"obb-clipboard-alert-2\" data-clipboard-text=\"&lt;!-- wp:obb\/icon-block {&quot;vertpadding&quot;:&quot;24px&quot;,&quot;horizpadding&quot;:&quot;24px&quot;,&quot;styleradius&quot;:6,&quot;styleshadow&quot;:0,&quot;bggradient&quot;:&quot;linear-gradient(135deg, rgb(244, 182, 0), rgb(200, 0, 0) 100%)&quot;} --&gt;\n&lt;div class=&quot;wp-block-obb-icon-block organic-block obb-icon-box obb-orientation-vertical obb-vertical-align-center&quot; style=&quot;background-color:#fff;background-image:linear-gradient(135deg, rgb(244, 182, 0), rgb(200, 0, 0) 100%);padding-top:24px;padding-bottom:24px;padding-left:24px;padding-right:24px;border-radius:6px&quot;&gt;&lt;!-- wp:image {&quot;align&quot;:&quot;center&quot;,&quot;id&quot;:1987,&quot;width&quot;:64,&quot;height&quot;:64,&quot;sizeSlug&quot;:&quot;full&quot;,&quot;linkDestination&quot;:&quot;none&quot;,&quot;className&quot;:&quot;obb-icon-img&quot;} --&gt;\n&lt;figure class=&quot;wp-block-image aligncenter size-full is-resized obb-icon-img&quot;&gt;&lt;img src=&quot;https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/lab-icon-white.png&quot; alt=&quot;&quot; class=&quot;wp-image-1987&quot; width=&quot;64&quot; height=&quot;64&quot;\/&gt;&lt;\/figure&gt;\n&lt;!-- \/wp:image --&gt;\n\n&lt;!-- wp:group {&quot;className&quot;:&quot;obb-icon-content&quot;} --&gt;\n&lt;div class=&quot;wp-block-group obb-icon-content&quot;&gt;&lt;!-- wp:heading {&quot;textAlign&quot;:&quot;center&quot;,&quot;level&quot;:6,&quot;placeholder&quot;:&quot;Icon Box&quot;,&quot;style&quot;:{&quot;typography&quot;:{&quot;lineHeight&quot;:&quot;1.2&quot;}},&quot;textColor&quot;:&quot;white&quot;,&quot;fontSize&quot;:&quot;normal&quot;} --&gt;\n&lt;h6 class=&quot;has-text-align-center has-white-color has-text-color has-normal-font-size&quot; id=&quot;customizable&quot; style=&quot;line-height:1.2&quot;&gt;Amazing&lt;\/h6&gt;\n&lt;!-- \/wp:heading --&gt;\n\n&lt;!-- wp:paragraph {&quot;align&quot;:&quot;center&quot;,&quot;placeholder&quot;:&quot;The Icon Box Block displays featured content with an icon and a link.&quot;,&quot;textColor&quot;:&quot;white&quot;,&quot;fontSize&quot;:&quot;small&quot;} --&gt;\n&lt;p class=&quot;has-text-align-center has-white-color has-text-color has-small-font-size&quot;&gt;This product is truly amazing.&lt;\/p&gt;\n&lt;!-- \/wp:paragraph --&gt;\n\n&lt;!-- wp:buttons {&quot;layout&quot;:{&quot;type&quot;:&quot;flex&quot;,&quot;justifyContent&quot;:&quot;center&quot;,&quot;orientation&quot;:&quot;horizontal&quot;}} --&gt;\n&lt;div class=&quot;wp-block-buttons&quot;&gt;&lt;!-- wp:button {&quot;placeholder&quot;:&quot;Example Button&quot;,&quot;textColor&quot;:&quot;white&quot;,&quot;width&quot;:100,&quot;className&quot;:&quot;is-style-outline&quot;,&quot;fontSize&quot;:&quot;small&quot;} --&gt;\n&lt;div class=&quot;wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size is-style-outline has-small-font-size&quot;&gt;&lt;a class=&quot;wp-block-button__link has-white-color has-text-color wp-element-button&quot; href=&quot;#blank&quot;&gt;Learn More&lt;\/a&gt;&lt;\/div&gt;\n&lt;!-- \/wp:button --&gt;&lt;\/div&gt;\n&lt;!-- \/wp:buttons --&gt;&lt;\/div&gt;\n&lt;!-- \/wp:group --&gt;&lt;\/div&gt;\n&lt;!-- \/wp:obb\/icon-block --&gt;\" style=\"border-radius:3px;border-width:2px;border-style:solid;border-color:#ccc\"><span class=\"obb-clipboard-button-text\">Copy Block<\/span><\/a><div id=\"obb-clipboard-alert-2\" class=\"obb-clipboard-alert\">Copied block to clipboard!<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-medium-gray-color has-css-opacity has-medium-gray-background-color has-background is-style-wide\"\/>\n\n\n\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<h4 class=\"has-text-align-center wp-block-heading\" id=\"variation-4\">Variation 4<\/h4>\n\n\n\n<div class=\"wp-block-columns alignwide are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-7f6c9a0b wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-obb-icon-block organic-block obb-icon-box obb-orientation-horizontal obb-vertical-align-top\" style=\"background-color:#fff;padding-top:24px;padding-bottom:24px;padding-left:24px;padding-right:24px;border-radius:6px;border-width:4px;border-style:solid;border-color:#000000\">\n<figure class=\"wp-block-image aligncenter size-full is-resized obb-icon-img\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/strawberry-icon.png\" alt=\"\" class=\"wp-image-2014\" width=\"72\" height=\"72\" srcset=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/strawberry-icon.png 320w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/strawberry-icon-300x300.png 300w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/strawberry-icon-150x150.png 150w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/strawberry-icon-100x100.png 100w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/strawberry-icon-50x50.png 50w\" sizes=\"auto, (max-width: 72px) 100vw, 72px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group obb-icon-content is-layout-flow wp-block-group-is-layout-flow\">\n<h6 class=\"has-text-align-left has-black-color has-text-color has-normal-font-size wp-block-heading\" id=\"customizable\" style=\"line-height:1.2\">Strawberry<\/h6>\n\n\n\n<p class=\"has-text-align-left has-black-color has-text-color has-small-font-size wp-block-paragraph\">Nullam quis risus eget urna mollis ornare vel eu leo. Donec id elit non mi porta gravida at eget metus.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-obb-icon-block organic-block obb-icon-box obb-orientation-horizontal obb-vertical-align-top\" style=\"background-color:#fff;padding-top:24px;padding-bottom:24px;padding-left:24px;padding-right:24px;border-radius:6px;border-width:4px;border-style:solid;border-color:#000000\">\n<figure class=\"wp-block-image aligncenter size-full is-resized obb-icon-img\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/avacado-icon.png\" alt=\"\" class=\"wp-image-2008\" width=\"72\" height=\"72\" srcset=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/avacado-icon.png 320w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/avacado-icon-300x300.png 300w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/avacado-icon-150x150.png 150w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/avacado-icon-100x100.png 100w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/avacado-icon-50x50.png 50w\" sizes=\"auto, (max-width: 72px) 100vw, 72px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group obb-icon-content is-layout-flow wp-block-group-is-layout-flow\">\n<h6 class=\"has-text-align-left has-black-color has-text-color has-normal-font-size wp-block-heading\" id=\"customizable\" style=\"line-height:1.2\">Avocado<\/h6>\n\n\n\n<p class=\"has-text-align-left has-black-color has-text-color has-small-font-size wp-block-paragraph\">Nullam quis risus eget urna mollis ornare vel eu leo. Donec id elit non mi porta gravida at eget metus.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-obb-icon-block organic-block obb-icon-box obb-orientation-horizontal obb-vertical-align-top\" style=\"background-color:#fff;padding-top:24px;padding-bottom:24px;padding-left:24px;padding-right:24px;border-radius:6px;border-width:4px;border-style:solid;border-color:#000000\">\n<figure class=\"wp-block-image aligncenter size-full is-resized obb-icon-img\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/kiwi-icon.png\" alt=\"\" class=\"wp-image-2010\" width=\"72\" height=\"72\" srcset=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/kiwi-icon.png 320w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/kiwi-icon-300x300.png 300w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/kiwi-icon-150x150.png 150w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/kiwi-icon-100x100.png 100w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/kiwi-icon-50x50.png 50w\" sizes=\"auto, (max-width: 72px) 100vw, 72px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group obb-icon-content is-layout-flow wp-block-group-is-layout-flow\">\n<h6 class=\"has-text-align-left has-black-color has-text-color has-normal-font-size wp-block-heading\" id=\"customizable\" style=\"line-height:1.2\">Kiwi<\/h6>\n\n\n\n<p class=\"has-text-align-left has-black-color has-text-color has-small-font-size wp-block-paragraph\">Nullam quis risus eget urna mollis ornare vel eu leo. Donec id elit non mi porta gravida at eget metus.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-obb-icon-block organic-block obb-icon-box obb-orientation-horizontal obb-vertical-align-top\" style=\"background-color:#fff;padding-top:24px;padding-bottom:24px;padding-left:24px;padding-right:24px;border-radius:6px;border-width:4px;border-style:solid;border-color:#000000\">\n<figure class=\"wp-block-image aligncenter size-full is-resized obb-icon-img\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/pineapple-icon.png\" alt=\"\" class=\"wp-image-2013\" width=\"72\" height=\"72\" srcset=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/pineapple-icon.png 320w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/pineapple-icon-300x300.png 300w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/pineapple-icon-150x150.png 150w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/pineapple-icon-100x100.png 100w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/pineapple-icon-50x50.png 50w\" sizes=\"auto, (max-width: 72px) 100vw, 72px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group obb-icon-content is-layout-flow wp-block-group-is-layout-flow\">\n<h6 class=\"has-text-align-left has-black-color has-text-color has-normal-font-size wp-block-heading\" id=\"customizable\" style=\"line-height:1.2\">Pineapple<\/h6>\n\n\n\n<p class=\"has-text-align-left has-black-color has-text-color has-small-font-size wp-block-paragraph\">Nullam quis risus eget urna mollis ornare vel eu leo. Donec id elit non mi porta gravida at eget metus.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-obb-icon-block organic-block obb-icon-box obb-orientation-horizontal obb-vertical-align-top\" style=\"background-color:#fff;padding-top:24px;padding-bottom:24px;padding-left:24px;padding-right:24px;border-radius:6px;border-width:4px;border-style:solid;border-color:#000000\">\n<figure class=\"wp-block-image aligncenter size-full is-resized obb-icon-img\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/orange-icon.png\" alt=\"\" class=\"wp-image-2011\" width=\"72\" height=\"72\" srcset=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/orange-icon.png 320w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/orange-icon-300x300.png 300w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/orange-icon-150x150.png 150w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/orange-icon-100x100.png 100w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/orange-icon-50x50.png 50w\" sizes=\"auto, (max-width: 72px) 100vw, 72px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group obb-icon-content is-layout-flow wp-block-group-is-layout-flow\">\n<h6 class=\"has-text-align-left has-black-color has-text-color has-normal-font-size wp-block-heading\" id=\"customizable\" style=\"line-height:1.2\">Orange<\/h6>\n\n\n\n<p class=\"has-text-align-left has-black-color has-text-color has-small-font-size wp-block-paragraph\">Nullam quis risus eget urna mollis ornare vel eu leo. Donec id elit non mi porta gravida at eget metus.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-obb-icon-block organic-block obb-icon-box obb-orientation-horizontal obb-vertical-align-top\" style=\"background-color:#fff;padding-top:24px;padding-bottom:24px;padding-left:24px;padding-right:24px;border-radius:6px;border-width:4px;border-style:solid;border-color:#000000\">\n<figure class=\"wp-block-image aligncenter size-full is-resized obb-icon-img\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/pear-icon.png\" alt=\"\" class=\"wp-image-2012\" width=\"72\" height=\"72\" srcset=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/pear-icon.png 320w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/pear-icon-300x300.png 300w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/pear-icon-150x150.png 150w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/pear-icon-100x100.png 100w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/pear-icon-50x50.png 50w\" sizes=\"auto, (max-width: 72px) 100vw, 72px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group obb-icon-content is-layout-flow wp-block-group-is-layout-flow\">\n<h6 class=\"has-text-align-left has-black-color has-text-color has-normal-font-size wp-block-heading\" id=\"customizable\" style=\"line-height:1.2\">Pear<\/h6>\n\n\n\n<p class=\"has-text-align-left has-black-color has-text-color has-small-font-size wp-block-paragraph\">Nullam quis risus eget urna mollis ornare vel eu leo. Donec id elit non mi porta gravida at eget metus.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-7f6c9a0b wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:60%\">\n<p class=\"has-small-font-size wp-block-paragraph\">Copy this block variation using the button, and paste it into your WordPress block editor. The <strong>Organic Blocks<\/strong> plugin is required.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div id=\"obb-clipboard-id-3\" class=\"wp-block-obb-clipboard-block organic-block obb-clipboard wp-block-button obb-clipboard-button is-style-outline\" style=\"text-align:right\"><a id=\"obb-clipboard-button-3\" class=\"wp-block-button__link\" data-alert-target=\"obb-clipboard-alert-3\" data-clipboard-text=\"&lt;!-- wp:obb\/icon-block {&quot;orientation&quot;:&quot;horizontal&quot;,&quot;verticalAlign&quot;:&quot;top&quot;,&quot;vertpadding&quot;:&quot;24px&quot;,&quot;horizpadding&quot;:&quot;24px&quot;,&quot;styleradius&quot;:6,&quot;styleshadow&quot;:0,&quot;styleborderwidth&quot;:4,&quot;stylebordercolor&quot;:&quot;#000000&quot;} --&gt;\n&lt;div class=&quot;wp-block-obb-icon-block organic-block obb-icon-box obb-orientation-horizontal obb-vertical-align-top&quot; style=&quot;background-color:#fff;padding-top:24px;padding-bottom:24px;padding-left:24px;padding-right:24px;border-radius:6px;border-width:4px;border-style:solid;border-color:#000000&quot;&gt;&lt;!-- wp:image {&quot;align&quot;:&quot;center&quot;,&quot;id&quot;:2014,&quot;width&quot;:72,&quot;height&quot;:72,&quot;sizeSlug&quot;:&quot;full&quot;,&quot;linkDestination&quot;:&quot;none&quot;,&quot;className&quot;:&quot;obb-icon-img&quot;} --&gt;\n&lt;figure class=&quot;wp-block-image aligncenter size-full is-resized obb-icon-img&quot;&gt;&lt;img src=&quot;https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/strawberry-icon.png&quot; alt=&quot;&quot; class=&quot;wp-image-2014&quot; width=&quot;72&quot; height=&quot;72&quot;\/&gt;&lt;\/figure&gt;\n&lt;!-- \/wp:image --&gt;\n\n&lt;!-- wp:group {&quot;className&quot;:&quot;obb-icon-content&quot;} --&gt;\n&lt;div class=&quot;wp-block-group obb-icon-content&quot;&gt;&lt;!-- wp:heading {&quot;textAlign&quot;:&quot;left&quot;,&quot;level&quot;:6,&quot;placeholder&quot;:&quot;Icon Box&quot;,&quot;style&quot;:{&quot;typography&quot;:{&quot;lineHeight&quot;:&quot;1.2&quot;}},&quot;textColor&quot;:&quot;black&quot;,&quot;fontSize&quot;:&quot;normal&quot;} --&gt;\n&lt;h6 class=&quot;has-text-align-left has-black-color has-text-color has-normal-font-size&quot; id=&quot;customizable&quot; style=&quot;line-height:1.2&quot;&gt;Strawberry&lt;\/h6&gt;\n&lt;!-- \/wp:heading --&gt;\n\n&lt;!-- wp:paragraph {&quot;align&quot;:&quot;left&quot;,&quot;placeholder&quot;:&quot;The Icon Box Block displays featured content with an icon and a link.&quot;,&quot;textColor&quot;:&quot;black&quot;,&quot;fontSize&quot;:&quot;small&quot;} --&gt;\n&lt;p class=&quot;has-text-align-left has-black-color has-text-color has-small-font-size&quot;&gt;Nullam quis risus eget urna mollis ornare vel eu leo. Donec id elit non mi porta gravida at eget metus.&lt;\/p&gt;\n&lt;!-- \/wp:paragraph --&gt;&lt;\/div&gt;\n&lt;!-- \/wp:group --&gt;&lt;\/div&gt;\n&lt;!-- \/wp:obb\/icon-block --&gt;\" style=\"border-radius:3px;border-width:2px;border-style:solid;border-color:#ccc\"><span class=\"obb-clipboard-button-text\">Copy Block<\/span><\/a><div id=\"obb-clipboard-alert-3\" class=\"obb-clipboard-alert\">Copied block to clipboard!<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-medium-gray-color has-css-opacity has-medium-gray-background-color has-background is-style-wide\"\/>\n\n\n\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<h4 class=\"has-text-align-center wp-block-heading\" id=\"variation-5\">Variation 5<\/h4>\n\n\n\n<div class=\"wp-block-columns alignwide are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-7f6c9a0b wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-obb-icon-block organic-block obb-icon-box obb-orientation-horizontal obb-vertical-align-center\" style=\"background-color:#fff;background-image:linear-gradient(135deg,rgb(2,19,80) 0%,rgb(65,8,108) 100%);padding-top:24px;padding-bottom:24px;padding-left:24px;padding-right:24px;border-radius:300px\">\n<figure class=\"wp-block-image aligncenter size-full is-resized obb-icon-img\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/earth-icon.png\" alt=\"\" class=\"wp-image-2023\" width=\"140\" height=\"140\" srcset=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/earth-icon.png 640w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/earth-icon-300x300.png 300w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/earth-icon-150x150.png 150w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/earth-icon-600x600.png 600w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/earth-icon-100x100.png 100w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/earth-icon-50x50.png 50w\" sizes=\"auto, (max-width: 140px) 100vw, 140px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group obb-icon-content is-layout-flow wp-block-group-is-layout-flow\">\n<h6 class=\"has-text-color has-small-font-size wp-block-heading\" id=\"terrestrial\" style=\"color:#908dfc;font-style:normal;font-weight:300;letter-spacing:6px;line-height:0.4\">Terrestrial<\/h6>\n\n\n\n<h6 class=\"has-text-align-left has-text-color has-large-font-size wp-block-heading\" id=\"customizable\" style=\"color:#46d6fb;letter-spacing:8px;line-height:0.6\">Earth<\/h6>\n\n\n\n<p class=\"has-text-align-left has-text-color has-small-font-size wp-block-paragraph\" style=\"color:#8ed1fc\">Nullam quis risus eget urna mollis ornare vel eu leo. Donec id elit non mi porta gravida at eget metus.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-obb-icon-block organic-block obb-icon-box obb-orientation-horizontal obb-vertical-align-center\" style=\"background-color:#fff;background-image:linear-gradient(135deg,rgb(2,19,80) 0%,rgb(65,8,108) 100%);padding-top:24px;padding-bottom:24px;padding-left:24px;padding-right:24px;border-radius:300px\">\n<figure class=\"wp-block-image aligncenter size-full is-resized obb-icon-img\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/moon-icon.png\" alt=\"\" class=\"wp-image-2026\" width=\"140\" height=\"140\" srcset=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/moon-icon.png 640w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/moon-icon-300x300.png 300w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/moon-icon-150x150.png 150w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/moon-icon-600x600.png 600w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/moon-icon-100x100.png 100w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/moon-icon-50x50.png 50w\" sizes=\"auto, (max-width: 140px) 100vw, 140px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group obb-icon-content is-layout-flow wp-block-group-is-layout-flow\">\n<h6 class=\"has-text-color has-small-font-size wp-block-heading\" id=\"terrestrial\" style=\"color:#908dfc;font-style:normal;font-weight:300;letter-spacing:6px;line-height:0.4\">Satellite<\/h6>\n\n\n\n<h6 class=\"has-text-align-left has-text-color has-large-font-size wp-block-heading\" id=\"customizable\" style=\"color:#46d6fb;letter-spacing:8px;line-height:0.6\">Moon<\/h6>\n\n\n\n<p class=\"has-text-align-left has-text-color has-small-font-size wp-block-paragraph\" style=\"color:#8ed1fc\">Nullam quis risus eget urna mollis ornare vel eu leo. Donec id elit non mi porta gravida at eget metus.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-obb-icon-block organic-block obb-icon-box obb-orientation-horizontal obb-vertical-align-center\" style=\"background-color:#fff;background-image:linear-gradient(135deg,rgb(2,19,80) 0%,rgb(65,8,108) 100%);padding-top:24px;padding-bottom:24px;padding-left:24px;padding-right:24px;border-radius:300px\">\n<figure class=\"wp-block-image aligncenter size-full is-resized obb-icon-img\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/saturn-icon.png\" alt=\"\" class=\"wp-image-2028\" width=\"140\" height=\"140\" srcset=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/saturn-icon.png 640w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/saturn-icon-300x300.png 300w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/saturn-icon-150x150.png 150w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/saturn-icon-600x600.png 600w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/saturn-icon-100x100.png 100w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/saturn-icon-50x50.png 50w\" sizes=\"auto, (max-width: 140px) 100vw, 140px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group obb-icon-content is-layout-flow wp-block-group-is-layout-flow\">\n<h6 class=\"has-text-color has-small-font-size wp-block-heading\" id=\"terrestrial\" style=\"color:#908dfc;font-style:normal;font-weight:300;letter-spacing:6px;line-height:0.4\">Gas Giant<\/h6>\n\n\n\n<h6 class=\"has-text-align-left has-text-color has-large-font-size wp-block-heading\" id=\"customizable\" style=\"color:#46d6fb;letter-spacing:8px;line-height:0.6\">Saturn<\/h6>\n\n\n\n<p class=\"has-text-align-left has-text-color has-small-font-size wp-block-paragraph\" style=\"color:#8ed1fc\">Nullam quis risus eget urna mollis ornare vel eu leo. Donec id elit non mi porta gravida at eget metus.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-obb-icon-block organic-block obb-icon-box obb-orientation-horizontal obb-vertical-align-center\" style=\"background-color:#fff;background-image:linear-gradient(135deg,rgb(2,19,80) 0%,rgb(65,8,108) 100%);padding-top:24px;padding-bottom:24px;padding-left:24px;padding-right:24px;border-radius:300px\">\n<figure class=\"wp-block-image aligncenter size-full is-resized obb-icon-img\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/jupiter-icon.png\" alt=\"\" class=\"wp-image-2024\" width=\"140\" height=\"140\" srcset=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/jupiter-icon.png 640w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/jupiter-icon-300x300.png 300w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/jupiter-icon-150x150.png 150w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/jupiter-icon-600x600.png 600w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/jupiter-icon-100x100.png 100w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/jupiter-icon-50x50.png 50w\" sizes=\"auto, (max-width: 140px) 100vw, 140px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group obb-icon-content is-layout-flow wp-block-group-is-layout-flow\">\n<h6 class=\"has-text-color has-small-font-size wp-block-heading\" id=\"terrestrial\" style=\"color:#908dfc;font-style:normal;font-weight:300;letter-spacing:6px;line-height:0.4\">Gas Giant<\/h6>\n\n\n\n<h6 class=\"has-text-align-left has-text-color has-large-font-size wp-block-heading\" id=\"customizable\" style=\"color:#46d6fb;letter-spacing:8px;line-height:0.6\">Jupiter<\/h6>\n\n\n\n<p class=\"has-text-align-left has-text-color has-small-font-size wp-block-paragraph\" style=\"color:#8ed1fc\">Nullam quis risus eget urna mollis ornare vel eu leo. Donec id elit non mi porta gravida at eget metus.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-obb-icon-block organic-block obb-icon-box obb-orientation-horizontal obb-vertical-align-center\" style=\"background-color:#fff;background-image:linear-gradient(135deg,rgb(2,19,80) 0%,rgb(65,8,108) 100%);padding-top:24px;padding-bottom:24px;padding-left:24px;padding-right:24px;border-radius:300px\">\n<figure class=\"wp-block-image aligncenter size-full is-resized obb-icon-img\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/neptune-icon.png\" alt=\"\" class=\"wp-image-2027\" width=\"140\" height=\"140\" srcset=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/neptune-icon.png 640w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/neptune-icon-300x300.png 300w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/neptune-icon-150x150.png 150w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/neptune-icon-600x600.png 600w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/neptune-icon-100x100.png 100w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/neptune-icon-50x50.png 50w\" sizes=\"auto, (max-width: 140px) 100vw, 140px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group obb-icon-content is-layout-flow wp-block-group-is-layout-flow\">\n<h6 class=\"has-text-color has-small-font-size wp-block-heading\" id=\"terrestrial\" style=\"color:#908dfc;font-style:normal;font-weight:300;letter-spacing:6px;line-height:0.4\">Ice Giant<\/h6>\n\n\n\n<h6 class=\"has-text-align-left has-text-color has-large-font-size wp-block-heading\" id=\"customizable\" style=\"color:#46d6fb;letter-spacing:8px;line-height:0.6\">Neptune<\/h6>\n\n\n\n<p class=\"has-text-align-left has-text-color has-small-font-size wp-block-paragraph\" style=\"color:#8ed1fc\">Nullam quis risus eget urna mollis ornare vel eu leo. Donec id elit non mi porta gravida at eget metus.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-obb-icon-block organic-block obb-icon-box obb-orientation-horizontal obb-vertical-align-center\" style=\"background-color:#fff;background-image:linear-gradient(135deg,rgb(2,19,80) 0%,rgb(65,8,108) 100%);padding-top:24px;padding-bottom:24px;padding-left:24px;padding-right:24px;border-radius:300px\">\n<figure class=\"wp-block-image aligncenter size-full is-resized obb-icon-img\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/jupiter-icon.png\" alt=\"\" class=\"wp-image-2024\" width=\"140\" height=\"140\" srcset=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/jupiter-icon.png 640w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/jupiter-icon-300x300.png 300w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/jupiter-icon-150x150.png 150w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/jupiter-icon-600x600.png 600w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/jupiter-icon-100x100.png 100w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/jupiter-icon-50x50.png 50w\" sizes=\"auto, (max-width: 140px) 100vw, 140px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group obb-icon-content is-layout-flow wp-block-group-is-layout-flow\">\n<h6 class=\"has-text-color has-small-font-size wp-block-heading\" id=\"terrestrial\" style=\"color:#908dfc;font-style:normal;font-weight:300;letter-spacing:6px;line-height:0.4\">Terrestrial<\/h6>\n\n\n\n<h6 class=\"has-text-align-left has-text-color has-large-font-size wp-block-heading\" id=\"customizable\" style=\"color:#46d6fb;letter-spacing:8px;line-height:0.6\">Mars<\/h6>\n\n\n\n<p class=\"has-text-align-left has-text-color has-small-font-size wp-block-paragraph\" style=\"color:#8ed1fc\">Nullam quis risus eget urna mollis ornare vel eu leo. Donec id elit non mi porta gravida at eget metus.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-7f6c9a0b wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:60%\">\n<p class=\"has-small-font-size wp-block-paragraph\">Copy this block variation using the button, and paste it into your WordPress block editor. The <strong>Organic Blocks<\/strong> plugin is required.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div id=\"obb-clipboard-id-4\" class=\"wp-block-obb-clipboard-block organic-block obb-clipboard wp-block-button obb-clipboard-button is-style-outline\" style=\"text-align:right\"><a id=\"obb-clipboard-button-4\" class=\"wp-block-button__link\" data-alert-target=\"obb-clipboard-alert-4\" data-clipboard-text=\"&lt;!-- wp:obb\/icon-block {&quot;orientation&quot;:&quot;horizontal&quot;,&quot;vertpadding&quot;:&quot;24px&quot;,&quot;horizpadding&quot;:&quot;24px&quot;,&quot;styleradius&quot;:300,&quot;styleshadow&quot;:0,&quot;stylebordercolor&quot;:&quot;#000000&quot;,&quot;bggradient&quot;:&quot;linear-gradient(135deg,rgb(2,19,80) 0%,rgb(65,8,108) 100%)&quot;} --&gt;\n&lt;div class=&quot;wp-block-obb-icon-block organic-block obb-icon-box obb-orientation-horizontal obb-vertical-align-center&quot; style=&quot;background-color:#fff;background-image:linear-gradient(135deg,rgb(2,19,80) 0%,rgb(65,8,108) 100%);padding-top:24px;padding-bottom:24px;padding-left:24px;padding-right:24px;border-radius:300px&quot;&gt;&lt;!-- wp:image {&quot;align&quot;:&quot;center&quot;,&quot;id&quot;:2023,&quot;width&quot;:140,&quot;height&quot;:140,&quot;sizeSlug&quot;:&quot;full&quot;,&quot;linkDestination&quot;:&quot;none&quot;,&quot;className&quot;:&quot;obb-icon-img&quot;} --&gt;\n&lt;figure class=&quot;wp-block-image aligncenter size-full is-resized obb-icon-img&quot;&gt;&lt;img src=&quot;https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/earth-icon.png&quot; alt=&quot;&quot; class=&quot;wp-image-2023&quot; width=&quot;140&quot; height=&quot;140&quot;\/&gt;&lt;\/figure&gt;\n&lt;!-- \/wp:image --&gt;\n\n&lt;!-- wp:group {&quot;className&quot;:&quot;obb-icon-content&quot;} --&gt;\n&lt;div class=&quot;wp-block-group obb-icon-content&quot;&gt;&lt;!-- wp:heading {&quot;level&quot;:6,&quot;style&quot;:{&quot;typography&quot;:{&quot;letterSpacing&quot;:&quot;6px&quot;,&quot;fontStyle&quot;:&quot;normal&quot;,&quot;fontWeight&quot;:&quot;300&quot;,&quot;lineHeight&quot;:&quot;0.4&quot;},&quot;color&quot;:{&quot;text&quot;:&quot;#908dfc&quot;}},&quot;fontSize&quot;:&quot;small&quot;} --&gt;\n&lt;h6 class=&quot;has-text-color has-small-font-size&quot; id=&quot;terrestrial&quot; style=&quot;color:#908dfc;font-style:normal;font-weight:300;letter-spacing:6px;line-height:0.4&quot;&gt;Terrestrial&lt;\/h6&gt;\n&lt;!-- \/wp:heading --&gt;\n\n&lt;!-- wp:heading {&quot;textAlign&quot;:&quot;left&quot;,&quot;level&quot;:6,&quot;placeholder&quot;:&quot;Icon Box&quot;,&quot;style&quot;:{&quot;typography&quot;:{&quot;lineHeight&quot;:&quot;0.6&quot;,&quot;letterSpacing&quot;:&quot;8px&quot;},&quot;color&quot;:{&quot;text&quot;:&quot;#46d6fb&quot;}},&quot;fontSize&quot;:&quot;large&quot;} --&gt;\n&lt;h6 class=&quot;has-text-align-left has-text-color has-large-font-size&quot; id=&quot;customizable&quot; style=&quot;color:#46d6fb;letter-spacing:8px;line-height:0.6&quot;&gt;Earth&lt;\/h6&gt;\n&lt;!-- \/wp:heading --&gt;\n\n&lt;!-- wp:paragraph {&quot;align&quot;:&quot;left&quot;,&quot;placeholder&quot;:&quot;The Icon Box Block displays featured content with an icon and a link.&quot;,&quot;style&quot;:{&quot;color&quot;:{&quot;text&quot;:&quot;#8ed1fc&quot;}},&quot;fontSize&quot;:&quot;small&quot;} --&gt;\n&lt;p class=&quot;has-text-align-left has-text-color has-small-font-size&quot; style=&quot;color:#8ed1fc&quot;&gt;Nullam quis risus eget urna mollis ornare vel eu leo. Donec id elit non mi porta gravida at eget metus.&lt;\/p&gt;\n&lt;!-- \/wp:paragraph --&gt;&lt;\/div&gt;\n&lt;!-- \/wp:group --&gt;&lt;\/div&gt;\n&lt;!-- \/wp:obb\/icon-block --&gt;\" style=\"border-radius:3px;border-width:2px;border-style:solid;border-color:#ccc\"><span class=\"obb-clipboard-button-text\">Copy Block<\/span><\/a><div id=\"obb-clipboard-alert-4\" class=\"obb-clipboard-alert\">Copied block to clipboard!<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-medium-gray-color has-css-opacity has-medium-gray-background-color has-background is-style-wide\"\/>\n\n\n\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Icon Box Block Examples The Icon Box Block displays featured content within a customizable container. It&#8217;s an excellent tool for highlighting specific information on your site \u2014 like a featured service, download link, or limited offer. Multiple block variations are showcased below. Each variation may be copied to your clipboard, and pasted directly into your [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":48,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","footnotes":""},"class_list":["post-1909","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Icon Box Block - STAX Playground<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/stax.organicthemes.com\/playground\/blocks\/organic-blocks\/icon-box-block\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Icon Box Block - STAX Playground\" \/>\n<meta property=\"og:description\" content=\"Icon Box Block Examples The Icon Box Block displays featured content within a customizable container. It&#8217;s an excellent tool for highlighting specific information on your site \u2014 like a featured service, download link, or limited offer. Multiple block variations are showcased below. Each variation may be copied to your clipboard, and pasted directly into your [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stax.organicthemes.com\/playground\/blocks\/organic-blocks\/icon-box-block\/\" \/>\n<meta property=\"og:site_name\" content=\"STAX Playground\" \/>\n<meta property=\"article:modified_time\" content=\"2022-11-07T15:16:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/avatar_022.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/stax.organicthemes.com\/playground\/blocks\/organic-blocks\/icon-box-block\/\",\"url\":\"https:\/\/stax.organicthemes.com\/playground\/blocks\/organic-blocks\/icon-box-block\/\",\"name\":\"Icon Box Block - STAX Playground\",\"isPartOf\":{\"@id\":\"https:\/\/stax.organicthemes.com\/playground\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/stax.organicthemes.com\/playground\/blocks\/organic-blocks\/icon-box-block\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stax.organicthemes.com\/playground\/blocks\/organic-blocks\/icon-box-block\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/avatar_022.png\",\"datePublished\":\"2021-12-03T20:58:57+00:00\",\"dateModified\":\"2022-11-07T15:16:00+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/stax.organicthemes.com\/playground\/blocks\/organic-blocks\/icon-box-block\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stax.organicthemes.com\/playground\/blocks\/organic-blocks\/icon-box-block\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/stax.organicthemes.com\/playground\/blocks\/organic-blocks\/icon-box-block\/#primaryimage\",\"url\":\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/avatar_022.png\",\"contentUrl\":\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/avatar_022.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/stax.organicthemes.com\/playground\/blocks\/organic-blocks\/icon-box-block\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/stax.organicthemes.com\/playground\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Blocks\",\"item\":\"https:\/\/stax.organicthemes.com\/playground\/blocks\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Organic Blocks\",\"item\":\"https:\/\/stax.organicthemes.com\/playground\/blocks\/organic-blocks\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Icon Box Block\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/stax.organicthemes.com\/playground\/#website\",\"url\":\"https:\/\/stax.organicthemes.com\/playground\/\",\"name\":\"STAX Playground\",\"description\":\"A WordPress Full-Site Editor Theme\",\"publisher\":{\"@id\":\"https:\/\/stax.organicthemes.com\/playground\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/stax.organicthemes.com\/playground\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/stax.organicthemes.com\/playground\/#organization\",\"name\":\"STAX Playground\",\"url\":\"https:\/\/stax.organicthemes.com\/playground\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/stax.organicthemes.com\/playground\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/stax-logo.png\",\"contentUrl\":\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/stax-logo.png\",\"width\":800,\"height\":251,\"caption\":\"STAX Playground\"},\"image\":{\"@id\":\"https:\/\/stax.organicthemes.com\/playground\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Icon Box Block - STAX Playground","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/stax.organicthemes.com\/playground\/blocks\/organic-blocks\/icon-box-block\/","og_locale":"en_US","og_type":"article","og_title":"Icon Box Block - STAX Playground","og_description":"Icon Box Block Examples The Icon Box Block displays featured content within a customizable container. It&#8217;s an excellent tool for highlighting specific information on your site \u2014 like a featured service, download link, or limited offer. Multiple block variations are showcased below. Each variation may be copied to your clipboard, and pasted directly into your [&hellip;]","og_url":"https:\/\/stax.organicthemes.com\/playground\/blocks\/organic-blocks\/icon-box-block\/","og_site_name":"STAX Playground","article_modified_time":"2022-11-07T15:16:00+00:00","og_image":[{"url":"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/avatar_022.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stax.organicthemes.com\/playground\/blocks\/organic-blocks\/icon-box-block\/","url":"https:\/\/stax.organicthemes.com\/playground\/blocks\/organic-blocks\/icon-box-block\/","name":"Icon Box Block - STAX Playground","isPartOf":{"@id":"https:\/\/stax.organicthemes.com\/playground\/#website"},"primaryImageOfPage":{"@id":"https:\/\/stax.organicthemes.com\/playground\/blocks\/organic-blocks\/icon-box-block\/#primaryimage"},"image":{"@id":"https:\/\/stax.organicthemes.com\/playground\/blocks\/organic-blocks\/icon-box-block\/#primaryimage"},"thumbnailUrl":"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/avatar_022.png","datePublished":"2021-12-03T20:58:57+00:00","dateModified":"2022-11-07T15:16:00+00:00","breadcrumb":{"@id":"https:\/\/stax.organicthemes.com\/playground\/blocks\/organic-blocks\/icon-box-block\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stax.organicthemes.com\/playground\/blocks\/organic-blocks\/icon-box-block\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/stax.organicthemes.com\/playground\/blocks\/organic-blocks\/icon-box-block\/#primaryimage","url":"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/avatar_022.png","contentUrl":"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/avatar_022.png"},{"@type":"BreadcrumbList","@id":"https:\/\/stax.organicthemes.com\/playground\/blocks\/organic-blocks\/icon-box-block\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/stax.organicthemes.com\/playground\/"},{"@type":"ListItem","position":2,"name":"Blocks","item":"https:\/\/stax.organicthemes.com\/playground\/blocks\/"},{"@type":"ListItem","position":3,"name":"Organic Blocks","item":"https:\/\/stax.organicthemes.com\/playground\/blocks\/organic-blocks\/"},{"@type":"ListItem","position":4,"name":"Icon Box Block"}]},{"@type":"WebSite","@id":"https:\/\/stax.organicthemes.com\/playground\/#website","url":"https:\/\/stax.organicthemes.com\/playground\/","name":"STAX Playground","description":"A WordPress Full-Site Editor Theme","publisher":{"@id":"https:\/\/stax.organicthemes.com\/playground\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/stax.organicthemes.com\/playground\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/stax.organicthemes.com\/playground\/#organization","name":"STAX Playground","url":"https:\/\/stax.organicthemes.com\/playground\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/stax.organicthemes.com\/playground\/#\/schema\/logo\/image\/","url":"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/stax-logo.png","contentUrl":"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/stax-logo.png","width":800,"height":251,"caption":"STAX Playground"},"image":{"@id":"https:\/\/stax.organicthemes.com\/playground\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/stax.organicthemes.com\/playground\/wp-json\/wp\/v2\/pages\/1909","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stax.organicthemes.com\/playground\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stax.organicthemes.com\/playground\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stax.organicthemes.com\/playground\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stax.organicthemes.com\/playground\/wp-json\/wp\/v2\/comments?post=1909"}],"version-history":[{"count":0,"href":"https:\/\/stax.organicthemes.com\/playground\/wp-json\/wp\/v2\/pages\/1909\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/stax.organicthemes.com\/playground\/wp-json\/wp\/v2\/pages\/48"}],"wp:attachment":[{"href":"https:\/\/stax.organicthemes.com\/playground\/wp-json\/wp\/v2\/media?parent=1909"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}