{"id":52,"date":"2021-11-05T16:22:30","date_gmt":"2021-11-05T16:22:30","guid":{"rendered":"https:\/\/stax.organicthemes.com\/playground\/?page_id=52"},"modified":"2023-02-10T15:15:34","modified_gmt":"2023-02-10T15:15:34","slug":"patterns","status":"publish","type":"page","link":"https:\/\/stax.organicthemes.com\/playground\/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:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/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:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/stacking-stones-01.jpg)\"><video class=\"obb-background-video\" autoplay muted loop><source type=\"video\/mp4\" src=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/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 loading=\"lazy\" decoding=\"async\" src=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/stax-logo-white.png\" alt=\"\" class=\"wp-image-40\" width=\"242\" height=\"76\" srcset=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/stax-logo-white.png 800w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/stax-logo-white-300x94.png 300w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/stax-logo-white-768x241.png 768w\" sizes=\"auto, (max-width: 242px) 100vw, 242px\" \/><\/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:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/blocks-hero-vid-02.mp4&quot;,&quot;imgID&quot;:1180,&quot;imgURL&quot;:&quot;https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/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:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/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:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/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:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/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:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/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 loading=\"lazy\" decoding=\"async\" src=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/blocks-icon.png\" alt=\"\" class=\"wp-image-1289\" width=\"36\" height=\"36\" srcset=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/blocks-icon.png 180w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/blocks-icon-150x150.png 150w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/blocks-icon-100x100.png 100w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/blocks-icon-50x50.png 50w\" sizes=\"auto, (max-width: 36px) 100vw, 36px\" \/><\/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 loading=\"lazy\" decoding=\"async\" src=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/patterns-icon.png\" alt=\"\" class=\"wp-image-1290\" width=\"36\" height=\"36\" srcset=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/patterns-icon.png 180w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/patterns-icon-150x150.png 150w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/patterns-icon-100x100.png 100w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/patterns-icon-50x50.png 50w\" sizes=\"auto, (max-width: 36px) 100vw, 36px\" \/><\/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 loading=\"lazy\" decoding=\"async\" src=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/templates-icon.png\" alt=\"\" class=\"wp-image-1291\" width=\"36\" height=\"36\" srcset=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/templates-icon.png 180w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/templates-icon-150x150.png 150w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/templates-icon-100x100.png 100w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/templates-icon-50x50.png 50w\" sizes=\"auto, (max-width: 36px) 100vw, 36px\" \/><\/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:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/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:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/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:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/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 loading=\"lazy\" decoding=\"async\" src=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/content-slider.png\" alt=\"\" class=\"wp-image-13\" width=\"36\" height=\"36\" srcset=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/content-slider.png 180w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/content-slider-150x150.png 150w\" sizes=\"auto, (max-width: 36px) 100vw, 36px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group obb-icon-content is-layout-flow wp-block-group-is-layout-flow\">\n<h6 class=\"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 loading=\"lazy\" decoding=\"async\" src=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/posts-icon.png\" alt=\"\" class=\"wp-image-24\" width=\"36\" height=\"36\" srcset=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/posts-icon.png 180w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/posts-icon-150x150.png 150w\" sizes=\"auto, (max-width: 36px) 100vw, 36px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group obb-icon-content is-layout-flow wp-block-group-is-layout-flow\">\n<h6 class=\"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 loading=\"lazy\" decoding=\"async\" src=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/portfolio-icon.png\" alt=\"\" class=\"wp-image-23\" width=\"36\" height=\"36\" srcset=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/portfolio-icon.png 180w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/portfolio-icon-150x150.png 150w\" sizes=\"auto, (max-width: 36px) 100vw, 36px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group obb-icon-content is-layout-flow wp-block-group-is-layout-flow\">\n<h6 class=\"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 loading=\"lazy\" decoding=\"async\" src=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/profile-icon.png\" alt=\"\" class=\"wp-image-25\" width=\"36\" height=\"36\" srcset=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/profile-icon.png 180w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/profile-icon-150x150.png 150w\" sizes=\"auto, (max-width: 36px) 100vw, 36px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group obb-icon-content is-layout-flow wp-block-group-is-layout-flow\">\n<h6 class=\"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 loading=\"lazy\" decoding=\"async\" src=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/testimonials-icon.png\" alt=\"\" class=\"wp-image-27\" width=\"36\" height=\"36\" srcset=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/testimonials-icon.png 180w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/testimonials-icon-150x150.png 150w\" sizes=\"auto, (max-width: 36px) 100vw, 36px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group obb-icon-content is-layout-flow wp-block-group-is-layout-flow\">\n<h6 class=\"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:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/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:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/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:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/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:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/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:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/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-3478787075 .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-3478787075 .obb-excerpt,\n\t\t\t\t#flexslider-3478787075 .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-3478787075 .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-3478787075 .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-3478787075 .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-3478787075 .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-3478787075\"\n\t\t\t\tdata-slide-id=\"flexslider-3478787075\"\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\n\t\t\t\t\t\t\t\t\t\t<div class=\"obb-flexslider loading\"\n\t\t\t\t\t\tdata-speed=\"10000\"\n\t\t\t\t\t\tdata-transition=\"fade\"\n\t\t\t\t\t\tdata-height=\"1\"\n\t\t\t\t\t\tdata-per-slide=\"1\">\n\n\t\t\t\t\t\t<div class=\"preloader\"><\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t<ul class=\"slides\n\t\t\t\t\t\t obb-fixed-slide-height\t\t\t\t\t\t\">\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<li class=\"slide post-899 post type-post status-publish format-standard has-post-thumbnail hentry category-blog category-featured tag-selling-online tag-services tag-woocommerce\" id=\"post-899\" style=\"\t\t\t\t\t\t\t\t\tbackground-image: url(https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2020\/02\/post-01.jpg);\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"obb-aligner content-position-bottom\">\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"obb-content\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"obb-card clearfix\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h4 class=\"obb-title\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/stax.organicthemes.com\/playground\/blog\/how-to-sell-services-as-products-online\/\" rel=\"bookmark\" style=\"color: #fff;\">How To Sell Services As Products Online<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/h4>\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"obb-bg-overlay\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"background-color: #000;\n\t\t\t\t\t\t\t\t\t\topacity: 0.2;\"><\/span>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<\/li>\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<li class=\"slide post-277 post type-post status-publish format-standard has-post-thumbnail hentry category-blog category-featured tag-moving tag-new-office\" id=\"post-277\" style=\"\t\t\t\t\t\t\t\t\tbackground-image: url(https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2020\/02\/post-02.jpg);\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"obb-aligner content-position-bottom\">\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"obb-content\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"obb-card clearfix\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h4 class=\"obb-title\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/stax.organicthemes.com\/playground\/blog\/our-new-office-downtown\/\" rel=\"bookmark\" style=\"color: #fff;\">Our New Office Downtown<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/h4>\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"obb-bg-overlay\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"background-color: #000;\n\t\t\t\t\t\t\t\t\t\topacity: 0.2;\"><\/span>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<\/li>\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<li class=\"slide post-184 post type-post status-publish format-standard has-post-thumbnail hentry category-blog category-branding category-featured tag-design tag-logo tag-packaging\" id=\"post-184\" style=\"\t\t\t\t\t\t\t\t\tbackground-image: url(https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2020\/02\/post-03.jpg);\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"obb-aligner content-position-bottom\">\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"obb-content\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"obb-card clearfix\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h4 class=\"obb-title\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/stax.organicthemes.com\/playground\/blog\/refreshing-the-brand-for-hubble-contact-lenses\/\" rel=\"bookmark\" style=\"color: #fff;\">Refreshing Our Brand<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/h4>\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"obb-bg-overlay\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"background-color: #000;\n\t\t\t\t\t\t\t\t\t\topacity: 0.2;\"><\/span>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<\/li>\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<li class=\"slide post-179 post type-post status-publish format-standard has-post-thumbnail hentry category-blog category-featured tag-app-design tag-virtual-reality\" id=\"post-179\" style=\"\t\t\t\t\t\t\t\t\tbackground-image: url(https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2020\/02\/post-04.jpg);\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"obb-aligner content-position-bottom\">\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"obb-content\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"obb-card clearfix\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h4 class=\"obb-title\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/stax.organicthemes.com\/playground\/blog\/agency-launches-a-new-vr-experience\/\" rel=\"bookmark\" style=\"color: #fff;\">Agency Launches A New VR Experience<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/h4>\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"obb-bg-overlay\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"background-color: #000;\n\t\t\t\t\t\t\t\t\t\topacity: 0.2;\"><\/span>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<\/li>\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<li class=\"slide post-175 post type-post status-publish format-standard has-post-thumbnail hentry category-blog category-featured tag-interview tag-team\" id=\"post-175\" style=\"\t\t\t\t\t\t\t\t\tbackground-image: url(https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2020\/02\/designer-01.jpg);\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"obb-aligner content-position-bottom\">\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"obb-content\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"obb-card clearfix\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h4 class=\"obb-title\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/stax.organicthemes.com\/playground\/blog\/an-interview-with-our-lead-designer\/\" rel=\"bookmark\" style=\"color: #fff;\">An Interview With Our Lead Designer<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/h4>\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"obb-bg-overlay\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"background-color: #000;\n\t\t\t\t\t\t\t\t\t\topacity: 0.2;\"><\/span>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<\/li>\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<li class=\"slide post-168 post type-post status-publish format-standard has-post-thumbnail hentry category-blog category-branding category-featured category-inspiration\" id=\"post-168\" style=\"\t\t\t\t\t\t\t\t\tbackground-image: url(https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2020\/02\/post-05.jpg);\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"obb-aligner content-position-bottom\">\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"obb-content\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"obb-card clearfix\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h4 class=\"obb-title\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/stax.organicthemes.com\/playground\/blog\/12-alternative-lifestyle-brands\/\" rel=\"bookmark\" style=\"color: #fff;\">12 Alternative Lifestyle Brands We Love<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/h4>\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"obb-bg-overlay\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"background-color: #000;\n\t\t\t\t\t\t\t\t\t\topacity: 0.2;\"><\/span>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<\/li>\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<li class=\"slide post-652 post type-post status-publish format-standard has-post-thumbnail hentry category-blog category-featured category-uncategorized\" id=\"post-652\" style=\"\t\t\t\t\t\t\t\t\tbackground-image: url(https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2018\/03\/post-06.jpg);\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"obb-aligner content-position-bottom\">\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"obb-content\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"obb-card clearfix\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h4 class=\"obb-title\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/stax.organicthemes.com\/playground\/blog\/casualties-of-the-sea\/\" rel=\"bookmark\" style=\"color: #fff;\">The Power Of One<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/h4>\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"obb-bg-overlay\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"background-color: #000;\n\t\t\t\t\t\t\t\t\t\topacity: 0.2;\"><\/span>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<\/li>\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<li class=\"slide post-1561 post type-post status-publish format-standard has-post-thumbnail hentry category-blog category-featured\" id=\"post-1561\" style=\"\t\t\t\t\t\t\t\t\tbackground-image: url(https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2017\/07\/mario-dobelmann-mTZfJpZV6sw-unsplash.jpg);\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"obb-aligner content-position-bottom\">\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"obb-content\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"obb-card clearfix\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h4 class=\"obb-title\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/stax.organicthemes.com\/playground\/blog\/the-house-on-the-borderland\/\" rel=\"bookmark\" style=\"color: #fff;\">The House On The Borderland<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/h4>\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"obb-bg-overlay\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"background-color: #000;\n\t\t\t\t\t\t\t\t\t\topacity: 0.2;\"><\/span>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<\/li>\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\n\t\t\t\t\t\t\t\t\t\t<\/div>\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 loading=\"lazy\" decoding=\"async\" width=\"887\" height=\"1024\" src=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/portrait-lady-cutout-01-887x1024.png\" alt=\"\" class=\"wp-image-1847 size-large\" srcset=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/portrait-lady-cutout-01-887x1024.png 887w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/portrait-lady-cutout-01-260x300.png 260w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/portrait-lady-cutout-01-768x886.png 768w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/portrait-lady-cutout-01-600x693.png 600w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/portrait-lady-cutout-01.png 1200w\" sizes=\"auto, (max-width: 887px) 100vw, 887px\" \/><\/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\/playground\/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\/playground\/wp-content\/uploads\/sites\/2\/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 for each block, and patterns may be copied directly from the demo, and pasted into the block editor. Hero Pattern Copy this pattern using the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","footnotes":""},"class_list":["post-52","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Patterns - STAX Playground<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/stax.organicthemes.com\/playground\/patterns\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Patterns - STAX Playground\" \/>\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 for each block, and patterns may be copied directly from the demo, and pasted into the block editor. Hero Pattern Copy this pattern using the [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stax.organicthemes.com\/playground\/patterns\/\" \/>\n<meta property=\"og:site_name\" content=\"STAX Playground\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-10T15:15:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/stax-logo-white.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/stax.organicthemes.com\/playground\/patterns\/\",\"url\":\"https:\/\/stax.organicthemes.com\/playground\/patterns\/\",\"name\":\"Patterns - STAX Playground\",\"isPartOf\":{\"@id\":\"https:\/\/stax.organicthemes.com\/playground\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/stax.organicthemes.com\/playground\/patterns\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stax.organicthemes.com\/playground\/patterns\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/stax-logo-white.png\",\"datePublished\":\"2021-11-05T16:22:30+00:00\",\"dateModified\":\"2023-02-10T15:15:34+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/stax.organicthemes.com\/playground\/patterns\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stax.organicthemes.com\/playground\/patterns\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/stax.organicthemes.com\/playground\/patterns\/#primaryimage\",\"url\":\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/stax-logo-white.png\",\"contentUrl\":\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/stax-logo-white.png\",\"width\":800,\"height\":251},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/stax.organicthemes.com\/playground\/patterns\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/stax.organicthemes.com\/playground\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Patterns\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/stax.organicthemes.com\/playground\/#website\",\"url\":\"https:\/\/stax.organicthemes.com\/playground\/\",\"name\":\"STAX Playground\",\"description\":\"A WordPress Full-Site Editor Theme\",\"publisher\":{\"@id\":\"https:\/\/stax.organicthemes.com\/playground\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/stax.organicthemes.com\/playground\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/stax.organicthemes.com\/playground\/#organization\",\"name\":\"STAX Playground\",\"url\":\"https:\/\/stax.organicthemes.com\/playground\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/stax.organicthemes.com\/playground\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/stax-logo.png\",\"contentUrl\":\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/stax-logo.png\",\"width\":800,\"height\":251,\"caption\":\"STAX Playground\"},\"image\":{\"@id\":\"https:\/\/stax.organicthemes.com\/playground\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Patterns - STAX Playground","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/stax.organicthemes.com\/playground\/patterns\/","og_locale":"en_US","og_type":"article","og_title":"Patterns - STAX Playground","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 for each block, and patterns may be copied directly from the demo, and pasted into the block editor. Hero Pattern Copy this pattern using the [&hellip;]","og_url":"https:\/\/stax.organicthemes.com\/playground\/patterns\/","og_site_name":"STAX Playground","article_modified_time":"2023-02-10T15:15:34+00:00","og_image":[{"url":"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/stax-logo-white.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stax.organicthemes.com\/playground\/patterns\/","url":"https:\/\/stax.organicthemes.com\/playground\/patterns\/","name":"Patterns - STAX Playground","isPartOf":{"@id":"https:\/\/stax.organicthemes.com\/playground\/#website"},"primaryImageOfPage":{"@id":"https:\/\/stax.organicthemes.com\/playground\/patterns\/#primaryimage"},"image":{"@id":"https:\/\/stax.organicthemes.com\/playground\/patterns\/#primaryimage"},"thumbnailUrl":"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/stax-logo-white.png","datePublished":"2021-11-05T16:22:30+00:00","dateModified":"2023-02-10T15:15:34+00:00","breadcrumb":{"@id":"https:\/\/stax.organicthemes.com\/playground\/patterns\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stax.organicthemes.com\/playground\/patterns\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/stax.organicthemes.com\/playground\/patterns\/#primaryimage","url":"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/stax-logo-white.png","contentUrl":"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/stax-logo-white.png","width":800,"height":251},{"@type":"BreadcrumbList","@id":"https:\/\/stax.organicthemes.com\/playground\/patterns\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/stax.organicthemes.com\/playground\/"},{"@type":"ListItem","position":2,"name":"Patterns"}]},{"@type":"WebSite","@id":"https:\/\/stax.organicthemes.com\/playground\/#website","url":"https:\/\/stax.organicthemes.com\/playground\/","name":"STAX Playground","description":"A WordPress Full-Site Editor Theme","publisher":{"@id":"https:\/\/stax.organicthemes.com\/playground\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/stax.organicthemes.com\/playground\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/stax.organicthemes.com\/playground\/#organization","name":"STAX Playground","url":"https:\/\/stax.organicthemes.com\/playground\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/stax.organicthemes.com\/playground\/#\/schema\/logo\/image\/","url":"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/stax-logo.png","contentUrl":"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/stax-logo.png","width":800,"height":251,"caption":"STAX Playground"},"image":{"@id":"https:\/\/stax.organicthemes.com\/playground\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/stax.organicthemes.com\/playground\/wp-json\/wp\/v2\/pages\/52","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stax.organicthemes.com\/playground\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stax.organicthemes.com\/playground\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stax.organicthemes.com\/playground\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stax.organicthemes.com\/playground\/wp-json\/wp\/v2\/comments?post=52"}],"version-history":[{"count":0,"href":"https:\/\/stax.organicthemes.com\/playground\/wp-json\/wp\/v2\/pages\/52\/revisions"}],"wp:attachment":[{"href":"https:\/\/stax.organicthemes.com\/playground\/wp-json\/wp\/v2\/media?parent=52"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}