{"id":37245,"date":"2021-11-05T16:22:30","date_gmt":"2021-11-05T16:22:30","guid":{"rendered":"https:\/\/stax.organicthemes.com\/?page_id=52"},"modified":"2024-11-07T10:53:06","modified_gmt":"2024-11-07T09:53:06","slug":"patterns","status":"publish","type":"page","link":"https:\/\/format30.com\/es\/patterns\/","title":{"rendered":"Patterns"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><strong>STAX<\/strong> includes several patterns for quickly creating a variety of content sections. This page features examples of a few patterns. However, there are several patterns demonstrated throughout the <strong>STAX<\/strong> demo for each block, and patterns may be copied directly from the demo, and pasted into the block editor.<\/p>\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading has-text-align-center\">Hero Pattern<\/h4>\n\n\n\n<div class=\"wp-block-obb-hero-block alignfull organic-block obb-hero obb-position-bottom-center obb-featured-img-parallax is-style-obb-clip-arrow-down\" style=\"background-color:#000;background-image:url(https:\/\/format30.com\/wp-content\/uploads\/2021\/11\/stacking-stones-01.jpg);min-height:780px\"><svg class=\"clipping-path\" width=\"0\" height=\"0\"><defs><clippath id=\"wave-curve-right\" clipPathUnits=\"objectBoundingBox\" transform=\"scale(0.01, 0.02)\"><path d=\"M100,0H0v44.7c0,0,8.1,4.8,26.4,5C48.7,49.8,59,38.5,79,37.3c12.7-0.7,21,4.6,21,4.6V0z\"><\/path><\/clippath><\/defs><\/svg><svg class=\"clipping-path\" width=\"0\" height=\"0\"><defs><clippath id=\"wave-curve-left\" clipPathUnits=\"objectBoundingBox\" transform=\"scale(0.01, 0.02)\"><path d=\"M0,0l100,0v44.7c0,0-8.1,4.8-26.4,5C51.3,49.8,41,38.5,21,37.3C8.2,36.6,0,41.9,0,41.9L0,0z\"><\/path><\/clippath><\/defs><\/svg><svg class=\"clipping-path\" width=\"0\" height=\"0\"><defs><clippath id=\"bulge\" clipPathUnits=\"objectBoundingBox\" transform=\"scale(0.01, 0.02)\"><path d=\"M100,40c0,0-20.7,10-50,10S0,40,0,40V0h100V40z\"><\/path><\/clippath><\/defs><\/svg><div class=\"obb-content-overlay\" style=\"background-color:#0b4d4d;opacity:0.6\"><\/div><div class=\"obb-background-video-container\" style=\"background-image:url(https:\/\/format30.com\/wp-content\/uploads\/2021\/11\/stacking-stones-01.jpg)\"><video class=\"obb-background-video\" autoplay muted loop><source type=\"video\/mp4\" src=\"https:\/\/format30.com\/wp-content\/uploads\/2021\/12\/blocks-hero-vid-02.mp4\"\/><\/video><\/div><div class=\"obb-hero-content\" style=\"max-width:980px\">\n<div class=\"wp-block-group obb-content is-layout-flow wp-block-group-is-layout-flow\">\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-white-color has-css-opacity has-white-background-color has-background is-style-default\"\/>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"40\" data-permalink=\"https:\/\/format30.com\/es\/2009\/12\/21\/une-discussion-sur-notre-page-facebook-etre-jeune-independant-aujourdhui\/young-entrepreneur-s\/\" data-orig-file=\"https:\/\/i0.wp.com\/format30.com\/wp-content\/uploads\/2009\/12\/young-entrepreneur-s.jpg?fit=336%2C421&amp;ssl=1\" data-orig-size=\"336,421\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;8&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;1155229231&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;7.2&quot;,&quot;iso&quot;:&quot;80&quot;,&quot;shutter_speed&quot;:&quot;0.00625&quot;,&quot;title&quot;:&quot;&quot;}\" data-image-title=\"Young entrepreneur s\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/format30.com\/wp-content\/uploads\/2009\/12\/young-entrepreneur-s.jpg?fit=336%2C421&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/format30.com\/wp-content\/uploads\/2021\/11\/stax-logo-white.png?resize=242%2C76&#038;ssl=1\" alt=\"\" class=\"wp-image-40\" width=\"242\" height=\"76\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center has-white-color has-text-color\" id=\"stax-changes-everything\" style=\"font-weight:300\">Changes Everything<\/h2>\n\n\n\n<h6 class=\"wp-block-heading has-text-align-center has-white-color has-text-color has-large-font-size\" id=\"the-future-of-wordpress-is-here\" style=\"font-weight:400\">The <strong>Future of WordPress<\/strong> Is Here<\/h6>\n\n\n\n<p class=\"has-text-align-center has-white-color has-text-color wp-block-paragraph\"><strong>STAX<\/strong> is a block-based WordPress theme designed for the Full Site Editor. Meaning, you can change everything about this theme \u2014 directly in the WordPress editor. Goodbye clunky page-builder plugins. Hello <strong>STAX<\/strong>.<\/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 is-style-fill\"><a class=\"wp-block-button__link has-white-color has-subtle-teal-gradient-background has-text-color has-background wp-element-button\" href=\"https:\/\/organicthemes.com\/stax\/\" target=\"_blank\" rel=\"noreferrer noopener\">Get Started<\/a><\/div>\n<\/div>\n\n\n\n<div style=\"height:160px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group obb-featured-img is-layout-flow wp-block-group-is-layout-flow\"><\/div>\n<\/div><\/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 pattern using the button, and paste it into your WordPress block editor. <strong>STAX<\/strong> and 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-5\" 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-5\" class=\"wp-block-button__link\" data-alert-target=\"obb-clipboard-alert-5\" data-clipboard-text=\"&lt;!-- wp:obb\/hero-block {&quot;position&quot;:&quot;bottom center&quot;,&quot;videoID&quot;:1833,&quot;videoURL&quot;:&quot;https:\/\/format30.com\/wp-content\/uploads\/2021\/12\/blocks-hero-vid-02.mp4&quot;,&quot;imgID&quot;:1180,&quot;imgURL&quot;:&quot;https:\/\/format30.com\/wp-content\/uploads\/2021\/11\/stacking-stones-01.jpg&quot;,&quot;youtubeurl&quot;:&quot;&quot;,&quot;videooverlaycolor&quot;:&quot;#0b4d4d&quot;,&quot;videooverlayopacity&quot;:0.6,&quot;videoheight&quot;:&quot;780px&quot;,&quot;contentwidth&quot;:&quot;980px&quot;,&quot;bggradient&quot;:&quot;linear-gradient(135deg, rgb(0, 219, 255), rgb(0, 197, 93) 100%)&quot;,&quot;className&quot;:&quot;is-style-obb-clip-arrow-down&quot;} --&gt;\n&lt;div class=&quot;wp-block-obb-hero-block alignfull organic-block obb-hero obb-position-bottom-center obb-featured-img-parallax is-style-obb-clip-arrow-down&quot; style=&quot;background-color:#000;background-image:url(https:\/\/format30.com\/wp-content\/uploads\/2021\/11\/stacking-stones-01.jpg);min-height:780px&quot;&gt;&lt;svg class=&quot;clipping-path&quot; width=&quot;0&quot; height=&quot;0&quot;&gt;&lt;defs&gt;&lt;clipPath id=&quot;wave-curve-right&quot; clipPathUnits=&quot;objectBoundingBox&quot; transform=&quot;scale(0.01, 0.02)&quot;&gt;&lt;path d=&quot;M100,0H0v44.7c0,0,8.1,4.8,26.4,5C48.7,49.8,59,38.5,79,37.3c12.7-0.7,21,4.6,21,4.6V0z&quot;&gt;&lt;\/path&gt;&lt;\/clipPath&gt;&lt;\/defs&gt;&lt;\/svg&gt;&lt;svg class=&quot;clipping-path&quot; width=&quot;0&quot; height=&quot;0&quot;&gt;&lt;defs&gt;&lt;clipPath id=&quot;wave-curve-left&quot; clipPathUnits=&quot;objectBoundingBox&quot; transform=&quot;scale(0.01, 0.02)&quot;&gt;&lt;path d=&quot;M0,0l100,0v44.7c0,0-8.1,4.8-26.4,5C51.3,49.8,41,38.5,21,37.3C8.2,36.6,0,41.9,0,41.9L0,0z&quot;&gt;&lt;\/path&gt;&lt;\/clipPath&gt;&lt;\/defs&gt;&lt;\/svg&gt;&lt;svg class=&quot;clipping-path&quot; width=&quot;0&quot; height=&quot;0&quot;&gt;&lt;defs&gt;&lt;clipPath id=&quot;bulge&quot; clipPathUnits=&quot;objectBoundingBox&quot; transform=&quot;scale(0.01, 0.02)&quot;&gt;&lt;path d=&quot;M100,40c0,0-20.7,10-50,10S0,40,0,40V0h100V40z&quot;&gt;&lt;\/path&gt;&lt;\/clipPath&gt;&lt;\/defs&gt;&lt;\/svg&gt;&lt;div class=&quot;obb-content-overlay&quot; style=&quot;background-color:#0b4d4d;opacity:0.6&quot;&gt;&lt;\/div&gt;&lt;div class=&quot;obb-background-video-container&quot; style=&quot;background-image:url(https:\/\/format30.com\/wp-content\/uploads\/2021\/11\/stacking-stones-01.jpg)&quot;&gt;&lt;video class=&quot;obb-background-video&quot; autoplay muted loop&gt;&lt;source type=&quot;video\/mp4&quot; src=&quot;https:\/\/format30.com\/wp-content\/uploads\/2021\/12\/blocks-hero-vid-02.mp4&quot;\/&gt;&lt;\/video&gt;&lt;\/div&gt;&lt;div class=&quot;obb-hero-content&quot; style=&quot;max-width:980px&quot;&gt;&lt;!-- wp:group {&quot;align&quot;:&quot;center&quot;,&quot;className&quot;:&quot;obb-content&quot;} --&gt;\n&lt;div class=&quot;wp-block-group obb-content&quot;&gt;&lt;!-- wp:spacer --&gt;\n&lt;div style=&quot;height:100px&quot; aria-hidden=&quot;true&quot; class=&quot;wp-block-spacer&quot;&gt;&lt;\/div&gt;\n&lt;!-- \/wp:spacer --&gt;\n\n&lt;!-- wp:separator {&quot;opacity&quot;:&quot;css&quot;,&quot;backgroundColor&quot;:&quot;white&quot;,&quot;className&quot;:&quot;is-style-default&quot;} --&gt;\n&lt;hr class=&quot;wp-block-separator has-text-color has-white-color has-css-opacity has-white-background-color has-background is-style-default&quot;\/&gt;\n&lt;!-- \/wp:separator --&gt;\n\n&lt;!-- wp:image {&quot;align&quot;:&quot;center&quot;,&quot;id&quot;:40,&quot;width&quot;:242,&quot;height&quot;:76,&quot;sizeSlug&quot;:&quot;full&quot;,&quot;linkDestination&quot;:&quot;none&quot;} --&gt;\n&lt;figure class=&quot;wp-block-image aligncenter size-full is-resized&quot;&gt;&lt;img src=&quot;https:\/\/format30.com\/wp-content\/uploads\/2021\/11\/stax-logo-white.png&quot; alt=&quot;&quot; class=&quot;wp-image-40&quot; width=&quot;242&quot; height=&quot;76&quot;\/&gt;&lt;\/figure&gt;\n&lt;!-- \/wp:image --&gt;\n\n&lt;!-- wp:heading {&quot;textAlign&quot;:&quot;center&quot;,&quot;style&quot;:{&quot;typography&quot;:{&quot;fontWeight&quot;:&quot;300&quot;}},&quot;textColor&quot;:&quot;white&quot;} --&gt;\n&lt;h2 class=&quot;has-text-align-center has-white-color has-text-color&quot; id=&quot;stax-changes-everything&quot; style=&quot;font-weight:300&quot;&gt;Changes Everything&lt;\/h2&gt;\n&lt;!-- \/wp:heading --&gt;\n\n&lt;!-- wp:heading {&quot;textAlign&quot;:&quot;center&quot;,&quot;level&quot;:6,&quot;style&quot;:{&quot;typography&quot;:{&quot;fontWeight&quot;:&quot;400&quot;}},&quot;textColor&quot;:&quot;white&quot;,&quot;fontSize&quot;:&quot;large&quot;} --&gt;\n&lt;h6 class=&quot;has-text-align-center has-white-color has-text-color has-large-font-size&quot; id=&quot;the-future-of-wordpress-is-here&quot; style=&quot;font-weight:400&quot;&gt;The &lt;strong&gt;Future of WordPress&lt;\/strong&gt; Is Here&lt;\/h6&gt;\n&lt;!-- \/wp:heading --&gt;\n\n&lt;!-- wp:paragraph {&quot;align&quot;:&quot;center&quot;,&quot;textColor&quot;:&quot;white&quot;} --&gt;\n&lt;p class=&quot;has-text-align-center has-white-color has-text-color&quot;&gt;&lt;strong&gt;STAX&lt;\/strong&gt; is a block-based WordPress theme designed for the Full Site Editor. Meaning, you can change everything about this theme \u2014 directly in the WordPress editor. Goodbye clunky page-builder plugins. Hello &lt;strong&gt;STAX&lt;\/strong&gt;.&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;gradient&quot;:&quot;subtle-teal&quot;,&quot;className&quot;:&quot;is-style-fill&quot;} --&gt;\n&lt;div class=&quot;wp-block-button is-style-fill&quot;&gt;&lt;a class=&quot;wp-block-button__link has-white-color has-subtle-teal-gradient-background has-text-color has-background wp-element-button&quot; href=&quot;https:\/\/organicthemes.com\/stax\/&quot; target=&quot;_blank&quot; rel=&quot;noreferrer noopener&quot;&gt;Get Started&lt;\/a&gt;&lt;\/div&gt;\n&lt;!-- \/wp:button --&gt;&lt;\/div&gt;\n&lt;!-- \/wp:buttons --&gt;\n\n&lt;!-- wp:spacer {&quot;height&quot;:&quot;160px&quot;} --&gt;\n&lt;div style=&quot;height:160px&quot; aria-hidden=&quot;true&quot; class=&quot;wp-block-spacer&quot;&gt;&lt;\/div&gt;\n&lt;!-- \/wp:spacer --&gt;\n\n&lt;!-- wp:paragraph --&gt;\n&lt;p&gt;&lt;\/p&gt;\n&lt;!-- \/wp:paragraph --&gt;&lt;\/div&gt;\n&lt;!-- \/wp:group --&gt;\n\n&lt;!-- wp:group {&quot;className&quot;:&quot;obb-featured-img&quot;} --&gt;\n&lt;div class=&quot;wp-block-group obb-featured-img&quot;&gt;&lt;!-- wp:post-featured-image \/--&gt;&lt;\/div&gt;\n&lt;!-- \/wp:group --&gt;&lt;\/div&gt;&lt;\/div&gt;\n&lt;!-- \/wp:obb\/hero-block --&gt;\" style=\"border-radius:3px;border-width:2px;border-style:solid;border-color:#ccc\"><span class=\"obb-clipboard-button-text\">Copy Pattern<\/span><\/a><div id=\"obb-clipboard-alert-5\" class=\"obb-clipboard-alert\">Copied pattern 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=\"wp-block-heading has-text-align-center\">Featured Pages Pattern<\/h4>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\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-content-block organic-block obb-featured obb-mobile-reset obb-orientation-vertical\" style=\"z-index:4;background-color:#fff;border-radius:6px;box-shadow:0 0 24px #00000040\">\n<div class=\"wp-block-group obb-featured-content is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/format30.com\/wp-content\/uploads\/2021\/11\/blocks-icon.png?resize=36%2C36&#038;ssl=1\" alt=\"\" class=\"wp-image-1289\" width=\"36\" height=\"36\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-center has-black-color has-text-color has-large-font-size\" id=\"blocks\"><strong>Blocks<\/strong><\/h3>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">The <strong>Organic Blocks<\/strong> plugin includes <strong>20 premium blocks<\/strong> for creating amazing content. Each block is showcased in <strong>STAX<\/strong>.<\/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 scroll-link\"><a class=\"wp-block-button__link has-subtle-teal-gradient-background has-background wp-element-button\" href=\"#get-stacking\">Learn About Blocks<\/a><\/div>\n<\/div>\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-content-block organic-block obb-featured obb-mobile-reset obb-orientation-vertical\" style=\"z-index:4;background-color:#fff;border-radius:6px;box-shadow:0 0 24px #00000040\">\n<div class=\"wp-block-group obb-featured-content is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/format30.com\/wp-content\/uploads\/2021\/11\/patterns-icon.png?resize=36%2C36&#038;ssl=1\" alt=\"\" class=\"wp-image-1290\" width=\"36\" height=\"36\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-center has-black-color has-text-color has-large-font-size\" id=\"blocks\"><strong>Patterns<\/strong><\/h3>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\"><strong>STAX<\/strong> includes a large collection of patterns. A pattern is a group of blocks organized in a unique layout for a specific purpose.<\/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\"><a class=\"wp-block-button__link has-subtle-teal-gradient-background has-background wp-element-button\" href=\"\/patterns\/\">View Patterns<\/a><\/div>\n<\/div>\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-content-block organic-block obb-featured obb-mobile-reset obb-orientation-vertical\" style=\"z-index:4;background-color:#fff;border-radius:6px;box-shadow:0 0 24px #00000040\">\n<div class=\"wp-block-group obb-featured-content is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/format30.com\/wp-content\/uploads\/2021\/11\/templates-icon.png?resize=36%2C36&#038;ssl=1\" alt=\"\" class=\"wp-image-1291\" width=\"36\" height=\"36\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-center has-black-color has-text-color has-large-font-size\" id=\"blocks\"><strong>Templates<\/strong><\/h3>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\"><strong>STAX<\/strong> features a variety of useful page templates. Templates provide a great starting place for adding patterns and blocks.<\/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\"><a class=\"wp-block-button__link has-subtle-teal-gradient-background has-background wp-element-button\" href=\"#\">View Templates<\/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 pattern using the button, and paste it into your WordPress block editor. <strong>STAX<\/strong> and 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-6\" 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-6\" class=\"wp-block-button__link\" data-alert-target=\"obb-clipboard-alert-6\" data-clipboard-text=\"&lt;!-- wp:columns {&quot;verticalAlignment&quot;:&quot;center&quot;,&quot;align&quot;:&quot;wide&quot;} --&gt;\n&lt;div class=&quot;wp-block-columns alignwide are-vertically-aligned-center&quot;&gt;&lt;!-- wp:column {&quot;verticalAlignment&quot;:&quot;center&quot;} --&gt;\n&lt;div class=&quot;wp-block-column is-vertically-aligned-center&quot;&gt;&lt;!-- wp:obb\/content-block {&quot;styleborderwidth&quot;:0,&quot;styleshadowcolor&quot;:&quot;#00000040&quot;,&quot;bgcolor&quot;:&quot;#fff&quot;,&quot;className&quot;:&quot;obb-orientation-vertical&quot;} --&gt;\n&lt;div class=&quot;wp-block-obb-content-block organic-block obb-featured obb-mobile-reset obb-orientation-vertical&quot; style=&quot;z-index:4;background-color:#fff;border-radius:6px;box-shadow:0 0 24px #00000040&quot;&gt;&lt;!-- wp:group {&quot;className&quot;:&quot;obb-featured-content&quot;} --&gt;\n&lt;div class=&quot;wp-block-group obb-featured-content&quot;&gt;&lt;!-- wp:image {&quot;align&quot;:&quot;center&quot;,&quot;id&quot;:1289,&quot;width&quot;:36,&quot;height&quot;:36,&quot;sizeSlug&quot;:&quot;full&quot;,&quot;linkDestination&quot;:&quot;none&quot;} --&gt;\n&lt;figure class=&quot;wp-block-image aligncenter size-full is-resized&quot;&gt;&lt;img src=&quot;https:\/\/format30.com\/wp-content\/uploads\/2021\/11\/blocks-icon.png&quot; alt=&quot;&quot; class=&quot;wp-image-1289&quot; width=&quot;36&quot; height=&quot;36&quot;\/&gt;&lt;\/figure&gt;\n&lt;!-- \/wp:image --&gt;\n\n&lt;!-- wp:heading {&quot;textAlign&quot;:&quot;center&quot;,&quot;level&quot;:3,&quot;placeholder&quot;:&quot;Featured Content&quot;,&quot;textColor&quot;:&quot;black&quot;,&quot;className&quot;:&quot;wp-block-heading&quot;,&quot;fontSize&quot;:&quot;large&quot;,&quot;anchor&quot;:&quot;blocks&quot;} --&gt;\n&lt;h3 class=&quot;wp-block-heading has-text-align-center has-black-color has-text-color has-large-font-size&quot; id=&quot;blocks&quot;&gt;&lt;strong&gt;Blocks&lt;\/strong&gt;&lt;\/h3&gt;\n&lt;!-- \/wp:heading --&gt;\n\n&lt;!-- wp:paragraph {&quot;align&quot;:&quot;center&quot;,&quot;placeholder&quot;:&quot;The Featured Content Block displays a group of editable content types within a featured section.&quot;} --&gt;\n&lt;p class=&quot;has-text-align-center&quot;&gt;The &lt;strong&gt;Organic Blocks&lt;\/strong&gt; plugin includes &lt;strong&gt;20 premium blocks&lt;\/strong&gt; for creating amazing content. Each block is showcased in &lt;strong&gt;STAX&lt;\/strong&gt;.&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;gradient&quot;:&quot;subtle-teal&quot;,&quot;width&quot;:100,&quot;className&quot;:&quot;scroll-link&quot;} --&gt;\n&lt;div class=&quot;wp-block-button has-custom-width wp-block-button__width-100 scroll-link&quot;&gt;&lt;a class=&quot;wp-block-button__link has-subtle-teal-gradient-background has-background wp-element-button&quot; href=&quot;#get-stacking&quot;&gt;Learn About Blocks&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\/content-block --&gt;&lt;\/div&gt;\n&lt;!-- \/wp:column --&gt;\n\n&lt;!-- wp:column {&quot;verticalAlignment&quot;:&quot;center&quot;} --&gt;\n&lt;div class=&quot;wp-block-column is-vertically-aligned-center&quot;&gt;&lt;!-- wp:obb\/content-block {&quot;styleborderwidth&quot;:0,&quot;styleshadowcolor&quot;:&quot;#00000040&quot;,&quot;bgcolor&quot;:&quot;#fff&quot;,&quot;className&quot;:&quot;obb-orientation-vertical&quot;} --&gt;\n&lt;div class=&quot;wp-block-obb-content-block organic-block obb-featured obb-mobile-reset obb-orientation-vertical&quot; style=&quot;z-index:4;background-color:#fff;border-radius:6px;box-shadow:0 0 24px #00000040&quot;&gt;&lt;!-- wp:group {&quot;className&quot;:&quot;obb-featured-content&quot;} --&gt;\n&lt;div class=&quot;wp-block-group obb-featured-content&quot;&gt;&lt;!-- wp:image {&quot;align&quot;:&quot;center&quot;,&quot;id&quot;:1290,&quot;width&quot;:36,&quot;height&quot;:36,&quot;sizeSlug&quot;:&quot;full&quot;,&quot;linkDestination&quot;:&quot;none&quot;} --&gt;\n&lt;figure class=&quot;wp-block-image aligncenter size-full is-resized&quot;&gt;&lt;img src=&quot;https:\/\/format30.com\/wp-content\/uploads\/2021\/11\/patterns-icon.png&quot; alt=&quot;&quot; class=&quot;wp-image-1290&quot; width=&quot;36&quot; height=&quot;36&quot;\/&gt;&lt;\/figure&gt;\n&lt;!-- \/wp:image --&gt;\n\n&lt;!-- wp:heading {&quot;textAlign&quot;:&quot;center&quot;,&quot;level&quot;:3,&quot;placeholder&quot;:&quot;Featured Content&quot;,&quot;textColor&quot;:&quot;black&quot;,&quot;className&quot;:&quot;wp-block-heading&quot;,&quot;fontSize&quot;:&quot;large&quot;,&quot;anchor&quot;:&quot;blocks&quot;} --&gt;\n&lt;h3 class=&quot;wp-block-heading has-text-align-center has-black-color has-text-color has-large-font-size&quot; id=&quot;blocks&quot;&gt;&lt;strong&gt;Patterns&lt;\/strong&gt;&lt;\/h3&gt;\n&lt;!-- \/wp:heading --&gt;\n\n&lt;!-- wp:paragraph {&quot;align&quot;:&quot;center&quot;,&quot;placeholder&quot;:&quot;The Featured Content Block displays a group of editable content types within a featured section.&quot;} --&gt;\n&lt;p class=&quot;has-text-align-center&quot;&gt;&lt;strong&gt;STAX&lt;\/strong&gt; includes a large collection of patterns. A pattern is a group of blocks organized in a unique layout for a specific purpose.&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;gradient&quot;:&quot;subtle-teal&quot;,&quot;width&quot;:100} --&gt;\n&lt;div class=&quot;wp-block-button has-custom-width wp-block-button__width-100&quot;&gt;&lt;a class=&quot;wp-block-button__link has-subtle-teal-gradient-background has-background wp-element-button&quot; href=&quot;\/patterns\/&quot;&gt;View Patterns&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\/content-block --&gt;&lt;\/div&gt;\n&lt;!-- \/wp:column --&gt;\n\n&lt;!-- wp:column {&quot;verticalAlignment&quot;:&quot;center&quot;} --&gt;\n&lt;div class=&quot;wp-block-column is-vertically-aligned-center&quot;&gt;&lt;!-- wp:obb\/content-block {&quot;styleborderwidth&quot;:0,&quot;styleshadowcolor&quot;:&quot;#00000040&quot;,&quot;bgcolor&quot;:&quot;#fff&quot;,&quot;className&quot;:&quot;obb-orientation-vertical&quot;} --&gt;\n&lt;div class=&quot;wp-block-obb-content-block organic-block obb-featured obb-mobile-reset obb-orientation-vertical&quot; style=&quot;z-index:4;background-color:#fff;border-radius:6px;box-shadow:0 0 24px #00000040&quot;&gt;&lt;!-- wp:group {&quot;className&quot;:&quot;obb-featured-content&quot;} --&gt;\n&lt;div class=&quot;wp-block-group obb-featured-content&quot;&gt;&lt;!-- wp:image {&quot;align&quot;:&quot;center&quot;,&quot;id&quot;:1291,&quot;width&quot;:36,&quot;height&quot;:36,&quot;sizeSlug&quot;:&quot;full&quot;,&quot;linkDestination&quot;:&quot;none&quot;} --&gt;\n&lt;figure class=&quot;wp-block-image aligncenter size-full is-resized&quot;&gt;&lt;img src=&quot;https:\/\/format30.com\/wp-content\/uploads\/2021\/11\/templates-icon.png&quot; alt=&quot;&quot; class=&quot;wp-image-1291&quot; width=&quot;36&quot; height=&quot;36&quot;\/&gt;&lt;\/figure&gt;\n&lt;!-- \/wp:image --&gt;\n\n&lt;!-- wp:heading {&quot;textAlign&quot;:&quot;center&quot;,&quot;level&quot;:3,&quot;placeholder&quot;:&quot;Featured Content&quot;,&quot;textColor&quot;:&quot;black&quot;,&quot;className&quot;:&quot;wp-block-heading&quot;,&quot;fontSize&quot;:&quot;large&quot;,&quot;anchor&quot;:&quot;blocks&quot;} --&gt;\n&lt;h3 class=&quot;wp-block-heading has-text-align-center has-black-color has-text-color has-large-font-size&quot; id=&quot;blocks&quot;&gt;&lt;strong&gt;Templates&lt;\/strong&gt;&lt;\/h3&gt;\n&lt;!-- \/wp:heading --&gt;\n\n&lt;!-- wp:paragraph {&quot;align&quot;:&quot;center&quot;,&quot;placeholder&quot;:&quot;The Featured Content Block displays a group of editable content types within a featured section.&quot;} --&gt;\n&lt;p class=&quot;has-text-align-center&quot;&gt;&lt;strong&gt;STAX&lt;\/strong&gt; features a variety of useful page templates. Templates provide a great starting place for adding patterns and blocks.&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;gradient&quot;:&quot;subtle-teal&quot;,&quot;width&quot;:100} --&gt;\n&lt;div class=&quot;wp-block-button has-custom-width wp-block-button__width-100&quot;&gt;&lt;a class=&quot;wp-block-button__link has-subtle-teal-gradient-background has-background wp-element-button&quot; href=&quot;#&quot;&gt;View Templates&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\/content-block --&gt;&lt;\/div&gt;\n&lt;!-- \/wp:column --&gt;&lt;\/div&gt;\n&lt;!-- \/wp:columns --&gt;\" style=\"border-radius:3px;border-width:2px;border-style:solid;border-color:#ccc\"><span class=\"obb-clipboard-button-text\">Copy Pattern<\/span><\/a><div id=\"obb-clipboard-alert-6\" class=\"obb-clipboard-alert\">Copied pattern 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=\"wp-block-heading has-text-align-center\">Icon Boxes Pattern<\/h4>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\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\" data-attachment-id=\"13\" data-permalink=\"https:\/\/format30.com\/es\/2009\/12\/17\/trouve-ta-voie\/trouve-ta-voie-2\/\" data-orig-file=\"https:\/\/i0.wp.com\/format30.com\/wp-content\/uploads\/2009\/12\/trouve-ta-voie3.jpg?fit=1024%2C728&amp;ssl=1\" data-orig-size=\"1024,728\" 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;}\" data-image-title=\"Trouve ta voie\" data-image-description=\"\" data-image-caption=\"&lt;p&gt;Tu es unique !&lt;\/p&gt;\n\" data-large-file=\"https:\/\/i0.wp.com\/format30.com\/wp-content\/uploads\/2009\/12\/trouve-ta-voie3.jpg?fit=1024%2C728&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/format30.com\/wp-content\/uploads\/2021\/11\/content-slider.png?resize=36%2C36&#038;ssl=1\" alt=\"\" class=\"wp-image-13\" 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=\"wp-block-heading has-text-align-center has-black-color has-text-color has-small-font-size\" id=\"customizable\" style=\"line-height:1.2\">Content Slideshow<\/h6>\n\n\n\n<p class=\"has-text-align-center has-small-font-size wp-block-paragraph\">Display posts types within a customizable slideshow.<\/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--1\"><a class=\"wp-block-button__link has-medium-gray-color has-text-color wp-element-button\" href=\"\/blocks\/organic-blocks\/content-slideshow-block\/\">View Example<\/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\/posts-icon.png?resize=36%2C36&#038;ssl=1\" alt=\"\" class=\"wp-image-24\" 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=\"wp-block-heading has-text-align-center has-black-color has-text-color has-small-font-size\" id=\"customizable\" style=\"line-height:1.2\">Posts<\/h6>\n\n\n\n<p class=\"has-text-align-center has-small-font-size wp-block-paragraph\">Display post types in a custom blog layout.<\/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=\"\/blocks\/organic-blocks\/posts-block\/\">View Example<\/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\/portfolio-icon.png?resize=36%2C36&#038;ssl=1\" alt=\"\" class=\"wp-image-23\" 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=\"wp-block-heading has-text-align-center has-black-color has-text-color has-small-font-size\" id=\"customizable\" style=\"line-height:1.2\">Portfolio<\/h6>\n\n\n\n<p class=\"has-text-align-center has-small-font-size wp-block-paragraph\">Display a collection of posts in a portfolio.<\/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=\"\/blocks\/organic-blocks\/portfolio-block\/\">View Example<\/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\/profile-icon.png?resize=36%2C36&#038;ssl=1\" alt=\"\" class=\"wp-image-25\" 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=\"wp-block-heading has-text-align-center has-black-color has-text-color has-small-font-size\" id=\"customizable\" style=\"line-height:1.2\">Profile<\/h6>\n\n\n\n<p class=\"has-text-align-center has-small-font-size wp-block-paragraph\">Showcase personal profiles with social media links.<\/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=\"\/blocks\/organic-blocks\/profile-block\/\">View Example<\/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\/es\/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=\"wp-block-heading has-text-align-center has-black-color has-text-color has-small-font-size\" id=\"customizable\" style=\"line-height:1.2\">Testimonials<\/h6>\n\n\n\n<p class=\"has-text-align-center has-small-font-size wp-block-paragraph\">Client testimonials in a customizable slideshow.<\/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=\"\/blocks\/organic-blocks\/testimonials-block\/\">View Example<\/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 pattern using the button, and paste it into your WordPress block editor. <strong>STAX<\/strong> and 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-7\" 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-7\" class=\"wp-block-button__link\" data-alert-target=\"obb-clipboard-alert-7\" data-clipboard-text=\"&lt;!-- wp:columns {&quot;align&quot;:&quot;wide&quot;} --&gt;\n&lt;div class=&quot;wp-block-columns alignwide&quot;&gt;&lt;!-- wp:column --&gt;\n&lt;div class=&quot;wp-block-column&quot;&gt;&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;:13,&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:\/\/format30.com\/wp-content\/uploads\/2021\/11\/content-slider.png&quot; alt=&quot;&quot; class=&quot;wp-image-13&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;Content Slideshow&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;Display posts types within a customizable slideshow.&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;\/blocks\/organic-blocks\/content-slideshow-block\/&quot;&gt;View Example&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;&lt;\/div&gt;\n&lt;!-- \/wp:column --&gt;\n\n&lt;!-- wp:column --&gt;\n&lt;div class=&quot;wp-block-column&quot;&gt;&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;:24,&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:\/\/format30.com\/wp-content\/uploads\/2021\/11\/posts-icon.png&quot; alt=&quot;&quot; class=&quot;wp-image-24&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;Posts&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;Display post types in a custom blog layout.&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;\/blocks\/organic-blocks\/posts-block\/&quot;&gt;View Example&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;&lt;\/div&gt;\n&lt;!-- \/wp:column --&gt;\n\n&lt;!-- wp:column --&gt;\n&lt;div class=&quot;wp-block-column&quot;&gt;&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;:23,&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:\/\/format30.com\/wp-content\/uploads\/2021\/11\/portfolio-icon.png&quot; alt=&quot;&quot; class=&quot;wp-image-23&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;Portfolio&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;Display a collection of posts in a portfolio.&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;\/blocks\/organic-blocks\/portfolio-block\/&quot;&gt;View Example&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;&lt;\/div&gt;\n&lt;!-- \/wp:column --&gt;\n\n&lt;!-- wp:column --&gt;\n&lt;div class=&quot;wp-block-column&quot;&gt;&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;:25,&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:\/\/format30.com\/wp-content\/uploads\/2021\/11\/profile-icon.png&quot; alt=&quot;&quot; class=&quot;wp-image-25&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;Profile&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;Showcase personal profiles with social media links.&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;\/blocks\/organic-blocks\/profile-block\/&quot;&gt;View Example&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;&lt;\/div&gt;\n&lt;!-- \/wp:column --&gt;\n\n&lt;!-- wp:column --&gt;\n&lt;div class=&quot;wp-block-column&quot;&gt;&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;:27,&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:\/\/format30.com\/wp-content\/uploads\/2021\/11\/testimonials-icon.png&quot; alt=&quot;&quot; class=&quot;wp-image-27&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;Testimonials&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;Client testimonials in a customizable slideshow.&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;\/blocks\/organic-blocks\/testimonials-block\/&quot;&gt;View Example&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;&lt;\/div&gt;\n&lt;!-- \/wp:column --&gt;&lt;\/div&gt;\n&lt;!-- \/wp:columns --&gt;\" style=\"border-radius:3px;border-width:2px;border-style:solid;border-color:#ccc\"><span class=\"obb-clipboard-button-text\">Copy Pattern<\/span><\/a><div id=\"obb-clipboard-alert-7\" class=\"obb-clipboard-alert\">Copied pattern 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=\"wp-block-heading has-text-align-center\">Content Slideshow Callout Pattern<\/h4>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-midnight-hour-gradient-background has-background is-layout-constrained wp-block-group-is-layout-constrained\">\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignfull 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\t\t\t<style type=\"text\/css\">\n\t\t\t\t\t\t\t\t#flexslider-1717376972 .obb-title {\n\t\t\t\t\tfont-size: 24px;\n\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t#flexslider-1717376972 .obb-excerpt,\n\t\t\t\t#flexslider-1717376972 .obb-excerpt p {\n\t\t\t\t\tcolor: #fff;\n\t\t\t\t\tfont-size: 16px;\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\t#flexslider-1717376972 .obb-flexslider {\n\t\t\t\t\t\t\t\t\t\t\theight: 540px;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tbackground-color: #ffffff00;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t#flexslider-1717376972 .slide {\n\t\t\t\t\t\t\t\t\t\t\theight: 540px;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t#flexslider-1717376972 .obb-content {\n\t\t\t\t\ttext-align: center;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t#flexslider-1717376972 .obb-card .wp-block-button__link {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t<\/style>\n\n\t\t\t\n\t\t\t<div id=\"flexslider-1717376972\"\n\t\t\t\tdata-slide-id=\"flexslider-1717376972\"\n\t\t\t\tdata-slide-nav=\"1\"\n\t\t\t\tdata-slide-arrows=\"1\"\n\t\t\t\tclass=\"organic-block organic-block-content-slideshow obb-slideshow alignwide obb-no-content-bg obb-position-center-center style-modern\">\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/div>\n\n\t\t\t<\/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-group is-layout-constrained wp-container-core-group-is-layout-03f1f6cc wp-block-group-is-layout-constrained\">\n<h6 class=\"wp-block-heading has-text-color\" id=\"stax-features\" style=\"color:#ffc73b;font-weight:400;line-height:0.6\"><strong>Organic Block<\/strong> Example<\/h6>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-left has-white-color has-text-color\" id=\"totally-customizable\" style=\"font-weight:300;line-height:1\"><strong>Content Slideshow<\/strong> Block<\/h2>\n\n\n\n<p class=\"has-text-align-left has-white-color has-text-color wp-block-paragraph\">The <strong>Content Slideshow<\/strong> Block displays a slideshow of posts from a selected post type. The block is perfect for showcasing featured news articles, WooCommerce products, case studies, and much more! The slideshow is highly customizable without being overwhelming.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-outline is-style-outline--6\"><a class=\"wp-block-button__link has-white-color has-text-color wp-element-button\">Get Organic Blocks<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/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 pattern using the button, and paste it into your WordPress block editor. <strong>STAX<\/strong> and 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-8\" 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-8\" class=\"wp-block-button__link\" data-alert-target=\"obb-clipboard-alert-8\" data-clipboard-text=\"&lt;!-- wp:group {&quot;align&quot;:&quot;full&quot;,&quot;gradient&quot;:&quot;midnight-hour&quot;,&quot;layout&quot;:{&quot;inherit&quot;:true,&quot;type&quot;:&quot;constrained&quot;}} --&gt;\n&lt;div class=&quot;wp-block-group alignfull has-midnight-hour-gradient-background has-background&quot;&gt;&lt;!-- wp:spacer {&quot;height&quot;:&quot;40px&quot;} --&gt;\n&lt;div style=&quot;height:40px&quot; aria-hidden=&quot;true&quot; class=&quot;wp-block-spacer&quot;&gt;&lt;\/div&gt;\n&lt;!-- \/wp:spacer --&gt;\n\n&lt;!-- wp:columns {&quot;verticalAlignment&quot;:&quot;center&quot;,&quot;align&quot;:&quot;full&quot;} --&gt;\n&lt;div class=&quot;wp-block-columns alignfull are-vertically-aligned-center&quot;&gt;&lt;!-- wp:column {&quot;verticalAlignment&quot;:&quot;center&quot;} --&gt;\n&lt;div class=&quot;wp-block-column is-vertically-aligned-center&quot;&gt;&lt;!-- wp:obb\/slideshow-block {&quot;editMode&quot;:false,&quot;postcategory&quot;:[&quot;Featured&quot;],&quot;posttype&quot;:&quot;post&quot;,&quot;posttaxonomy&quot;:&quot;category&quot;,&quot;slidestyle&quot;:&quot;style-modern&quot;,&quot;slideheight&quot;:&quot;520&quot;,&quot;slideexcerpt&quot;:false,&quot;slidelink&quot;:false,&quot;slidebackground&quot;:false,&quot;slidelayout&quot;:&quot;content-position-bottom&quot;,&quot;slideopacity&quot;:0.2,&quot;slidetitlecolor&quot;:&quot;#fff&quot;,&quot;slidecontentcolor&quot;:&quot;#fff&quot;,&quot;align&quot;:&quot;wide&quot;} \/--&gt;&lt;\/div&gt;\n&lt;!-- \/wp:column --&gt;\n\n&lt;!-- wp:column {&quot;verticalAlignment&quot;:&quot;center&quot;} --&gt;\n&lt;div class=&quot;wp-block-column is-vertically-aligned-center&quot;&gt;&lt;!-- wp:group {&quot;layout&quot;:{&quot;contentSize&quot;:&quot;740px&quot;,&quot;type&quot;:&quot;constrained&quot;}} --&gt;\n&lt;div class=&quot;wp-block-group&quot;&gt;&lt;!-- wp:heading {&quot;level&quot;:6,&quot;style&quot;:{&quot;typography&quot;:{&quot;lineHeight&quot;:&quot;0.6&quot;,&quot;fontWeight&quot;:&quot;400&quot;},&quot;color&quot;:{&quot;text&quot;:&quot;#ffc73b&quot;}}} --&gt;\n&lt;h6 class=&quot;has-text-color&quot; id=&quot;stax-features&quot; style=&quot;color:#ffc73b;font-weight:400;line-height:0.6&quot;&gt;&lt;strong&gt;Organic Block&lt;\/strong&gt; Example&lt;\/h6&gt;\n&lt;!-- \/wp:heading --&gt;\n\n&lt;!-- wp:heading {&quot;textAlign&quot;:&quot;left&quot;,&quot;style&quot;:{&quot;typography&quot;:{&quot;fontWeight&quot;:&quot;300&quot;,&quot;lineHeight&quot;:&quot;1&quot;}},&quot;textColor&quot;:&quot;white&quot;} --&gt;\n&lt;h2 class=&quot;has-text-align-left has-white-color has-text-color&quot; id=&quot;totally-customizable&quot; style=&quot;font-weight:300;line-height:1&quot;&gt;&lt;strong&gt;Content Slideshow&lt;\/strong&gt; Block&lt;\/h2&gt;\n&lt;!-- \/wp:heading --&gt;\n\n&lt;!-- wp:paragraph {&quot;align&quot;:&quot;left&quot;,&quot;textColor&quot;:&quot;white&quot;} --&gt;\n&lt;p class=&quot;has-text-align-left has-white-color has-text-color&quot;&gt;The &lt;strong&gt;Content Slideshow&lt;\/strong&gt; Block displays a slideshow of posts from a selected post type. The block is perfect for showcasing featured news articles, WooCommerce products, case studies, and much more! The slideshow is highly customizable without being overwhelming.&lt;\/p&gt;\n&lt;!-- \/wp:paragraph --&gt;\n\n&lt;!-- wp:buttons --&gt;\n&lt;div class=&quot;wp-block-buttons&quot;&gt;&lt;!-- wp:button {&quot;textColor&quot;:&quot;white&quot;,&quot;className&quot;:&quot;is-style-outline&quot;} --&gt;\n&lt;div class=&quot;wp-block-button is-style-outline&quot;&gt;&lt;a class=&quot;wp-block-button__link has-white-color has-text-color wp-element-button&quot;&gt;Get Organic Blocks&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:column --&gt;&lt;\/div&gt;\n&lt;!-- \/wp:columns --&gt;\n\n&lt;!-- wp:spacer {&quot;height&quot;:&quot;40px&quot;} --&gt;\n&lt;div style=&quot;height:40px&quot; aria-hidden=&quot;true&quot; class=&quot;wp-block-spacer&quot;&gt;&lt;\/div&gt;\n&lt;!-- \/wp:spacer --&gt;&lt;\/div&gt;\n&lt;!-- \/wp:group --&gt;\" style=\"border-radius:3px;border-width:2px;border-style:solid;border-color:#ccc\"><span class=\"obb-clipboard-button-text\">Copy Pattern<\/span><\/a><div id=\"obb-clipboard-alert-8\" class=\"obb-clipboard-alert\">Copied pattern 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=\"wp-block-heading has-text-align-center\">Featured Testimonial Pattern<\/h4>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile is-vertically-aligned-center\" style=\"grid-template-columns:32% auto\"><figure class=\"wp-block-media-text__media\"><img data-recalc-dims=\"1\" height=\"1024\" width=\"1024\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/stax.organicthemes.com\/wp-content\/uploads\/2021\/12\/portrait-lady-cutout-01-887x1024.png?fit=1024%2C1024&#038;ssl=1\" alt=\"\" class=\"wp-image-1847 size-large\"\/><\/figure><div class=\"wp-block-media-text__content\">\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-c25b8d01 wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\" id=\"i-love-stax\">I <em>Love<\/em> <strong>STAX<\/strong>,<\/h2>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Thank you. You have the best looking templates I have ever seen, and it was extremely fast and easy to build my website. Well worth the money. Thank you again for your service.<\/p>\n<cite>\u2014 Lynn Sheldon<\/cite><\/blockquote>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-subtle-teal-gradient-background has-background wp-element-button\" href=\"#\">More Testimonials<\/a><\/div>\n<\/div>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n<\/div><\/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 pattern using the button, and paste it into your WordPress block editor. <strong>STAX<\/strong> and 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-9\" 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-9\" class=\"wp-block-button__link\" data-alert-target=\"obb-clipboard-alert-9\" data-clipboard-text=\"&lt;!-- wp:media-text {&quot;mediaId&quot;:1847,&quot;mediaLink&quot;:&quot;https:\/\/stax.organicthemes.com\/blocks\/organic-blocks\/callout-block\/portrait-lady-cutout-01\/&quot;,&quot;mediaType&quot;:&quot;image&quot;,&quot;mediaWidth&quot;:32,&quot;mediaSizeSlug&quot;:&quot;large&quot;,&quot;verticalAlignment&quot;:&quot;center&quot;,&quot;imageFill&quot;:false} --&gt;\n&lt;div class=&quot;wp-block-media-text alignwide is-stacked-on-mobile is-vertically-aligned-center&quot; style=&quot;grid-template-columns:32% auto&quot;&gt;&lt;figure class=&quot;wp-block-media-text__media&quot;&gt;&lt;img src=&quot;https:\/\/stax.organicthemes.com\/wp-content\/uploads\/2021\/12\/portrait-lady-cutout-01-887x1024.png&quot; alt=&quot;&quot; class=&quot;wp-image-1847 size-large&quot;\/&gt;&lt;\/figure&gt;&lt;div class=&quot;wp-block-media-text__content&quot;&gt;&lt;!-- wp:group {&quot;layout&quot;:{&quot;inherit&quot;:false,&quot;contentSize&quot;:&quot;720px&quot;,&quot;type&quot;:&quot;constrained&quot;}} --&gt;\n&lt;div class=&quot;wp-block-group&quot;&gt;&lt;!-- wp:heading --&gt;\n&lt;h2 id=&quot;i-love-stax&quot;&gt;I &lt;em&gt;Love&lt;\/em&gt; &lt;strong&gt;STAX&lt;\/strong&gt;,&lt;\/h2&gt;\n&lt;!-- \/wp:heading --&gt;\n\n&lt;!-- wp:quote --&gt;\n&lt;blockquote class=&quot;wp-block-quote&quot;&gt;&lt;!-- wp:paragraph --&gt;\n&lt;p&gt;Thank you. You have the best looking templates I have ever seen, and it was extremely fast and easy to build my website. Well worth the money. Thank you again for your service.&lt;\/p&gt;\n&lt;!-- \/wp:paragraph --&gt;&lt;cite&gt;\u2014 Lynn Sheldon&lt;\/cite&gt;&lt;\/blockquote&gt;\n&lt;!-- \/wp:quote --&gt;\n\n&lt;!-- wp:buttons --&gt;\n&lt;div class=&quot;wp-block-buttons&quot;&gt;&lt;!-- wp:button {&quot;gradient&quot;:&quot;subtle-teal&quot;} --&gt;\n&lt;div class=&quot;wp-block-button&quot;&gt;&lt;a class=&quot;wp-block-button__link has-subtle-teal-gradient-background has-background wp-element-button&quot; href=&quot;#&quot;&gt;More Testimonials&lt;\/a&gt;&lt;\/div&gt;\n&lt;!-- \/wp:button --&gt;&lt;\/div&gt;\n&lt;!-- \/wp:buttons --&gt;\n\n&lt;!-- wp:spacer {&quot;height&quot;:&quot;40px&quot;} --&gt;\n&lt;div style=&quot;height:40px&quot; aria-hidden=&quot;true&quot; class=&quot;wp-block-spacer&quot;&gt;&lt;\/div&gt;\n&lt;!-- \/wp:spacer --&gt;&lt;\/div&gt;\n&lt;!-- \/wp:group --&gt;&lt;\/div&gt;&lt;\/div&gt;\n&lt;!-- \/wp:media-text --&gt;\" style=\"border-radius:3px;border-width:2px;border-style:solid;border-color:#ccc\"><span class=\"obb-clipboard-button-text\">Copy Pattern<\/span><\/a><div id=\"obb-clipboard-alert-9\" class=\"obb-clipboard-alert\">Copied pattern 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>STAX includes several patterns for quickly creating a variety of content sections. This page features examples of a few patterns. However, there are several patterns demonstrated throughout the STAX demo [&hellip;]<\/p>\n","protected":false},"author":7601135,"featured_media":0,"parent":0,"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-37245","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>Patterns - 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\/es\/patterns\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Patterns - Formation 3.0\" \/>\n<meta property=\"og:description\" content=\"STAX includes several patterns for quickly creating a variety of content sections. This page features examples of a few patterns. However, there are several patterns demonstrated throughout the STAX demo [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/format30.com\/es\/patterns\/\" \/>\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\/11\/stax-logo-white.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@Formation3_0\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/format30.com\\\/patterns\\\/\",\"url\":\"https:\\\/\\\/format30.com\\\/patterns\\\/\",\"name\":\"Patterns - Formation 3.0\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/format30.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/format30.com\\\/patterns\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/format30.com\\\/patterns\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/format30.com\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/stax-logo-white.png\",\"datePublished\":\"2021-11-05T16:22:30+00:00\",\"dateModified\":\"2024-11-07T09:53:06+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/format30.com\\\/patterns\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/format30.com\\\/patterns\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/format30.com\\\/patterns\\\/#primaryimage\",\"url\":\"https:\\\/\\\/format30.com\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/stax-logo-white.png\",\"contentUrl\":\"https:\\\/\\\/format30.com\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/stax-logo-white.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/format30.com\\\/patterns\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/format30.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Patterns\"}]},{\"@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\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/format30.com\\\/#organization\",\"name\":\"Formation 3.0\",\"url\":\"https:\\\/\\\/format30.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@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":"Patterns - 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\/es\/patterns\/","og_locale":"es_ES","og_type":"article","og_title":"Patterns - Formation 3.0","og_description":"STAX includes several patterns for quickly creating a variety of content sections. This page features examples of a few patterns. However, there are several patterns demonstrated throughout the STAX demo [&hellip;]","og_url":"https:\/\/format30.com\/es\/patterns\/","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\/11\/stax-logo-white.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@Formation3_0","twitter_misc":{"Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/format30.com\/patterns\/","url":"https:\/\/format30.com\/patterns\/","name":"Patterns - Formation 3.0","isPartOf":{"@id":"https:\/\/format30.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/format30.com\/patterns\/#primaryimage"},"image":{"@id":"https:\/\/format30.com\/patterns\/#primaryimage"},"thumbnailUrl":"https:\/\/format30.com\/wp-content\/uploads\/2021\/11\/stax-logo-white.png","datePublished":"2021-11-05T16:22:30+00:00","dateModified":"2024-11-07T09:53:06+00:00","breadcrumb":{"@id":"https:\/\/format30.com\/patterns\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/format30.com\/patterns\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/format30.com\/patterns\/#primaryimage","url":"https:\/\/format30.com\/wp-content\/uploads\/2021\/11\/stax-logo-white.png","contentUrl":"https:\/\/format30.com\/wp-content\/uploads\/2021\/11\/stax-logo-white.png"},{"@type":"BreadcrumbList","@id":"https:\/\/format30.com\/patterns\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/format30.com\/"},{"@type":"ListItem","position":2,"name":"Patterns"}]},{"@type":"WebSite","@id":"https:\/\/format30.com\/#website","url":"https:\/\/format30.com\/","name":"Formation 3.0","description":"Formaci\u00f3n 3.0 es un sitio web dedicado a la formaci\u00f3n, la educaci\u00f3n, el uso de las nuevas tecnolog\u00edas en la ense\u00f1anza y el pensamiento 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":"es"},{"@type":"Organization","@id":"https:\/\/format30.com\/#organization","name":"Formation 3.0","url":"https:\/\/format30.com\/","logo":{"@type":"ImageObject","inLanguage":"es","@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-9GJ","jetpack-related-posts":[],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/format30.com\/es\/wp-json\/wp\/v2\/pages\/37245","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/format30.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/format30.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/format30.com\/es\/wp-json\/wp\/v2\/users\/7601135"}],"replies":[{"embeddable":true,"href":"https:\/\/format30.com\/es\/wp-json\/wp\/v2\/comments?post=37245"}],"version-history":[{"count":1,"href":"https:\/\/format30.com\/es\/wp-json\/wp\/v2\/pages\/37245\/revisions"}],"predecessor-version":[{"id":37336,"href":"https:\/\/format30.com\/es\/wp-json\/wp\/v2\/pages\/37245\/revisions\/37336"}],"wp:attachment":[{"href":"https:\/\/format30.com\/es\/wp-json\/wp\/v2\/media?parent=37245"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}