{"id":1231,"date":"2026-10-07T06:29:16","date_gmt":"2026-10-07T06:29:16","guid":{"rendered":"https:\/\/shapekode.com\/product\/shapeblock\/?page_id=1231"},"modified":"2026-10-07T10:04:39","modified_gmt":"2026-10-07T10:04:39","slug":"menu","status":"publish","type":"page","link":"https:\/\/shapekode.com\/product\/shapeblock\/menu\/","title":{"rendered":"Menu"},"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(700px - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 700 \/ 100) !important;max-width:calc(700px - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 700 \/ 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 .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\">Menu<\/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 Menu 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\">Showcase your content with style! Build a sleek Menu in WordPress with clear navigation, modern icons, smooth animations, and elegant layouts all effortlessly created using ShapeBlock.<\/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-11-inline-css\">\n.shapeblock-layout-row-4x88zs { flex-direction:row;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:30px;padding-top:100px;padding-bottom:100px;--bp-cols:2;--bp-gap:30px; }\n@media (max-width: 767px) { .shapeblock-layout-row-4x88zs { padding-top:70px;padding-right:15px;padding-bottom:70px;padding-left:15px; } }\n@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-4x88zs > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 100% !important;max-width:100% !important;}.shapeblock-layout-row.shapeblock-layout-row-4x88zs > .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-20ebh9 { flex:0 1 calc(950px - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 950 \/ 100) !important;max-width:calc(950px - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 950 \/ 100) !important; }.shapeblock-heading-block-wrap.shapeblock-heading-pjxj10 .shapeblock-heading { text-align:center; }\n.shapeblock-heading-block-wrap.shapeblock-heading-pjxj10 .shapeblock-heading .shapeblock-title { margin-bottom:10px; }\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-60itg1 { 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; }\n.shapeblock-col-60itg1 > .shapeblock-column__inner { display:flex;flex-direction:row;justify-content:space-between;align-items:center; }#shapeblock-menu-6acd00aa8b439 .shapeblock-menu-list a{color:#120d29;}#shapeblock-menu-6acd00aa8b439 .shapeblock-menu-list a:hover,#shapeblock-menu-6acd00aa8b439 .shapeblock-menu-list a:focus{color:#5933ff;}#shapeblock-menu-6acd00aa8b439 .shapeblock-menu-panel{display:contents;}#shapeblock-menu-6acd00aa8b439 .shapeblock-menu-toggle,#shapeblock-menu-6acd00aa8b439 .shapeblock-menu-close{display:none;}#shapeblock-menu-6acd00aa8b439 .shapeblock-menu-overlay{display:none;}@media (max-width:782px){#shapeblock-menu-6acd00aa8b439 .shapeblock-menu-toggle{display:flex;margin-left:0;margin-right:auto;}#shapeblock-menu-6acd00aa8b439 .shapeblock-menu-close{display:flex;}#shapeblock-menu-6acd00aa8b439 .shapeblock-menu-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,0.5);opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease;z-index:9998;}#shapeblock-menu-6acd00aa8b439.is-open .shapeblock-menu-overlay{opacity:1;visibility:visible;}#shapeblock-menu-6acd00aa8b439 .shapeblock-menu-panel{display:block;box-sizing:border-box;position:fixed;top:0;bottom:0;right:0;width:320px;max-width:85vw;background:#ffffff;transform:translateX(100%);visibility:hidden;transition:transform 0.3s ease,visibility 0.3s ease;z-index:9999;overflow-y:auto;padding:56px 22px 28px;}#shapeblock-menu-6acd00aa8b439.is-open .shapeblock-menu-panel{transform:translateX(0);visibility:visible;}#shapeblock-menu-6acd00aa8b439 .shapeblock-menu-list{flex-direction:column;align-items:stretch;width:100%;gap:6px;}#shapeblock-menu-6acd00aa8b439 .shapeblock-menu-list li{position:relative;width:100%;}#shapeblock-menu-6acd00aa8b439 .shapeblock-menu-list a{display:flex;align-items:center;box-sizing:border-box;width:100%;padding:12px 14px;}#shapeblock-menu-6acd00aa8b439 .shapeblock-menu-list .shapeblock-menu-sub-toggle{flex:0 0 auto;margin-left:auto;}#shapeblock-menu-6acd00aa8b439 .shapeblock-menu-list .sub-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border-radius:0;min-width:0;width:100%;padding:0 0 0 14px;max-height:0;overflow:hidden;transition:max-height 0.35s ease;}#shapeblock-menu-6acd00aa8b439 .menu-item-has-children.is-sub-open > .sub-menu{max-height:1200px;}}\n\/*# sourceURL=shapeblock-block-css-8-inline-css *\/\n\n\n.shapeblock-button-block-wrap.shapeblock-button-i95pol .shapeblock-button { font-size:14px;font-weight:600;text-transform:none;text-decoration:none;justify-content:center;color:#16131f;border-top-left-radius:12px;border-top-right-radius:12px;border-bottom-right-radius:12px;border-bottom-left-radius:12px;padding-top:10px;padding-right:24px;padding-bottom:10px;padding-left:24px;border-style:solid;border-color:#d9d3ec;border-width:1px 1px 1px 1px; }\n.shapeblock-button-block-wrap.shapeblock-button-i95pol .shapeblock-button:hover { background-color:#00000000;border-style:solid;border-color:#7d10c9;border-width:1px 1px 1px 1px; }\n.shapeblock-button-block-wrap.shapeblock-button-i95pol .shapeblock-button .shapeblock-button-icon-before { margin-right:8px; }\n.shapeblock-button-block-wrap.shapeblock-button-i95pol .shapeblock-button .shapeblock-button-icon-after { margin-left:8px;margin-right:0; }\n\/*# sourceURL=shapeblock-block-css-9-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-10-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-11-inline-css *\/\n<\/style> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-4x88zs is-content-boxed alignfull wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-20ebh9 wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-pjxj10 wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <h2 class=\"shapeblock-title\">Normal Menu<\/h2>\t<\/div> <\/div> <\/div><\/div> <div class=\"shapeblock-block shapeblock-column shapeblock-col-60itg1 wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"wp-block-site-logo\"><a href=\"https:\/\/shapekode.com\/product\/shapeblock\/\" class=\"custom-logo-link\" rel=\"home\"><img loading=\"lazy\" decoding=\"async\" width=\"200\" height=\"29\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/logo_black.webp\" class=\"custom-logo\" alt=\"ShapeBlock\" srcset=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/logo_black.webp 2088w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/logo_black-300x44.webp 300w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/logo_black-1024x150.webp 1024w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/logo_black-768x113.webp 768w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/logo_black-1536x225.webp 1536w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/logo_black-2048x300.webp 2048w\" sizes=\"auto, (max-width: 200px) 100vw, 200px\" \/><\/a><\/div> <nav class=\"shapeblock-menu shapeblock-menu--horizontal shapeblock-menu-align-left shapeblock-menu-has-mobile wp-block-shapeblock-menu\" id=\"shapeblock-menu-6acd00aa8b439\" data-breakpoint=\"782\"><button type=\"button\" class=\"shapeblock-menu-toggle\" aria-expanded=\"false\" aria-label=\"Toggle menu\"><span class=\"shapeblock-menu-toggle-bar\"><\/span><span class=\"shapeblock-menu-toggle-bar\"><\/span><span class=\"shapeblock-menu-toggle-bar\"><\/span><\/button><div class=\"shapeblock-menu-overlay\" aria-hidden=\"true\"><\/div><div class=\"shapeblock-menu-panel\"><button type=\"button\" class=\"shapeblock-menu-close\" aria-label=\"Close menu\"><svg class=\"shapeblock-menu-svg\" viewbox=\"0 0 16 16\" aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m4 4 8 8\" \/><path d=\"m12 4-8 8\" \/><\/svg><\/button><ul class=\"shapeblock-menu-list\"><li class=\"menu-item\"><a href=\"#\"><span class=\"shapeblock-menu-text\"><span class=\"shapeblock-menu-label\">Blocks<\/span><\/span><\/a><\/li><li class=\"menu-item\"><a href=\"#\"><span class=\"shapeblock-menu-text\"><span class=\"shapeblock-menu-label\">Controls<\/span><\/span><\/a><\/li><li class=\"menu-item\"><a href=\"#\"><span class=\"shapeblock-menu-text\"><span class=\"shapeblock-menu-label\">Responsive<\/span><\/span><\/a><\/li><li class=\"menu-item\"><a href=\"#\"><span class=\"shapeblock-menu-text\"><span class=\"shapeblock-menu-label\">Performance<\/span><\/span><\/a><\/li><\/ul><\/div><\/nav> <div class=\"shapeblock-block shapeblock-button-block-wrap shapeblock-button-i95pol wp-block-shapeblock-button\"> <a href=\"#\" class=\"shapeblock-button shapeblock-button-outline\" target=\"_self\"> <span class=\"shapeblock-button-text\">Get Started<\/span> <\/a> <\/div> <\/div><\/div> <\/div><\/div>\n\n<style id=\"shapeblock-block-css-17-inline-css\">\n.shapeblock-layout-row-qtoi91 { flex-direction:row;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:30px;padding-top:100px;padding-bottom:100px;background-color:#f6f6f6;--bp-cols:2;--bp-gap:30px; }\n@media (max-width: 767px) { .shapeblock-layout-row-qtoi91 { padding-top:70px;padding-right:15px;padding-bottom:70px;padding-left:15px; } }\n@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-qtoi91 > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 100% !important;max-width:100% !important;}.shapeblock-layout-row.shapeblock-layout-row-qtoi91 > .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-xew3zv { flex:0 1 calc(950px - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 950 \/ 100) !important;max-width:calc(950px - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 950 \/ 100) !important; }.shapeblock-heading-block-wrap.shapeblock-heading-7x9iln .shapeblock-heading { text-align:center; }\n.shapeblock-heading-block-wrap.shapeblock-heading-7x9iln .shapeblock-heading .shapeblock-title { margin-bottom:10px; }\n\/*# sourceURL=shapeblock-block-css-12-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-13-inline-css *\/\n\n\n.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-0mhsvj { 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; }\n.shapeblock-col-0mhsvj > .shapeblock-column__inner { display:flex;flex-direction:row;justify-content:space-between;align-items:center; }#shapeblock-menu-6acd00aa8c2e0 .shapeblock-menu-list{gap:20px;}#shapeblock-menu-6acd00aa8c2e0 .shapeblock-menu-list a{color:#ffffff;}#shapeblock-menu-6acd00aa8c2e0 .shapeblock-menu-list > li > a{padding:8px 14px;border-radius:6px;}#shapeblock-menu-6acd00aa8c2e0 .shapeblock-menu-list > li > a{background:#120d29;}#shapeblock-menu-6acd00aa8c2e0 .shapeblock-menu-list > li > a:hover,#shapeblock-menu-6acd00aa8c2e0 .shapeblock-menu-list > li > a:focus{background:#5933ff;}#shapeblock-menu-6acd00aa8c2e0 .shapeblock-menu-panel{display:contents;}#shapeblock-menu-6acd00aa8c2e0 .shapeblock-menu-toggle,#shapeblock-menu-6acd00aa8c2e0 .shapeblock-menu-close{display:none;}#shapeblock-menu-6acd00aa8c2e0 .shapeblock-menu-overlay{display:none;}@media (max-width:782px){#shapeblock-menu-6acd00aa8c2e0 .shapeblock-menu-toggle{display:flex;margin-left:0;margin-right:auto;}#shapeblock-menu-6acd00aa8c2e0 .shapeblock-menu-close{display:flex;}#shapeblock-menu-6acd00aa8c2e0 .shapeblock-menu-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,0.5);opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease;z-index:9998;}#shapeblock-menu-6acd00aa8c2e0.is-open .shapeblock-menu-overlay{opacity:1;visibility:visible;}#shapeblock-menu-6acd00aa8c2e0 .shapeblock-menu-panel{display:block;box-sizing:border-box;position:fixed;top:0;bottom:0;right:0;width:320px;max-width:85vw;background:#ffffff;transform:translateX(100%);visibility:hidden;transition:transform 0.3s ease,visibility 0.3s ease;z-index:9999;overflow-y:auto;padding:56px 22px 28px;}#shapeblock-menu-6acd00aa8c2e0.is-open .shapeblock-menu-panel{transform:translateX(0);visibility:visible;}#shapeblock-menu-6acd00aa8c2e0 .shapeblock-menu-list{flex-direction:column;align-items:stretch;width:100%;}#shapeblock-menu-6acd00aa8c2e0 .shapeblock-menu-list li{position:relative;width:100%;}#shapeblock-menu-6acd00aa8c2e0 .shapeblock-menu-list a{display:flex;align-items:center;box-sizing:border-box;width:100%;padding:12px 14px;}#shapeblock-menu-6acd00aa8c2e0 .shapeblock-menu-list .shapeblock-menu-sub-toggle{flex:0 0 auto;margin-left:auto;}#shapeblock-menu-6acd00aa8c2e0 .shapeblock-menu-list .sub-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border-radius:0;min-width:0;width:100%;padding:0 0 0 14px;max-height:0;overflow:hidden;transition:max-height 0.35s ease;}#shapeblock-menu-6acd00aa8c2e0 .menu-item-has-children.is-sub-open > .sub-menu{max-height:1200px;}}\n\/*# sourceURL=shapeblock-block-css-14-inline-css *\/\n\n\n.shapeblock-button-block-wrap.shapeblock-button-cq85zi .shapeblock-button { font-size:14px;font-weight:600;text-transform:none;text-decoration:none;justify-content:center;color:#16131f;border-top-left-radius:12px;border-top-right-radius:12px;border-bottom-right-radius:12px;border-bottom-left-radius:12px;padding-top:10px;padding-right:24px;padding-bottom:10px;padding-left:24px;border-style:solid;border-color:#d9d3ec;border-width:1px 1px 1px 1px; }\n.shapeblock-button-block-wrap.shapeblock-button-cq85zi .shapeblock-button:hover { background-color:#00000000;border-style:solid;border-color:#7d10c9;border-width:1px 1px 1px 1px; }\n.shapeblock-button-block-wrap.shapeblock-button-cq85zi .shapeblock-button .shapeblock-button-icon-before { margin-right:8px; }\n.shapeblock-button-block-wrap.shapeblock-button-cq85zi .shapeblock-button .shapeblock-button-icon-after { margin-left:8px;margin-right:0; }\n\/*# sourceURL=shapeblock-block-css-15-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-16-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-17-inline-css *\/\n<\/style> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-qtoi91 is-content-boxed alignfull wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-xew3zv wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-7x9iln wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <h2 class=\"shapeblock-title\">Menu Item Background<\/h2>\t<\/div> <\/div> <\/div><\/div> <div class=\"shapeblock-block shapeblock-column shapeblock-col-0mhsvj wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"wp-block-site-logo\"><a href=\"https:\/\/shapekode.com\/product\/shapeblock\/\" class=\"custom-logo-link\" rel=\"home\"><img loading=\"lazy\" decoding=\"async\" width=\"200\" height=\"29\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/logo_black.webp\" class=\"custom-logo\" alt=\"ShapeBlock\" srcset=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/logo_black.webp 2088w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/logo_black-300x44.webp 300w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/logo_black-1024x150.webp 1024w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/logo_black-768x113.webp 768w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/logo_black-1536x225.webp 1536w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/logo_black-2048x300.webp 2048w\" sizes=\"auto, (max-width: 200px) 100vw, 200px\" \/><\/a><\/div> <nav class=\"shapeblock-menu shapeblock-menu--horizontal shapeblock-menu-align-left shapeblock-menu-has-mobile wp-block-shapeblock-menu\" id=\"shapeblock-menu-6acd00aa8c2e0\" data-breakpoint=\"782\"><button type=\"button\" class=\"shapeblock-menu-toggle\" aria-expanded=\"false\" aria-label=\"Toggle menu\"><span class=\"shapeblock-menu-toggle-bar\"><\/span><span class=\"shapeblock-menu-toggle-bar\"><\/span><span class=\"shapeblock-menu-toggle-bar\"><\/span><\/button><div class=\"shapeblock-menu-overlay\" aria-hidden=\"true\"><\/div><div class=\"shapeblock-menu-panel\"><button type=\"button\" class=\"shapeblock-menu-close\" aria-label=\"Close menu\"><svg class=\"shapeblock-menu-svg\" viewbox=\"0 0 16 16\" aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m4 4 8 8\" \/><path d=\"m12 4-8 8\" \/><\/svg><\/button><ul class=\"shapeblock-menu-list\"><li class=\"menu-item\"><a href=\"#\"><span class=\"shapeblock-menu-text\"><span class=\"shapeblock-menu-label\">Blocks<\/span><\/span><\/a><\/li><li class=\"menu-item\"><a href=\"#\"><span class=\"shapeblock-menu-text\"><span class=\"shapeblock-menu-label\">Controls<\/span><\/span><\/a><\/li><li class=\"menu-item\"><a href=\"#\"><span class=\"shapeblock-menu-text\"><span class=\"shapeblock-menu-label\">Responsive<\/span><\/span><\/a><\/li><li class=\"menu-item\"><a href=\"#\"><span class=\"shapeblock-menu-text\"><span class=\"shapeblock-menu-label\">Performance<\/span><\/span><\/a><\/li><\/ul><\/div><\/nav> <div class=\"shapeblock-block shapeblock-button-block-wrap shapeblock-button-cq85zi wp-block-shapeblock-button\"> <a href=\"#\" class=\"shapeblock-button shapeblock-button-outline\" target=\"_self\"> <span class=\"shapeblock-button-text\">Get Started<\/span> <\/a> <\/div> <\/div><\/div> <\/div><\/div>\n\n<style id=\"shapeblock-block-css-23-inline-css\">\n.shapeblock-layout-row-p2b8tg { flex-direction:row;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:30px;padding-top:100px;padding-bottom:100px;--bp-cols:2;--bp-gap:30px; }\n@media (max-width: 767px) { .shapeblock-layout-row-p2b8tg { padding-top:70px;padding-right:15px;padding-bottom:70px;padding-left:15px; } }\n@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-p2b8tg > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 100% !important;max-width:100% !important;}.shapeblock-layout-row.shapeblock-layout-row-p2b8tg > .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-ay9qsp { flex:0 1 calc(100% - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 100 \/ 100) !important;max-width:calc(100% - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 100 \/ 100) !important; }.shapeblock-heading-block-wrap.shapeblock-heading-8c72e5 .shapeblock-heading { text-align:center; }\n.shapeblock-heading-block-wrap.shapeblock-heading-8c72e5 .shapeblock-heading .shapeblock-title { margin-bottom:10px; }\n\/*# sourceURL=shapeblock-block-css-18-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-19-inline-css *\/\n\n\n.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-u4ebh8 { 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; }\n.shapeblock-col-u4ebh8 > .shapeblock-column__inner { display:flex;flex-direction:row;justify-content:space-between;align-items:center; }#shapeblock-menu-6acd00aa8d1bb .shapeblock-menu-list a{color:#120d29;}#shapeblock-menu-6acd00aa8d1bb .shapeblock-menu-list a:hover,#shapeblock-menu-6acd00aa8d1bb .shapeblock-menu-list a:focus{color:#5933ff;}#shapeblock-menu-6acd00aa8d1bb .shapeblock-menu-panel{display:contents;}#shapeblock-menu-6acd00aa8d1bb .shapeblock-menu-toggle,#shapeblock-menu-6acd00aa8d1bb .shapeblock-menu-close{display:none;}#shapeblock-menu-6acd00aa8d1bb .shapeblock-menu-overlay{display:none;}@media (max-width:782px){#shapeblock-menu-6acd00aa8d1bb .shapeblock-menu-toggle{display:flex;margin-left:0;margin-right:auto;}#shapeblock-menu-6acd00aa8d1bb .shapeblock-menu-close{display:flex;}#shapeblock-menu-6acd00aa8d1bb .shapeblock-menu-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,0.5);opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease;z-index:9998;}#shapeblock-menu-6acd00aa8d1bb.is-open .shapeblock-menu-overlay{opacity:1;visibility:visible;}#shapeblock-menu-6acd00aa8d1bb .shapeblock-menu-panel{display:block;box-sizing:border-box;position:fixed;top:0;bottom:0;right:0;width:320px;max-width:85vw;background:#ffffff;transform:translateX(100%);visibility:hidden;transition:transform 0.3s ease,visibility 0.3s ease;z-index:9999;overflow-y:auto;padding:56px 22px 28px;}#shapeblock-menu-6acd00aa8d1bb.is-open .shapeblock-menu-panel{transform:translateX(0);visibility:visible;}#shapeblock-menu-6acd00aa8d1bb .shapeblock-menu-list{flex-direction:column;align-items:stretch;width:100%;gap:6px;}#shapeblock-menu-6acd00aa8d1bb .shapeblock-menu-list li{position:relative;width:100%;}#shapeblock-menu-6acd00aa8d1bb .shapeblock-menu-list a{display:flex;align-items:center;box-sizing:border-box;width:100%;padding:12px 14px;}#shapeblock-menu-6acd00aa8d1bb .shapeblock-menu-list .shapeblock-menu-sub-toggle{flex:0 0 auto;margin-left:auto;}#shapeblock-menu-6acd00aa8d1bb .shapeblock-menu-list .sub-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border-radius:0;min-width:0;width:100%;padding:0 0 0 14px;max-height:0;overflow:hidden;transition:max-height 0.35s ease;}#shapeblock-menu-6acd00aa8d1bb .menu-item-has-children.is-sub-open > .sub-menu{max-height:1200px;}}\n\/*# sourceURL=shapeblock-block-css-20-inline-css *\/\n\n\n.shapeblock-button-block-wrap.shapeblock-button-1955e3 .shapeblock-button { font-size:14px;font-weight:600;text-transform:none;text-decoration:none;justify-content:center;color:#16131f;border-top-left-radius:12px;border-top-right-radius:12px;border-bottom-right-radius:12px;border-bottom-left-radius:12px;padding-top:10px;padding-right:24px;padding-bottom:10px;padding-left:24px;border-style:solid;border-color:#d9d3ec;border-width:1px 1px 1px 1px; }\n.shapeblock-button-block-wrap.shapeblock-button-1955e3 .shapeblock-button:hover { background-color:#00000000;border-style:solid;border-color:#7d10c9;border-width:1px 1px 1px 1px; }\n.shapeblock-button-block-wrap.shapeblock-button-1955e3 .shapeblock-button .shapeblock-button-icon-before { margin-right:8px; }\n.shapeblock-button-block-wrap.shapeblock-button-1955e3 .shapeblock-button .shapeblock-button-icon-after { margin-left:8px;margin-right:0; }\n\/*# sourceURL=shapeblock-block-css-21-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-22-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-23-inline-css *\/\n<\/style> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-p2b8tg is-content-boxed alignfull wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-ay9qsp wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-8c72e5 wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <h2 class=\"shapeblock-title\">Dropdown Menu (Hover Open)<\/h2>\t<\/div> <\/div> <\/div><\/div> <div class=\"shapeblock-block shapeblock-column shapeblock-col-u4ebh8 wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"wp-block-site-logo\"><a href=\"https:\/\/shapekode.com\/product\/shapeblock\/\" class=\"custom-logo-link\" rel=\"home\"><img loading=\"lazy\" decoding=\"async\" width=\"200\" height=\"29\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/logo_black.webp\" class=\"custom-logo\" alt=\"ShapeBlock\" srcset=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/logo_black.webp 2088w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/logo_black-300x44.webp 300w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/logo_black-1024x150.webp 1024w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/logo_black-768x113.webp 768w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/logo_black-1536x225.webp 1536w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/logo_black-2048x300.webp 2048w\" sizes=\"auto, (max-width: 200px) 100vw, 200px\" \/><\/a><\/div> <nav class=\"shapeblock-menu shapeblock-menu--horizontal shapeblock-menu-align-left shapeblock-menu-has-mobile wp-block-shapeblock-menu\" id=\"shapeblock-menu-6acd00aa8d1bb\" data-breakpoint=\"782\"><button type=\"button\" class=\"shapeblock-menu-toggle\" aria-expanded=\"false\" aria-label=\"Toggle menu\"><span class=\"shapeblock-menu-toggle-bar\"><\/span><span class=\"shapeblock-menu-toggle-bar\"><\/span><span class=\"shapeblock-menu-toggle-bar\"><\/span><\/button><div class=\"shapeblock-menu-overlay\" aria-hidden=\"true\"><\/div><div class=\"shapeblock-menu-panel\"><button type=\"button\" class=\"shapeblock-menu-close\" aria-label=\"Close menu\"><svg class=\"shapeblock-menu-svg\" viewbox=\"0 0 16 16\" aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m4 4 8 8\" \/><path d=\"m12 4-8 8\" \/><\/svg><\/button><ul class=\"shapeblock-menu-list\"><li class=\"menu-item menu-item-has-children\"><a href=\"#\"><span class=\"shapeblock-menu-text\"><span class=\"shapeblock-menu-label\">Blocks<\/span><\/span><span class=\"shapeblock-menu-sub-toggle shapeblock-menu-sub-toggle--chevron\" aria-hidden=\"true\"><svg class=\"shapeblock-menu-svg\" viewbox=\"0 0 16 16\" aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m4 6 4 4 4-4\" \/><\/svg><\/span><\/a><ul class=\"sub-menu\"><li class=\"menu-item\"><a href=\"#\"><span class=\"shapeblock-menu-text\"><span class=\"shapeblock-menu-label\">Sub Menu<\/span><\/span><\/a><\/li><li class=\"menu-item\"><a href=\"#\"><span class=\"shapeblock-menu-text\"><span class=\"shapeblock-menu-label\">Sub Menu<\/span><\/span><\/a><\/li><li class=\"menu-item\"><a href=\"#\"><span class=\"shapeblock-menu-text\"><span class=\"shapeblock-menu-label\">Sub Menu<\/span><\/span><\/a><\/li><\/ul><\/li><li class=\"menu-item\"><a href=\"#\"><span class=\"shapeblock-menu-text\"><span class=\"shapeblock-menu-label\">Controls<\/span><\/span><\/a><\/li><li class=\"menu-item\"><a href=\"#\"><span class=\"shapeblock-menu-text\"><span class=\"shapeblock-menu-label\">Responsive<\/span><\/span><\/a><\/li><li class=\"menu-item\"><a href=\"#\"><span class=\"shapeblock-menu-text\"><span class=\"shapeblock-menu-label\">Performance<\/span><\/span><\/a><\/li><\/ul><\/div><\/nav> <div class=\"shapeblock-block shapeblock-button-block-wrap shapeblock-button-1955e3 wp-block-shapeblock-button\"> <a href=\"#\" class=\"shapeblock-button shapeblock-button-outline\" target=\"_self\"> <span class=\"shapeblock-button-text\">Get Started<\/span> <\/a> <\/div> <\/div><\/div> <\/div><\/div>\n\n<style id=\"shapeblock-block-css-29-inline-css\">\n.shapeblock-layout-row-vy5fhc { flex-direction:row;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:30px;padding-top:100px;padding-bottom:100px;background-color:#f6f6f6;--bp-cols:2;--bp-gap:30px; }\n@media (max-width: 767px) { .shapeblock-layout-row-vy5fhc { padding-top:70px;padding-right:15px;padding-bottom:70px;padding-left:15px; } }\n@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-vy5fhc > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 100% !important;max-width:100% !important;}.shapeblock-layout-row.shapeblock-layout-row-vy5fhc > .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-r3y3xz { flex:0 1 calc(100% - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 100 \/ 100) !important;max-width:calc(100% - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 100 \/ 100) !important; }.shapeblock-heading-block-wrap.shapeblock-heading-lfdd2a .shapeblock-heading { text-align:center; }\n.shapeblock-heading-block-wrap.shapeblock-heading-lfdd2a .shapeblock-heading .shapeblock-title { margin-bottom:10px; }\n\/*# sourceURL=shapeblock-block-css-24-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-25-inline-css *\/\n\n\n.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-56yl04 { 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; }\n.shapeblock-col-56yl04 > .shapeblock-column__inner { display:flex;flex-direction:row;justify-content:space-between;align-items:center; }#shapeblock-menu-6acd00aa8e26e .shapeblock-menu-list a{color:#120d29;}#shapeblock-menu-6acd00aa8e26e .shapeblock-menu-list a:hover,#shapeblock-menu-6acd00aa8e26e .shapeblock-menu-list a:focus{color:#5933ff;}#shapeblock-menu-6acd00aa8e26e .shapeblock-menu-panel{display:contents;}#shapeblock-menu-6acd00aa8e26e .shapeblock-menu-toggle,#shapeblock-menu-6acd00aa8e26e .shapeblock-menu-close{display:none;}#shapeblock-menu-6acd00aa8e26e .shapeblock-menu-overlay{display:none;}@media (max-width:782px){#shapeblock-menu-6acd00aa8e26e .shapeblock-menu-toggle{display:flex;margin-left:0;margin-right:auto;}#shapeblock-menu-6acd00aa8e26e .shapeblock-menu-close{display:flex;}#shapeblock-menu-6acd00aa8e26e .shapeblock-menu-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,0.5);opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease;z-index:9998;}#shapeblock-menu-6acd00aa8e26e.is-open .shapeblock-menu-overlay{opacity:1;visibility:visible;}#shapeblock-menu-6acd00aa8e26e .shapeblock-menu-panel{display:block;box-sizing:border-box;position:fixed;top:0;bottom:0;right:0;width:320px;max-width:85vw;background:#ffffff;transform:translateX(100%);visibility:hidden;transition:transform 0.3s ease,visibility 0.3s ease;z-index:9999;overflow-y:auto;padding:56px 22px 28px;}#shapeblock-menu-6acd00aa8e26e.is-open .shapeblock-menu-panel{transform:translateX(0);visibility:visible;}#shapeblock-menu-6acd00aa8e26e .shapeblock-menu-list{flex-direction:column;align-items:stretch;width:100%;gap:6px;}#shapeblock-menu-6acd00aa8e26e .shapeblock-menu-list li{position:relative;width:100%;}#shapeblock-menu-6acd00aa8e26e .shapeblock-menu-list a{display:flex;align-items:center;box-sizing:border-box;width:100%;padding:12px 14px;}#shapeblock-menu-6acd00aa8e26e .shapeblock-menu-list .shapeblock-menu-sub-toggle{flex:0 0 auto;margin-left:auto;}#shapeblock-menu-6acd00aa8e26e .shapeblock-menu-list .sub-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border-radius:0;min-width:0;width:100%;padding:0 0 0 14px;max-height:0;overflow:hidden;transition:max-height 0.35s ease;}#shapeblock-menu-6acd00aa8e26e .menu-item-has-children.is-sub-open > .sub-menu{max-height:1200px;}}\n\/*# sourceURL=shapeblock-block-css-26-inline-css *\/\n\n\n.shapeblock-button-block-wrap.shapeblock-button-0nrsnf .shapeblock-button { font-size:14px;font-weight:600;text-transform:none;text-decoration:none;justify-content:center;color:#16131f;border-top-left-radius:12px;border-top-right-radius:12px;border-bottom-right-radius:12px;border-bottom-left-radius:12px;padding-top:10px;padding-right:24px;padding-bottom:10px;padding-left:24px;border-style:solid;border-color:#d9d3ec;border-width:1px 1px 1px 1px; }\n.shapeblock-button-block-wrap.shapeblock-button-0nrsnf .shapeblock-button:hover { background-color:#00000000;border-style:solid;border-color:#7d10c9;border-width:1px 1px 1px 1px; }\n.shapeblock-button-block-wrap.shapeblock-button-0nrsnf .shapeblock-button .shapeblock-button-icon-before { margin-right:8px; }\n.shapeblock-button-block-wrap.shapeblock-button-0nrsnf .shapeblock-button .shapeblock-button-icon-after { margin-left:8px;margin-right:0; }\n\/*# sourceURL=shapeblock-block-css-27-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-28-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-29-inline-css *\/\n<\/style> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-vy5fhc is-content-boxed alignfull wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-r3y3xz wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-lfdd2a wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <h2 class=\"shapeblock-title\">Dropdown Menu (Click Open)<\/h2>\t<\/div> <\/div> <\/div><\/div> <div class=\"shapeblock-block shapeblock-column shapeblock-col-56yl04 wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"wp-block-site-logo\"><a href=\"https:\/\/shapekode.com\/product\/shapeblock\/\" class=\"custom-logo-link\" rel=\"home\"><img loading=\"lazy\" decoding=\"async\" width=\"200\" height=\"29\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/logo_black.webp\" class=\"custom-logo\" alt=\"ShapeBlock\" srcset=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/logo_black.webp 2088w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/logo_black-300x44.webp 300w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/logo_black-1024x150.webp 1024w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/logo_black-768x113.webp 768w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/logo_black-1536x225.webp 1536w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/logo_black-2048x300.webp 2048w\" sizes=\"auto, (max-width: 200px) 100vw, 200px\" \/><\/a><\/div> <nav class=\"shapeblock-menu shapeblock-menu--horizontal shapeblock-menu-align-left shapeblock-menu-has-mobile shapeblock-menu-click wp-block-shapeblock-menu\" id=\"shapeblock-menu-6acd00aa8e26e\" data-breakpoint=\"782\"><button type=\"button\" class=\"shapeblock-menu-toggle\" aria-expanded=\"false\" aria-label=\"Toggle menu\"><span class=\"shapeblock-menu-toggle-bar\"><\/span><span class=\"shapeblock-menu-toggle-bar\"><\/span><span class=\"shapeblock-menu-toggle-bar\"><\/span><\/button><div class=\"shapeblock-menu-overlay\" aria-hidden=\"true\"><\/div><div class=\"shapeblock-menu-panel\"><button type=\"button\" class=\"shapeblock-menu-close\" aria-label=\"Close menu\"><svg class=\"shapeblock-menu-svg\" viewbox=\"0 0 16 16\" aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m4 4 8 8\" \/><path d=\"m12 4-8 8\" \/><\/svg><\/button><ul class=\"shapeblock-menu-list\"><li class=\"menu-item menu-item-has-children\"><a href=\"#\"><span class=\"shapeblock-menu-text\"><span class=\"shapeblock-menu-label\">Blocks<\/span><\/span><span class=\"shapeblock-menu-sub-toggle shapeblock-menu-sub-toggle--chevron\" aria-hidden=\"true\"><svg class=\"shapeblock-menu-svg\" viewbox=\"0 0 16 16\" aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m4 6 4 4 4-4\" \/><\/svg><\/span><\/a><ul class=\"sub-menu\"><li class=\"menu-item\"><a href=\"#\"><span class=\"shapeblock-menu-text\"><span class=\"shapeblock-menu-label\">Sub Menu<\/span><\/span><\/a><\/li><li class=\"menu-item\"><a href=\"#\"><span class=\"shapeblock-menu-text\"><span class=\"shapeblock-menu-label\">Sub Menu<\/span><\/span><\/a><\/li><li class=\"menu-item\"><a href=\"#\"><span class=\"shapeblock-menu-text\"><span class=\"shapeblock-menu-label\">Sub Menu<\/span><\/span><\/a><\/li><\/ul><\/li><li class=\"menu-item\"><a href=\"#\"><span class=\"shapeblock-menu-text\"><span class=\"shapeblock-menu-label\">Controls<\/span><\/span><\/a><\/li><li class=\"menu-item\"><a href=\"#\"><span class=\"shapeblock-menu-text\"><span class=\"shapeblock-menu-label\">Responsive<\/span><\/span><\/a><\/li><li class=\"menu-item\"><a href=\"#\"><span class=\"shapeblock-menu-text\"><span class=\"shapeblock-menu-label\">Performance<\/span><\/span><\/a><\/li><\/ul><\/div><\/nav> <div class=\"shapeblock-block shapeblock-button-block-wrap shapeblock-button-0nrsnf wp-block-shapeblock-button\"> <a href=\"#\" class=\"shapeblock-button shapeblock-button-outline\" target=\"_self\"> <span class=\"shapeblock-button-text\">Get Started<\/span> <\/a> <\/div> <\/div><\/div> <\/div><\/div>\n\n<style id=\"shapeblock-block-css-34-inline-css\">\n.shapeblock-layout-row-okmhzt { flex-direction:row;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:30px;padding-top:100px;padding-bottom:100px;--bp-cols:2;--bp-gap:30px; }\n@media (max-width: 767px) { .shapeblock-layout-row-okmhzt { padding-top:70px;padding-right:15px;padding-bottom:70px;padding-left:15px; } }\n@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-okmhzt > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 100% !important;max-width:100% !important;}.shapeblock-layout-row.shapeblock-layout-row-okmhzt > .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-jrxoyg { flex:0 1 calc(40% - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 40 \/ 100) !important;max-width:calc(40% - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 40 \/ 100) !important; }.shapeblock-heading-block-wrap.shapeblock-heading-ewoel6 .shapeblock-heading { text-align:center; }\n.shapeblock-heading-block-wrap.shapeblock-heading-ewoel6 .shapeblock-heading .shapeblock-title { margin-bottom:10px; }\n\/*# sourceURL=shapeblock-block-css-30-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-31-inline-css *\/\n\n\n.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-j7ibyk { flex:0 1 calc(60% - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 60 \/ 100) !important;max-width:calc(60% - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 60 \/ 100) !important; }\n.shapeblock-col-j7ibyk > .shapeblock-column__inner { display:flex;flex-direction:row;justify-content:space-between;align-items:center; }#shapeblock-menu-6acd00aa8f21b .shapeblock-menu-list{gap:10px;}#shapeblock-menu-6acd00aa8f21b .shapeblock-menu-list a{color:#120d29;}#shapeblock-menu-6acd00aa8f21b .shapeblock-menu-list a:hover,#shapeblock-menu-6acd00aa8f21b .shapeblock-menu-list a:focus{color:#5933ff;}\n\/*# sourceURL=shapeblock-block-css-32-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-33-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-34-inline-css *\/\n<\/style> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-okmhzt is-content-boxed alignfull wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-jrxoyg wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-ewoel6 wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <h2 class=\"shapeblock-title\">Vertical Menu<\/h2>\t<\/div> <\/div> <\/div><\/div> <div class=\"shapeblock-block shapeblock-column shapeblock-col-j7ibyk wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <nav class=\"shapeblock-menu shapeblock-menu--vertical shapeblock-menu-align-left wp-block-shapeblock-menu\" id=\"shapeblock-menu-6acd00aa8f21b\" data-breakpoint=\"782\"><div class=\"shapeblock-menu-panel\"><ul class=\"shapeblock-menu-list\"><li class=\"menu-item\"><a href=\"#\"><span class=\"shapeblock-menu-text\"><span class=\"shapeblock-menu-label\">Blocks<\/span><\/span><\/a><\/li><li class=\"menu-item\"><a href=\"#\"><span class=\"shapeblock-menu-text\"><span class=\"shapeblock-menu-label\">Controls<\/span><\/span><\/a><\/li><li class=\"menu-item\"><a href=\"#\"><span class=\"shapeblock-menu-text\"><span class=\"shapeblock-menu-label\">Responsive<\/span><\/span><\/a><\/li><li class=\"menu-item\"><a href=\"#\"><span class=\"shapeblock-menu-text\"><span class=\"shapeblock-menu-label\">Performance<\/span><\/span><\/a><\/li><\/ul><\/div><\/nav> <\/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":false,"footnotes":""},"class_list":["post-1231","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/shapekode.com\/product\/shapeblock\/wp-json\/wp\/v2\/pages\/1231","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=1231"}],"version-history":[{"count":21,"href":"https:\/\/shapekode.com\/product\/shapeblock\/wp-json\/wp\/v2\/pages\/1231\/revisions"}],"predecessor-version":[{"id":1283,"href":"https:\/\/shapekode.com\/product\/shapeblock\/wp-json\/wp\/v2\/pages\/1231\/revisions\/1283"}],"wp:attachment":[{"href":"https:\/\/shapekode.com\/product\/shapeblock\/wp-json\/wp\/v2\/media?parent=1231"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}