{"id":1260,"date":"2026-10-07T09:10:00","date_gmt":"2026-10-07T09:10:00","guid":{"rendered":"https:\/\/shapekode.com\/product\/shapeblock\/?page_id=1260"},"modified":"2026-10-08T04:42:54","modified_gmt":"2026-10-08T04:42:54","slug":"sticky-stack","status":"publish","type":"page","link":"https:\/\/shapekode.com\/product\/shapeblock\/sticky-stack\/","title":{"rendered":"Sticky Stack"},"content":{"rendered":"<style id=\"shapeblock-block-css-5-inline-css\">\n.shapeblock-layout-row-mum3s8 { justify-content:center;align-content:stretch;flex-wrap:wrap;gap:20px;padding-top:120px;padding-right:16px;padding-bottom:120px;padding-left:16px;background-color:#5933ff;background-image:url(https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/banner-shape.webp);background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:scroll;--bp-cols:1;--bp-gap:20px; }\n@media (max-width: 1024px) { .shapeblock-layout-row-mum3s8 { padding-top:70px;padding-right:15px;padding-bottom:70px;padding-left:15px; } }\n@media (max-width: 767px) { .shapeblock-layout-row-mum3s8 { padding-top:70px;padding-right:15px;padding-bottom:70px;padding-left:15px; } }\n@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-mum3s8 > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 100% !important;max-width:100% !important;}}.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-elv1eg { flex:0 1 calc(830px - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 830 \/ 100) !important;max-width:calc(830px - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 830 \/ 100) !important; }\n.shapeblock-col-elv1eg > .shapeblock-column__inner { display:flex;flex-direction:column;align-items:center; }.shapeblock-heading-block-wrap.shapeblock-heading-130a5c .shapeblock-heading { text-align:center; }\n.shapeblock-heading-block-wrap.shapeblock-heading-130a5c .shapeblock-heading .shapeblock-title { color:#ffffff; }\n\/*# sourceURL=shapeblock-block-css-1-inline-css *\/\n\n\n.shapeblock-button-block-wrap.shapeblock-button-5240d5 .shapeblock-button { font-weight:500;text-decoration:none;justify-content:center;min-width:min(150px, 100%);color:#ffffff;border-style:solid;border-color:#00000000;border-width:1px 1px 1px 1px; }\n.shapeblock-button-block-wrap.shapeblock-button-5240d5 .shapeblock-button .shapeblock-button-icon-before { margin-right:8px; }\n.shapeblock-button-block-wrap.shapeblock-button-5240d5 .shapeblock-button .shapeblock-button-icon-after { margin-left:8px;margin-right:0; }\n\/*# sourceURL=shapeblock-block-css-2-inline-css *\/\n\n\n.shapeblock-button-block-wrap.shapeblock-button-31oq4y .shapeblock-button { font-weight:500;text-decoration:none;justify-content:center;min-width:min(150px, 100%);color:#ffffff;border-style:solid;border-color:#ffffff;border-width:1px 1px 1px 1px; }\n.shapeblock-button-block-wrap.shapeblock-button-31oq4y .shapeblock-button:hover { color:#ffffff;border-style:solid;border-color:#0067ff;border-width:1px 1px 1px 1px; }\n.shapeblock-button-block-wrap.shapeblock-button-31oq4y .shapeblock-button .shapeblock-button-icon-before { margin-right:8px; }\n.shapeblock-button-block-wrap.shapeblock-button-31oq4y .shapeblock-button .shapeblock-button-icon-after { margin-left:8px;margin-right:0; }\n\/*# sourceURL=shapeblock-block-css-3-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-4-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-5-inline-css *\/\n<\/style> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-mum3s8 is-content-boxed alignfull wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-elv1eg wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <h1 style=\"margin-bottom:8px\" class=\"has-link-color wp-elements-1 wp-block-post-title has-text-color has-base-color has-xx-large-font-size has-text-align-center\">Sticky Stack<\/h1> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-130a5c wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <h4 class=\"shapeblock-title\">Build your Sticky Stack Block With ShapeBlock<\/h4>\t<\/div> <\/div> <p class=\"has-text-align-center has-base-color has-text-color has-link-color wp-elements-2 wp-block-paragraph\" style=\"margin-top:20px\">The Gutenberg Hover Box Widget helps you showcase important features, services, or information with engaging hover effects, attractive layouts, and flexible customization options, making your website more interactive, visually appealing, and easy to explore.<\/p> <div class=\"wp-block-group is-content-justification-center is-layout-flex wp-container-core-group-is-layout-211891db wp-block-group-is-layout-flex\" style=\"padding-top:14px\"> <div class=\"shapeblock-block shapeblock-button-block-wrap shapeblock-button-5240d5 wp-block-shapeblock-button\"> <a href=\"#\" class=\"shapeblock-button shapeblock-button-primary\" target=\"_self\"> <span class=\"shapeblock-button-text\">Get Started Now<\/span> <\/a> <\/div> <div class=\"shapeblock-block shapeblock-button-block-wrap shapeblock-button-31oq4y wp-block-shapeblock-button\"> <a href=\"#\" class=\"shapeblock-button shapeblock-button-outline\" target=\"_blank\" rel=\"noopener\"> <span class=\"shapeblock-button-text\">Documentation  <\/span> <\/a> <\/div> <\/div> <\/div><\/div> <\/div><\/div>\n\n<style id=\"shapeblock-block-css-10-inline-css\">\n.shapeblock-layout-row-9uc6nv { flex-direction:row;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:25px;--bp-cols:2;--bp-gap:25px; }\n@media (max-width: 1024px) { .shapeblock-layout-row-9uc6nv { padding-right:15px;padding-left:15px; } }\n@media (max-width: 767px) { .shapeblock-layout-row-9uc6nv { padding-right:15px;padding-left:15px; } }\n@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-9uc6nv > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 100% !important;max-width:100% !important;}.shapeblock-layout-row.shapeblock-layout-row-9uc6nv > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(2){flex:0 1 100% !important;max-width:100% !important;}}.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-5l7vdo { flex:0 1 calc(500px - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 500 \/ 100) !important;max-width:calc(500px - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 500 \/ 100) !important; }.shapeblock-layout-row-9uc6nv.shapeblock-layout-row-9uc6nv.shapeblock-layout-row-9uc6nv { padding-top:100px;padding-bottom:100px; }.shapeblock-heading-block-wrap.shapeblock-heading-zj319l .shapeblock-heading { text-align:center; }\n\/*# sourceURL=shapeblock-block-css-6-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-7-inline-css *\/\n\n\n.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-otq9uh { flex:0 1 calc(100.00% - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 100 \/ 100) !important;max-width:calc(100.00% - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 100 \/ 100) !important; }.shapeblock-ss-block-wrap.shapeblock-ss-3d2212 .shapeblock-ss-card { padding-top:36px;padding-right:36px;padding-bottom:36px;padding-left:36px; }\n.shapeblock-ss-block-wrap.shapeblock-ss-3d2212 .shapeblock-ss-badge { min-width:40px;height:40px; }\n.shapeblock-ss-block-wrap.shapeblock-ss-3d2212 .shapeblock-ss-icon i { font-size:22px; }\n.shapeblock-ss-block-wrap.shapeblock-ss-3d2212 .shapeblock-ss-media img { border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:16px;border-bottom-left-radius:16px; }\n.shapeblock-ss-block-wrap.shapeblock-ss-3d2212 { --ss-top:90px;--ss-step:18px;--ss-gap:40px;--ss-minh:300px;--ss-colgap:40px;--ss-img-h:400px;--ss-cols:minmax(0,46fr) minmax(0,54fr);--ss-co:0;--ss-mo:1;--ss-ta:left;--ss-items:flex-start;--ss-valign:center;--ss-fit:cover;--ss-scale:0.040;--ss-dim:0.100;--ss-textgap:12px;--ss-pointsgap:10px; }\n@media (max-width: 767px) { .shapeblock-ss-block-wrap.shapeblock-ss-3d2212 { --ss-cols:minmax(0,1fr);--ss-co:0;--ss-mo:1; } }\n@media (max-width: 767px) { .shapeblock-ss-block-wrap.shapeblock-ss-3d2212 .shapeblock-ss-card { padding-top:22px;padding-right:22px;padding-bottom:22px;padding-left:22px; } }\n\/*# sourceURL=shapeblock-block-css-8-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-9-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-10-inline-css *\/\n<\/style> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-9uc6nv is-content-boxed wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-5l7vdo wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-zj319l wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <h2 class=\"shapeblock-title\">Card Right Image<\/h2>\t<\/div> <\/div> <\/div><\/div> <div class=\"shapeblock-block shapeblock-column shapeblock-col-otq9uh wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-ss-block-wrap shapeblock-ss-3d2212 shapeblock-ss wp-block-shapeblock-sticky-stack\" data-stack=\"desktop-tablet\" data-depth=\"1\"> <div class=\"shapeblock-ss-list\"> <article class=\"shapeblock-ss-card has-media\" style=\"--i:0\"> <div class=\"shapeblock-ss-content\"> <div class=\"shapeblock-ss-head\"> <span class=\"shapeblock-ss-badge\">01<\/span> <\/div> <h3 class=\"shapeblock-ss-title\">One layout, three values<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-ss-desc\">Set a value for desktop, tablet and mobile. Change one device and the others stay exactly as they were.<\/p> <ul class=\"shapeblock-ss-points\"> <li>Tablet up to 1024px, mobile up to 767px<\/li> <li>An empty device inherits the larger one<\/li> <\/ul> <a class=\"shapeblock-ss-btn\" href=\"#\">Read More<\/a> <\/div> <div class=\"shapeblock-ss-media\"> <img width=\"1024\" height=\"1024\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-6-1024x1024.webp\" class=\"attachment-large size-large\" alt=\"\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-6-1024x1024.webp 1024w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-6-300x300.webp 300w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-6-150x150.webp 150w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-6-768x768.webp 768w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-6.webp 1271w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t<\/div> <\/article> <article class=\"shapeblock-ss-card has-media\" style=\"--i:1\"> <div class=\"shapeblock-ss-content\"> <div class=\"shapeblock-ss-head\"> <span class=\"shapeblock-ss-badge\">02<\/span> <\/div> <h3 class=\"shapeblock-ss-title\">Colour and gradient, everywhere<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-ss-desc\">Every background option pairs a solid colour with a gradient, in Normal and Hover.<\/p> <ul class=\"shapeblock-ss-points\"> <li>The same control in every block<\/li> <li>Works on buttons, icons, cards and sections<\/li> <\/ul> <a class=\"shapeblock-ss-btn\" href=\"#\">Read More<\/a> <\/div> <div class=\"shapeblock-ss-media\"> <img width=\"1024\" height=\"1024\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-4-1024x1024.webp\" class=\"attachment-large size-large\" alt=\"\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-4-1024x1024.webp 1024w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-4-300x300.webp 300w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-4-150x150.webp 150w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-4-768x768.webp 768w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-4.webp 1271w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t<\/div> <\/article> <article class=\"shapeblock-ss-card has-media\" style=\"--i:2\"> <div class=\"shapeblock-ss-content\"> <div class=\"shapeblock-ss-head\"> <span class=\"shapeblock-ss-badge\">03<\/span> <\/div> <h3 class=\"shapeblock-ss-title\">An Advanced tab on every block<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-ss-desc\">Padding and margin per device, plus a background colour or gradient.<\/p> <ul class=\"shapeblock-ss-points\"> <li>Responsive padding and margin<\/li> <li>Scoped to that block only<\/li> <\/ul> <a class=\"shapeblock-ss-btn\" href=\"#\">Read More<\/a> <\/div> <div class=\"shapeblock-ss-media\"> <img width=\"1024\" height=\"1024\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-5-1024x1024.webp\" class=\"attachment-large size-large\" alt=\"\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-5-1024x1024.webp 1024w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-5-300x300.webp 300w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-5-150x150.webp 150w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-5-768x768.webp 768w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-5.webp 1271w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t<\/div> <\/article> <\/div> <\/div> <\/div><\/div> <\/div><\/div>\n\n<style id=\"shapeblock-block-css-15-inline-css\">\n.shapeblock-layout-row-510irf { flex-direction:row;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:25px;--bp-cols:2;--bp-gap:25px; }\n@media (max-width: 1024px) { .shapeblock-layout-row-510irf { padding-right:15px;padding-left:15px; } }\n@media (max-width: 767px) { .shapeblock-layout-row-510irf { padding-right:15px;padding-left:15px; } }\n@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-510irf > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 100% !important;max-width:100% !important;}.shapeblock-layout-row.shapeblock-layout-row-510irf > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(2){flex:0 1 100% !important;max-width:100% !important;}}.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-h8w49d { flex:0 1 calc(500px - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 500 \/ 100) !important;max-width:calc(500px - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 500 \/ 100) !important; }.shapeblock-layout-row-510irf.shapeblock-layout-row-510irf.shapeblock-layout-row-510irf { padding-top:100px;padding-bottom:100px; }.shapeblock-heading-block-wrap.shapeblock-heading-dn3u0h .shapeblock-heading { text-align:center; }\n\/*# sourceURL=shapeblock-block-css-11-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-12-inline-css *\/\n\n\n.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-56vzo5 { flex:0 1 calc(100.00% - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 100 \/ 100) !important;max-width:calc(100.00% - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 100 \/ 100) !important; }.shapeblock-ss-block-wrap.shapeblock-ss-bozkmq .shapeblock-ss-card { padding-top:36px;padding-right:36px;padding-bottom:36px;padding-left:36px; }\n.shapeblock-ss-block-wrap.shapeblock-ss-bozkmq .shapeblock-ss-badge { min-width:40px;height:40px; }\n.shapeblock-ss-block-wrap.shapeblock-ss-bozkmq .shapeblock-ss-icon i { font-size:22px; }\n.shapeblock-ss-block-wrap.shapeblock-ss-bozkmq .shapeblock-ss-media img { border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:16px;border-bottom-left-radius:16px; }\n.shapeblock-ss-block-wrap.shapeblock-ss-bozkmq { --ss-top:90px;--ss-step:18px;--ss-gap:40px;--ss-minh:300px;--ss-colgap:40px;--ss-cols:minmax(0,54fr) minmax(0,46fr);--ss-co:1;--ss-mo:0;--ss-ta:left;--ss-items:flex-start;--ss-valign:center;--ss-fit:cover;--ss-scale:0.040;--ss-dim:0.100;--ss-textgap:12px;--ss-pointsgap:10px; }\n@media (max-width: 767px) { .shapeblock-ss-block-wrap.shapeblock-ss-bozkmq { --ss-cols:minmax(0,1fr);--ss-co:0;--ss-mo:1; } }\n@media (max-width: 767px) { .shapeblock-ss-block-wrap.shapeblock-ss-bozkmq .shapeblock-ss-card { padding-top:22px;padding-right:22px;padding-bottom:22px;padding-left:22px; } }\n\/*# sourceURL=shapeblock-block-css-13-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-14-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-15-inline-css *\/\n<\/style> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-510irf is-content-boxed wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-h8w49d wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-dn3u0h wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <h2 class=\"shapeblock-title\">Card Left Image<\/h2>\t<\/div> <\/div> <\/div><\/div> <div class=\"shapeblock-block shapeblock-column shapeblock-col-56vzo5 wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-ss-block-wrap shapeblock-ss-bozkmq shapeblock-ss wp-block-shapeblock-sticky-stack\" data-stack=\"desktop-tablet\" data-depth=\"1\"> <div class=\"shapeblock-ss-list\"> <article class=\"shapeblock-ss-card has-media\" style=\"--i:0\"> <div class=\"shapeblock-ss-content\"> <div class=\"shapeblock-ss-head\"> <span class=\"shapeblock-ss-badge\">01<\/span> <\/div> <h3 class=\"shapeblock-ss-title\">One layout, three values<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-ss-desc\">Set a value for desktop, tablet and mobile. Change one device and the others stay exactly as they were.<\/p> <ul class=\"shapeblock-ss-points\"> <li>Tablet up to 1024px, mobile up to 767px<\/li> <li>An empty device inherits the larger one<\/li> <\/ul> <a class=\"shapeblock-ss-btn\" href=\"#\">Read More<\/a> <\/div> <div class=\"shapeblock-ss-media\"> <img width=\"1024\" height=\"1024\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-6-1024x1024.webp\" class=\"attachment-large size-large\" alt=\"\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-6-1024x1024.webp 1024w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-6-300x300.webp 300w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-6-150x150.webp 150w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-6-768x768.webp 768w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-6.webp 1271w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t<\/div> <\/article> <article class=\"shapeblock-ss-card has-media\" style=\"--i:1\"> <div class=\"shapeblock-ss-content\"> <div class=\"shapeblock-ss-head\"> <span class=\"shapeblock-ss-badge\">02<\/span> <\/div> <h3 class=\"shapeblock-ss-title\">Colour and gradient, everywhere<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-ss-desc\">Every background option pairs a solid colour with a gradient, in Normal and Hover.<\/p> <ul class=\"shapeblock-ss-points\"> <li>The same control in every block<\/li> <li>Works on buttons, icons, cards and sections<\/li> <\/ul> <a class=\"shapeblock-ss-btn\" href=\"#\">Read More<\/a> <\/div> <div class=\"shapeblock-ss-media\"> <img width=\"1024\" height=\"1024\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-4-1024x1024.webp\" class=\"attachment-large size-large\" alt=\"\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-4-1024x1024.webp 1024w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-4-300x300.webp 300w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-4-150x150.webp 150w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-4-768x768.webp 768w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-4.webp 1271w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t<\/div> <\/article> <article class=\"shapeblock-ss-card has-media\" style=\"--i:2\"> <div class=\"shapeblock-ss-content\"> <div class=\"shapeblock-ss-head\"> <span class=\"shapeblock-ss-badge\">03<\/span> <\/div> <h3 class=\"shapeblock-ss-title\">An Advanced tab on every block<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-ss-desc\">Padding and margin per device, plus a background colour or gradient.<\/p> <ul class=\"shapeblock-ss-points\"> <li>Responsive padding and margin<\/li> <li>Scoped to that block only<\/li> <\/ul> <a class=\"shapeblock-ss-btn\" href=\"#\">Read More<\/a> <\/div> <div class=\"shapeblock-ss-media\"> <img width=\"1024\" height=\"1024\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-5-1024x1024.webp\" class=\"attachment-large size-large\" alt=\"\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-5-1024x1024.webp 1024w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-5-300x300.webp 300w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-5-150x150.webp 150w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-5-768x768.webp 768w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-5.webp 1271w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t<\/div> <\/article> <\/div> <\/div> <\/div><\/div> <\/div><\/div>\n\n<style id=\"shapeblock-block-css-20-inline-css\">\n.shapeblock-layout-row-bxxqrl { flex-direction:row;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:25px;--bp-cols:2;--bp-gap:25px; }\n@media (max-width: 1024px) { .shapeblock-layout-row-bxxqrl { padding-right:15px;padding-left:15px; } }\n@media (max-width: 767px) { .shapeblock-layout-row-bxxqrl { padding-right:15px;padding-left:15px; } }\n@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-bxxqrl > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 100% !important;max-width:100% !important;}.shapeblock-layout-row.shapeblock-layout-row-bxxqrl > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(2){flex:0 1 100% !important;max-width:100% !important;}}.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-tztnr5 { flex:0 1 calc(500px - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 500 \/ 100) !important;max-width:calc(500px - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 500 \/ 100) !important; }.shapeblock-layout-row-bxxqrl.shapeblock-layout-row-bxxqrl.shapeblock-layout-row-bxxqrl { padding-top:100px;padding-bottom:100px; }.shapeblock-heading-block-wrap.shapeblock-heading-iwnmou .shapeblock-heading { text-align:center; }\n\/*# sourceURL=shapeblock-block-css-16-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-17-inline-css *\/\n\n\n.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-jplbba { flex:0 1 calc(100.00% - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 100 \/ 100) !important;max-width:calc(100.00% - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 100 \/ 100) !important; }.shapeblock-ss-block-wrap.shapeblock-ss-5d1ck1 .shapeblock-ss-card { padding-top:36px;padding-right:36px;padding-bottom:36px;padding-left:36px; }\n.shapeblock-ss-block-wrap.shapeblock-ss-5d1ck1 .shapeblock-ss-badge { min-width:40px;height:40px; }\n.shapeblock-ss-block-wrap.shapeblock-ss-5d1ck1 .shapeblock-ss-icon i { font-size:22px; }\n.shapeblock-ss-block-wrap.shapeblock-ss-5d1ck1 .shapeblock-ss-media img { border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:16px;border-bottom-left-radius:16px; }\n.shapeblock-ss-block-wrap.shapeblock-ss-5d1ck1 { --ss-top:90px;--ss-step:18px;--ss-gap:40px;--ss-minh:300px;--ss-colgap:40px;--ss-img-h:350px;--ss-cols:minmax(0,1fr);--ss-co:1;--ss-mo:0;--ss-ta:left;--ss-items:flex-start;--ss-valign:center;--ss-fit:cover;--ss-scale:0.040;--ss-dim:0.100;--ss-textgap:12px;--ss-pointsgap:10px; }\n@media (max-width: 767px) { .shapeblock-ss-block-wrap.shapeblock-ss-5d1ck1 { --ss-cols:minmax(0,1fr);--ss-co:0;--ss-mo:1; } }\n@media (max-width: 767px) { .shapeblock-ss-block-wrap.shapeblock-ss-5d1ck1 .shapeblock-ss-card { padding-top:22px;padding-right:22px;padding-bottom:22px;padding-left:22px; } }\n\/*# sourceURL=shapeblock-block-css-18-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-19-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-20-inline-css *\/\n<\/style> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-bxxqrl is-content-boxed wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-tztnr5 wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-iwnmou wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <h2 class=\"shapeblock-title\">Card Top Image<\/h2>\t<\/div> <\/div> <\/div><\/div> <div class=\"shapeblock-block shapeblock-column shapeblock-col-jplbba wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-ss-block-wrap shapeblock-ss-5d1ck1 shapeblock-ss wp-block-shapeblock-sticky-stack\" data-stack=\"desktop-tablet\" data-depth=\"1\"> <div class=\"shapeblock-ss-list\"> <article class=\"shapeblock-ss-card has-media\" style=\"--i:0\"> <div class=\"shapeblock-ss-content\"> <div class=\"shapeblock-ss-head\"> <span class=\"shapeblock-ss-badge\">01<\/span> <\/div> <h3 class=\"shapeblock-ss-title\">One layout, three values<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-ss-desc\">Set a value for desktop, tablet and mobile. Change one device and the others stay exactly as they were.<\/p> <ul class=\"shapeblock-ss-points\"> <li>Tablet up to 1024px, mobile up to 767px<\/li> <li>An empty device inherits the larger one<\/li> <\/ul> <a class=\"shapeblock-ss-btn\" href=\"#\">Read More<\/a> <\/div> <div class=\"shapeblock-ss-media\"> <img width=\"1024\" height=\"1024\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-6-1024x1024.webp\" class=\"attachment-large size-large\" alt=\"\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-6-1024x1024.webp 1024w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-6-300x300.webp 300w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-6-150x150.webp 150w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-6-768x768.webp 768w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-6.webp 1271w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t<\/div> <\/article> <article class=\"shapeblock-ss-card has-media\" style=\"--i:1\"> <div class=\"shapeblock-ss-content\"> <div class=\"shapeblock-ss-head\"> <span class=\"shapeblock-ss-badge\">02<\/span> <\/div> <h3 class=\"shapeblock-ss-title\">Colour and gradient, everywhere<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-ss-desc\">Every background option pairs a solid colour with a gradient, in Normal and Hover.<\/p> <ul class=\"shapeblock-ss-points\"> <li>The same control in every block<\/li> <li>Works on buttons, icons, cards and sections<\/li> <\/ul> <a class=\"shapeblock-ss-btn\" href=\"#\">Read More<\/a> <\/div> <div class=\"shapeblock-ss-media\"> <img width=\"1024\" height=\"1024\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-4-1024x1024.webp\" class=\"attachment-large size-large\" alt=\"\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-4-1024x1024.webp 1024w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-4-300x300.webp 300w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-4-150x150.webp 150w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-4-768x768.webp 768w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-4.webp 1271w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t<\/div> <\/article> <article class=\"shapeblock-ss-card has-media\" style=\"--i:2\"> <div class=\"shapeblock-ss-content\"> <div class=\"shapeblock-ss-head\"> <span class=\"shapeblock-ss-badge\">03<\/span> <\/div> <h3 class=\"shapeblock-ss-title\">An Advanced tab on every block<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-ss-desc\">Padding and margin per device, plus a background colour or gradient.<\/p> <ul class=\"shapeblock-ss-points\"> <li>Responsive padding and margin<\/li> <li>Scoped to that block only<\/li> <\/ul> <a class=\"shapeblock-ss-btn\" href=\"#\">Read More<\/a> <\/div> <div class=\"shapeblock-ss-media\"> <img width=\"1024\" height=\"1024\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-5-1024x1024.webp\" class=\"attachment-large size-large\" alt=\"\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-5-1024x1024.webp 1024w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-5-300x300.webp 300w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-5-150x150.webp 150w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-5-768x768.webp 768w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-5.webp 1271w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t<\/div> <\/article> <\/div> <\/div> <\/div><\/div> <\/div><\/div>\n\n<style id=\"shapeblock-block-css-25-inline-css\">\n.shapeblock-layout-row-ppi88j { flex-direction:row;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:25px;--bp-cols:2;--bp-gap:25px; }\n@media (max-width: 1024px) { .shapeblock-layout-row-ppi88j { padding-right:15px;padding-left:15px; } }\n@media (max-width: 767px) { .shapeblock-layout-row-ppi88j { padding-right:15px;padding-left:15px; } }\n@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-ppi88j > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 100% !important;max-width:100% !important;}.shapeblock-layout-row.shapeblock-layout-row-ppi88j > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(2){flex:0 1 100% !important;max-width:100% !important;}}.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-gqv9t8 { flex:0 1 calc(500px - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 500 \/ 100) !important;max-width:calc(500px - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 500 \/ 100) !important; }.shapeblock-layout-row-ppi88j.shapeblock-layout-row-ppi88j.shapeblock-layout-row-ppi88j { padding-top:100px;padding-bottom:100px; }.shapeblock-heading-block-wrap.shapeblock-heading-z9i4x7 .shapeblock-heading { text-align:center; }\n\/*# sourceURL=shapeblock-block-css-21-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-22-inline-css *\/\n\n\n.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-fw56yb { flex:0 1 calc(100.00% - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 100 \/ 100) !important;max-width:calc(100.00% - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 100 \/ 100) !important; }.shapeblock-ss-block-wrap.shapeblock-ss-qv77s3 .shapeblock-ss-card { padding-top:36px;padding-right:36px;padding-bottom:36px;padding-left:36px; }\n.shapeblock-ss-block-wrap.shapeblock-ss-qv77s3 .shapeblock-ss-badge { min-width:40px;height:40px; }\n.shapeblock-ss-block-wrap.shapeblock-ss-qv77s3 .shapeblock-ss-icon i { font-size:22px; }\n.shapeblock-ss-block-wrap.shapeblock-ss-qv77s3 .shapeblock-ss-media img { border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:16px;border-bottom-left-radius:16px; }\n.shapeblock-ss-block-wrap.shapeblock-ss-qv77s3 { --ss-top:90px;--ss-step:18px;--ss-gap:40px;--ss-minh:300px;--ss-colgap:40px;--ss-img-h:400px;--ss-cols:minmax(0,1fr);--ss-co:0;--ss-mo:1;--ss-ta:left;--ss-items:flex-start;--ss-valign:center;--ss-fit:cover;--ss-scale:0.040;--ss-dim:0.100;--ss-textgap:12px;--ss-pointsgap:10px; }\n@media (max-width: 767px) { .shapeblock-ss-block-wrap.shapeblock-ss-qv77s3 { --ss-cols:minmax(0,1fr);--ss-co:0;--ss-mo:1; } }\n@media (max-width: 767px) { .shapeblock-ss-block-wrap.shapeblock-ss-qv77s3 .shapeblock-ss-card { padding-top:22px;padding-right:22px;padding-bottom:22px;padding-left:22px; } }\n\/*# sourceURL=shapeblock-block-css-23-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-24-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-25-inline-css *\/\n<\/style> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-ppi88j is-content-boxed wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-gqv9t8 wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-z9i4x7 wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <h2 class=\"shapeblock-title\">Card Bottom Image<\/h2>\t<\/div> <\/div> <\/div><\/div> <div class=\"shapeblock-block shapeblock-column shapeblock-col-fw56yb wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-ss-block-wrap shapeblock-ss-qv77s3 shapeblock-ss wp-block-shapeblock-sticky-stack\" data-stack=\"desktop-tablet\" data-depth=\"1\"> <div class=\"shapeblock-ss-list\"> <article class=\"shapeblock-ss-card has-media\" style=\"--i:0\"> <div class=\"shapeblock-ss-content\"> <div class=\"shapeblock-ss-head\"> <span class=\"shapeblock-ss-badge\">01<\/span> <\/div> <h3 class=\"shapeblock-ss-title\">One layout, three values<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-ss-desc\">Set a value for desktop, tablet and mobile. Change one device and the others stay exactly as they were.<\/p> <ul class=\"shapeblock-ss-points\"> <li>Tablet up to 1024px, mobile up to 767px<\/li> <li>An empty device inherits the larger one<\/li> <\/ul> <a class=\"shapeblock-ss-btn\" href=\"#\">Read More<\/a> <\/div> <div class=\"shapeblock-ss-media\"> <img width=\"1024\" height=\"1024\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-6-1024x1024.webp\" class=\"attachment-large size-large\" alt=\"\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-6-1024x1024.webp 1024w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-6-300x300.webp 300w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-6-150x150.webp 150w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-6-768x768.webp 768w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-6.webp 1271w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t<\/div> <\/article> <article class=\"shapeblock-ss-card has-media\" style=\"--i:1\"> <div class=\"shapeblock-ss-content\"> <div class=\"shapeblock-ss-head\"> <span class=\"shapeblock-ss-badge\">02<\/span> <\/div> <h3 class=\"shapeblock-ss-title\">Colour and gradient, everywhere<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-ss-desc\">Every background option pairs a solid colour with a gradient, in Normal and Hover.<\/p> <ul class=\"shapeblock-ss-points\"> <li>The same control in every block<\/li> <li>Works on buttons, icons, cards and sections<\/li> <\/ul> <a class=\"shapeblock-ss-btn\" href=\"#\">Read More<\/a> <\/div> <div class=\"shapeblock-ss-media\"> <img width=\"1024\" height=\"1024\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-4-1024x1024.webp\" class=\"attachment-large size-large\" alt=\"\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-4-1024x1024.webp 1024w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-4-300x300.webp 300w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-4-150x150.webp 150w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-4-768x768.webp 768w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-4.webp 1271w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t<\/div> <\/article> <article class=\"shapeblock-ss-card has-media\" style=\"--i:2\"> <div class=\"shapeblock-ss-content\"> <div class=\"shapeblock-ss-head\"> <span class=\"shapeblock-ss-badge\">03<\/span> <\/div> <h3 class=\"shapeblock-ss-title\">An Advanced tab on every block<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-ss-desc\">Padding and margin per device, plus a background colour or gradient.<\/p> <ul class=\"shapeblock-ss-points\"> <li>Responsive padding and margin<\/li> <li>Scoped to that block only<\/li> <\/ul> <a class=\"shapeblock-ss-btn\" href=\"#\">Read More<\/a> <\/div> <div class=\"shapeblock-ss-media\"> <img width=\"1024\" height=\"1024\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-5-1024x1024.webp\" class=\"attachment-large size-large\" alt=\"\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-5-1024x1024.webp 1024w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-5-300x300.webp 300w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-5-150x150.webp 150w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-5-768x768.webp 768w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-5.webp 1271w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t<\/div> <\/article> <\/div> <\/div> <\/div><\/div> <\/div><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-full-width","meta":{"_blockode_hide_title":true,"footnotes":""},"class_list":["post-1260","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/shapekode.com\/product\/shapeblock\/wp-json\/wp\/v2\/pages\/1260","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shapekode.com\/product\/shapeblock\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shapekode.com\/product\/shapeblock\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shapekode.com\/product\/shapeblock\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shapekode.com\/product\/shapeblock\/wp-json\/wp\/v2\/comments?post=1260"}],"version-history":[{"count":15,"href":"https:\/\/shapekode.com\/product\/shapeblock\/wp-json\/wp\/v2\/pages\/1260\/revisions"}],"predecessor-version":[{"id":1349,"href":"https:\/\/shapekode.com\/product\/shapeblock\/wp-json\/wp\/v2\/pages\/1260\/revisions\/1349"}],"wp:attachment":[{"href":"https:\/\/shapekode.com\/product\/shapeblock\/wp-json\/wp\/v2\/media?parent=1260"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}