{"id":37265,"date":"2021-12-03T20:58:57","date_gmt":"2021-12-03T20:58:57","guid":{"rendered":"https:\/\/stax.organicthemes.com\/?page_id=1909"},"modified":"2024-11-07T10:53:06","modified_gmt":"2024-11-07T09:53:06","slug":"icon-box-block","status":"publish","type":"page","link":"https:\/\/format30.com\/pt\/blocks\/organic-blocks\/icon-box-block\/","title":{"rendered":"Icon Box Block"},"content":{"rendered":"<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&rsquo;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 data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/format30.com\/wp-content\/uploads\/2021\/12\/avatar_022.png?resize=128%2C128&#038;ssl=1\" alt=\"\" class=\"wp-image-2000\" width=\"128\" height=\"128\"\/><\/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 data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"1998\" data-permalink=\"https:\/\/format30.com\/pt\/blocks\/organic-blocks\/icon-box-block\/avatar_004\/\" data-orig-file=\"https:\/\/i0.wp.com\/format30.com\/wp-content\/uploads\/2021\/12\/avatar_004.png?fit=512%2C512&amp;ssl=1\" data-orig-size=\"512,512\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"avatar_004\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/format30.com\/wp-content\/uploads\/2021\/12\/avatar_004.png?fit=512%2C512&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/format30.com\/wp-content\/uploads\/2021\/12\/avatar_004.png?resize=128%2C128&#038;ssl=1\" alt=\"\" class=\"wp-image-1998\" width=\"128\" height=\"128\" srcset=\"https:\/\/i0.wp.com\/format30.com\/wp-content\/uploads\/2021\/12\/avatar_004.png?w=512&amp;ssl=1 512w, https:\/\/i0.wp.com\/format30.com\/wp-content\/uploads\/2021\/12\/avatar_004.png?resize=300%2C300&amp;ssl=1 300w, https:\/\/i0.wp.com\/format30.com\/wp-content\/uploads\/2021\/12\/avatar_004.png?resize=150%2C150&amp;ssl=1 150w, https:\/\/i0.wp.com\/format30.com\/wp-content\/uploads\/2021\/12\/avatar_004.png?resize=320%2C320&amp;ssl=1 320w\" 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 data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/format30.com\/wp-content\/uploads\/2021\/12\/avatar_011.png?resize=128%2C128&#038;ssl=1\" alt=\"\" class=\"wp-image-1999\" width=\"128\" height=\"128\"\/><\/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;&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;&lt;figure class=&quot;wp-block-image aligncenter size-full is-resized obb-icon-img&quot;&gt;&lt;img src=&quot;https:\/\/format30.com\/wp-content\/uploads\/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;&lt;!-- \/wp:image --&gt;&lt;!-- wp:group {&quot;className&quot;:&quot;obb-icon-content&quot;} --&gt;&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;&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;&lt;!-- \/wp:heading --&gt;&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;&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;&lt;!-- \/wp:paragraph --&gt;&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;&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;&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;&lt;!-- \/wp:button --&gt;&lt;\/div&gt;&lt;!-- \/wp:buttons --&gt;&lt;\/div&gt;&lt;!-- \/wp:group --&gt;&lt;\/div&gt;&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 data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/format30.com\/wp-content\/uploads\/2021\/11\/hero-icon.png?resize=36%2C36&#038;ssl=1\" alt=\"\" class=\"wp-image-17\" width=\"36\" height=\"36\"\/><\/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 data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"10\" data-permalink=\"https:\/\/format30.com\/pt\/cropped-trouve-ta-voie1-jpg\/\" data-orig-file=\"https:\/\/i0.wp.com\/format30.com\/wp-content\/uploads\/2009\/12\/cropped-trouve-ta-voie1.jpg?fit=480%2C250&amp;ssl=1\" data-orig-size=\"480,250\" data-comments-opened=\"0\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}\" data-image-title=\"cropped-trouve-ta-voie1.jpg\" data-image-description=\"&lt;p&gt;http:\/\/format30.com\/wp-content\/uploads\/2009\/12\/cropped-trouve-ta-voie1.jpg&lt;\/p&gt;\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/format30.com\/wp-content\/uploads\/2009\/12\/cropped-trouve-ta-voie1.jpg?fit=480%2C250&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/format30.com\/wp-content\/uploads\/2021\/11\/alert-icon.png?resize=36%2C36&#038;ssl=1\" alt=\"\" class=\"wp-image-10\" width=\"36\" height=\"36\"\/><\/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 data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/format30.com\/wp-content\/uploads\/2021\/11\/widget-area-icon.png?resize=36%2C36&#038;ssl=1\" alt=\"\" class=\"wp-image-29\" width=\"36\" height=\"36\"\/><\/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 data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"12\" data-permalink=\"https:\/\/format30.com\/pt\/callout-icon\/\" data-orig-file=\"https:\/\/i0.wp.com\/format30.com\/wp-content\/uploads\/2021\/11\/callout-icon.png?fit=180%2C180&amp;ssl=1\" data-orig-size=\"180,180\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"callout-icon\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/format30.com\/wp-content\/uploads\/2021\/11\/callout-icon.png?fit=180%2C180&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/format30.com\/wp-content\/uploads\/2021\/11\/callout-icon.png?resize=36%2C36&#038;ssl=1\" alt=\"\" class=\"wp-image-12\" width=\"36\" height=\"36\" srcset=\"https:\/\/i0.wp.com\/format30.com\/wp-content\/uploads\/2021\/11\/callout-icon.png?w=180&amp;ssl=1 180w, https:\/\/i0.wp.com\/format30.com\/wp-content\/uploads\/2021\/11\/callout-icon.png?resize=150%2C150&amp;ssl=1 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 data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"27\" data-permalink=\"https:\/\/format30.com\/pt\/testimonials-icon\/\" data-orig-file=\"https:\/\/i0.wp.com\/format30.com\/wp-content\/uploads\/2021\/11\/testimonials-icon.png?fit=180%2C180&amp;ssl=1\" data-orig-size=\"180,180\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"testimonials-icon\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/format30.com\/wp-content\/uploads\/2021\/11\/testimonials-icon.png?fit=180%2C180&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/format30.com\/wp-content\/uploads\/2021\/11\/testimonials-icon.png?resize=36%2C36&#038;ssl=1\" alt=\"\" class=\"wp-image-27\" width=\"36\" height=\"36\" srcset=\"https:\/\/i0.wp.com\/format30.com\/wp-content\/uploads\/2021\/11\/testimonials-icon.png?w=180&amp;ssl=1 180w, https:\/\/i0.wp.com\/format30.com\/wp-content\/uploads\/2021\/11\/testimonials-icon.png?resize=150%2C150&amp;ssl=1 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;&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;&lt;figure class=&quot;wp-block-image aligncenter size-full is-resized obb-icon-img&quot;&gt;&lt;img src=&quot;https:\/\/format30.com\/wp-content\/uploads\/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;&lt;!-- \/wp:image --&gt;&lt;!-- wp:group {&quot;className&quot;:&quot;obb-icon-content&quot;} --&gt;&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;&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;&lt;!-- \/wp:heading --&gt;&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;&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;&lt;!-- \/wp:paragraph --&gt;&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;&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;&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;&lt;!-- \/wp:button --&gt;&lt;\/div&gt;&lt;!-- \/wp:buttons --&gt;&lt;\/div&gt;&lt;!-- \/wp:group --&gt;&lt;\/div&gt;&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 data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/format30.com\/wp-content\/uploads\/2021\/12\/lab-icon-white.png?resize=64%2C64&#038;ssl=1\" alt=\"\" class=\"wp-image-1987\" width=\"64\" height=\"64\"\/><\/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 data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/format30.com\/wp-content\/uploads\/2021\/12\/heart-icon-white.png?resize=64%2C64&#038;ssl=1\" alt=\"\" class=\"wp-image-1986\" width=\"64\" height=\"64\"\/><\/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 data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/format30.com\/wp-content\/uploads\/2021\/12\/paper-plane-icon-white.png?resize=64%2C64&#038;ssl=1\" alt=\"\" class=\"wp-image-1988\" width=\"64\" height=\"64\"\/><\/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 data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/format30.com\/wp-content\/uploads\/2021\/12\/bulb-icon-white.png?resize=64%2C64&#038;ssl=1\" alt=\"\" class=\"wp-image-1985\" width=\"64\" height=\"64\"\/><\/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;&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;&lt;figure class=&quot;wp-block-image aligncenter size-full is-resized obb-icon-img&quot;&gt;&lt;img src=&quot;https:\/\/format30.com\/wp-content\/uploads\/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;&lt;!-- \/wp:image --&gt;&lt;!-- wp:group {&quot;className&quot;:&quot;obb-icon-content&quot;} --&gt;&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;&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;&lt;!-- \/wp:heading --&gt;&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;&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;&lt;!-- \/wp:paragraph --&gt;&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;&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;&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;&lt;!-- \/wp:button --&gt;&lt;\/div&gt;&lt;!-- \/wp:buttons --&gt;&lt;\/div&gt;&lt;!-- \/wp:group --&gt;&lt;\/div&gt;&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 data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/format30.com\/wp-content\/uploads\/2021\/12\/strawberry-icon.png?resize=72%2C72&#038;ssl=1\" alt=\"\" class=\"wp-image-2014\" width=\"72\" height=\"72\"\/><\/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 data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/format30.com\/wp-content\/uploads\/2021\/12\/avacado-icon.png?resize=72%2C72&#038;ssl=1\" alt=\"\" class=\"wp-image-2008\" width=\"72\" height=\"72\"\/><\/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 data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/format30.com\/wp-content\/uploads\/2021\/12\/kiwi-icon.png?resize=72%2C72&#038;ssl=1\" alt=\"\" class=\"wp-image-2010\" width=\"72\" height=\"72\"\/><\/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 data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/format30.com\/wp-content\/uploads\/2021\/12\/pineapple-icon.png?resize=72%2C72&#038;ssl=1\" alt=\"\" class=\"wp-image-2013\" width=\"72\" height=\"72\"\/><\/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 data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/format30.com\/wp-content\/uploads\/2021\/12\/orange-icon.png?resize=72%2C72&#038;ssl=1\" alt=\"\" class=\"wp-image-2011\" width=\"72\" height=\"72\"\/><\/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 data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/format30.com\/wp-content\/uploads\/2021\/12\/pear-icon.png?resize=72%2C72&#038;ssl=1\" alt=\"\" class=\"wp-image-2012\" width=\"72\" height=\"72\"\/><\/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;&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;&lt;figure class=&quot;wp-block-image aligncenter size-full is-resized obb-icon-img&quot;&gt;&lt;img src=&quot;https:\/\/format30.com\/wp-content\/uploads\/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;&lt;!-- \/wp:image --&gt;&lt;!-- wp:group {&quot;className&quot;:&quot;obb-icon-content&quot;} --&gt;&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;&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;&lt;!-- \/wp:heading --&gt;&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;&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;&lt;!-- \/wp:paragraph --&gt;&lt;\/div&gt;&lt;!-- \/wp:group --&gt;&lt;\/div&gt;&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 data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/format30.com\/wp-content\/uploads\/2021\/12\/earth-icon.png?resize=140%2C140&#038;ssl=1\" alt=\"\" class=\"wp-image-2023\" width=\"140\" height=\"140\"\/><\/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 data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/format30.com\/wp-content\/uploads\/2021\/12\/moon-icon.png?resize=140%2C140&#038;ssl=1\" alt=\"\" class=\"wp-image-2026\" width=\"140\" height=\"140\"\/><\/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 data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/format30.com\/wp-content\/uploads\/2021\/12\/saturn-icon.png?resize=140%2C140&#038;ssl=1\" alt=\"\" class=\"wp-image-2028\" width=\"140\" height=\"140\"\/><\/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 data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/format30.com\/wp-content\/uploads\/2021\/12\/jupiter-icon.png?resize=140%2C140&#038;ssl=1\" alt=\"\" class=\"wp-image-2024\" width=\"140\" height=\"140\"\/><\/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 data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/format30.com\/wp-content\/uploads\/2021\/12\/neptune-icon.png?resize=140%2C140&#038;ssl=1\" alt=\"\" class=\"wp-image-2027\" width=\"140\" height=\"140\"\/><\/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 data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/format30.com\/wp-content\/uploads\/2021\/12\/jupiter-icon.png?resize=140%2C140&#038;ssl=1\" alt=\"\" class=\"wp-image-2024\" width=\"140\" height=\"140\"\/><\/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;&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;&lt;figure class=&quot;wp-block-image aligncenter size-full is-resized obb-icon-img&quot;&gt;&lt;img src=&quot;https:\/\/format30.com\/wp-content\/uploads\/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;&lt;!-- \/wp:image --&gt;&lt;!-- wp:group {&quot;className&quot;:&quot;obb-icon-content&quot;} --&gt;&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;&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;&lt;!-- \/wp:heading --&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;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;&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;&lt;!-- \/wp:heading --&gt;&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;&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;&lt;!-- \/wp:paragraph --&gt;&lt;\/div&gt;&lt;!-- \/wp:group --&gt;&lt;\/div&gt;&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>","protected":false},"excerpt":{"rendered":"<p>Icon Box Block Examples The Icon Box Block displays featured content within a customizable container. It&rsquo;s an excellent tool for highlighting specific information on your site \u2014 like a featured [&hellip;]<\/p>\n","protected":false},"author":7601135,"featured_media":0,"parent":37231,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","_EventAllDay":false,"_EventTimezone":"","_EventStartDate":"","_EventEndDate":"","_EventStartDateUTC":"","_EventEndDateUTC":"","_EventShowMap":false,"_EventShowMapLink":false,"_EventURL":"","_EventCost":"","_EventCostDescription":"","_EventCurrencySymbol":"","_EventCurrencyCode":"","_EventCurrencyPosition":"","_EventDateTimeSeparator":"","_EventTimeRangeSeparator":"","_EventOrganizerID":[],"_EventVenueID":[],"_OrganizerEmail":"","_OrganizerPhone":"","_OrganizerWebsite":"","_VenueAddress":"","_VenueCity":"","_VenueCountry":"","_VenueProvince":"","_VenueState":"","_VenueZip":"","_VenuePhone":"","_VenueURL":"","_VenueStateProvince":"","_VenueLat":"","_VenueLng":"","_VenueShowMap":false,"_VenueShowMapLink":false,"footnotes":""},"class_list":["post-37265","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Icon Box Block - Formation 3.0<\/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:\/\/format30.com\/pt\/blocks\/organic-blocks\/icon-box-block\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Icon Box Block - Formation 3.0\" \/>\n<meta property=\"og:description\" content=\"Icon Box Block Examples The Icon Box Block displays featured content within a customizable container. It&rsquo;s an excellent tool for highlighting specific information on your site \u2014 like a featured [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/format30.com\/pt\/blocks\/organic-blocks\/icon-box-block\/\" \/>\n<meta property=\"og:site_name\" content=\"Formation 3.0\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Formation3.0\" \/>\n<meta property=\"article:modified_time\" content=\"2024-11-07T09:53:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/format30.com\/wp-content\/uploads\/2021\/12\/avatar_022.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@Formation3_0\" \/>\n<meta name=\"twitter:label1\" content=\"Tempo estimado de leitura\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/format30.com\\\/blocks\\\/organic-blocks\\\/icon-box-block\\\/\",\"url\":\"https:\\\/\\\/format30.com\\\/blocks\\\/organic-blocks\\\/icon-box-block\\\/\",\"name\":\"Icon Box Block - Formation 3.0\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/format30.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/format30.com\\\/blocks\\\/organic-blocks\\\/icon-box-block\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/format30.com\\\/blocks\\\/organic-blocks\\\/icon-box-block\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/format30.com\\\/wp-content\\\/uploads\\\/2021\\\/12\\\/avatar_022.png\",\"datePublished\":\"2021-12-03T20:58:57+00:00\",\"dateModified\":\"2024-11-07T09:53:06+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/format30.com\\\/blocks\\\/organic-blocks\\\/icon-box-block\\\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/format30.com\\\/blocks\\\/organic-blocks\\\/icon-box-block\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\\\/\\\/format30.com\\\/blocks\\\/organic-blocks\\\/icon-box-block\\\/#primaryimage\",\"url\":\"https:\\\/\\\/format30.com\\\/wp-content\\\/uploads\\\/2021\\\/12\\\/avatar_022.png\",\"contentUrl\":\"https:\\\/\\\/format30.com\\\/wp-content\\\/uploads\\\/2021\\\/12\\\/avatar_022.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/format30.com\\\/blocks\\\/organic-blocks\\\/icon-box-block\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/format30.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Blocks\",\"item\":\"https:\\\/\\\/format30.com\\\/blocks\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Organic Blocks\",\"item\":\"https:\\\/\\\/format30.com\\\/blocks\\\/organic-blocks\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Icon Box Block\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/format30.com\\\/#website\",\"url\":\"https:\\\/\\\/format30.com\\\/\",\"name\":\"Formation 3.0\",\"description\":\"Formation 3.0 est un site d\u00e9di\u00e9 \u00e0 la formation, \u00e0 l&#039;\u00e9ducation, \u00e0 l&#039;emploi des nouvelles technologies dans l&#039;enseignement et \u00e0 la pens\u00e9e visuelle.\",\"publisher\":{\"@id\":\"https:\\\/\\\/format30.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/format30.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-PT\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/format30.com\\\/#organization\",\"name\":\"Formation 3.0\",\"url\":\"https:\\\/\\\/format30.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\\\/\\\/format30.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/format30.com\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/6a1a3-cropped-logo-f30-2023.jpg?fit=512%2C512&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/format30.com\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/6a1a3-cropped-logo-f30-2023.jpg?fit=512%2C512&ssl=1\",\"width\":512,\"height\":512,\"caption\":\"Formation 3.0\"},\"image\":{\"@id\":\"https:\\\/\\\/format30.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/Formation3.0\",\"https:\\\/\\\/x.com\\\/Formation3_0\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/formation-3-0\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Icon Box Block - Formation 3.0","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:\/\/format30.com\/pt\/blocks\/organic-blocks\/icon-box-block\/","og_locale":"pt_PT","og_type":"article","og_title":"Icon Box Block - Formation 3.0","og_description":"Icon Box Block Examples The Icon Box Block displays featured content within a customizable container. It&rsquo;s an excellent tool for highlighting specific information on your site \u2014 like a featured [&hellip;]","og_url":"https:\/\/format30.com\/pt\/blocks\/organic-blocks\/icon-box-block\/","og_site_name":"Formation 3.0","article_publisher":"https:\/\/www.facebook.com\/Formation3.0","article_modified_time":"2024-11-07T09:53:06+00:00","og_image":[{"url":"https:\/\/format30.com\/wp-content\/uploads\/2021\/12\/avatar_022.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@Formation3_0","twitter_misc":{"Tempo estimado de leitura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/format30.com\/blocks\/organic-blocks\/icon-box-block\/","url":"https:\/\/format30.com\/blocks\/organic-blocks\/icon-box-block\/","name":"Icon Box Block - Formation 3.0","isPartOf":{"@id":"https:\/\/format30.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/format30.com\/blocks\/organic-blocks\/icon-box-block\/#primaryimage"},"image":{"@id":"https:\/\/format30.com\/blocks\/organic-blocks\/icon-box-block\/#primaryimage"},"thumbnailUrl":"https:\/\/format30.com\/wp-content\/uploads\/2021\/12\/avatar_022.png","datePublished":"2021-12-03T20:58:57+00:00","dateModified":"2024-11-07T09:53:06+00:00","breadcrumb":{"@id":"https:\/\/format30.com\/blocks\/organic-blocks\/icon-box-block\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/format30.com\/blocks\/organic-blocks\/icon-box-block\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/format30.com\/blocks\/organic-blocks\/icon-box-block\/#primaryimage","url":"https:\/\/format30.com\/wp-content\/uploads\/2021\/12\/avatar_022.png","contentUrl":"https:\/\/format30.com\/wp-content\/uploads\/2021\/12\/avatar_022.png"},{"@type":"BreadcrumbList","@id":"https:\/\/format30.com\/blocks\/organic-blocks\/icon-box-block\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/format30.com\/"},{"@type":"ListItem","position":2,"name":"Blocks","item":"https:\/\/format30.com\/blocks\/"},{"@type":"ListItem","position":3,"name":"Organic Blocks","item":"https:\/\/format30.com\/blocks\/organic-blocks\/"},{"@type":"ListItem","position":4,"name":"Icon Box Block"}]},{"@type":"WebSite","@id":"https:\/\/format30.com\/#website","url":"https:\/\/format30.com\/","name":"Formation 3.0","description":"Forma\u00e7\u00e3o 3.0 \u00e9 um site dedicado \u00e0 forma\u00e7\u00e3o, \u00e0 educa\u00e7\u00e3o, ao emprego das novas tecnologias no ensino e ao pensamento visual.","publisher":{"@id":"https:\/\/format30.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/format30.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"},{"@type":"Organization","@id":"https:\/\/format30.com\/#organization","name":"Formation 3.0","url":"https:\/\/format30.com\/","logo":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/format30.com\/#\/schema\/logo\/image\/","url":"https:\/\/i0.wp.com\/format30.com\/wp-content\/uploads\/2024\/09\/6a1a3-cropped-logo-f30-2023.jpg?fit=512%2C512&ssl=1","contentUrl":"https:\/\/i0.wp.com\/format30.com\/wp-content\/uploads\/2024\/09\/6a1a3-cropped-logo-f30-2023.jpg?fit=512%2C512&ssl=1","width":512,"height":512,"caption":"Formation 3.0"},"image":{"@id":"https:\/\/format30.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Formation3.0","https:\/\/x.com\/Formation3_0","https:\/\/www.linkedin.com\/company\/formation-3-0\/"]}]}},"jetpack_likes_enabled":true,"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/PK9xl-9H3","jetpack-related-posts":[],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/format30.com\/pt\/wp-json\/wp\/v2\/pages\/37265","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/format30.com\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/format30.com\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/format30.com\/pt\/wp-json\/wp\/v2\/users\/7601135"}],"replies":[{"embeddable":true,"href":"https:\/\/format30.com\/pt\/wp-json\/wp\/v2\/comments?post=37265"}],"version-history":[{"count":1,"href":"https:\/\/format30.com\/pt\/wp-json\/wp\/v2\/pages\/37265\/revisions"}],"predecessor-version":[{"id":37341,"href":"https:\/\/format30.com\/pt\/wp-json\/wp\/v2\/pages\/37265\/revisions\/37341"}],"up":[{"embeddable":true,"href":"https:\/\/format30.com\/pt\/wp-json\/wp\/v2\/pages\/37231"}],"wp:attachment":[{"href":"https:\/\/format30.com\/pt\/wp-json\/wp\/v2\/media?parent=37265"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}