{"id":1159,"date":"2026-10-07T03:57:50","date_gmt":"2026-10-07T03:57:50","guid":{"rendered":"https:\/\/shapekode.com\/product\/shapeblock\/?page_id=1159"},"modified":"2026-10-08T08:09:04","modified_gmt":"2026-10-08T08:09:04","slug":"breadcrumb","status":"publish","type":"page","link":"https:\/\/shapekode.com\/product\/shapeblock\/breadcrumb\/","title":{"rendered":"Breadcrumb"},"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 { 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\">Breadcrumb<\/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 Breadcrumb\u00a0With 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\">Enhance navigation on your WordPress site with the breadcrumb widget. Help users easily trace their path and improve overall site usability and SEO.<\/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-12-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(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-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-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-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; }.shapeblock-layout-row-ci05f5 { flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;--bp-cols:1;--bp-gap:20px; }\n@media (max-width: 767px) { .shapeblock-layout-row-ci05f5 { padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px; } }.shapeblock-col-wgntwo { padding-top:40px;padding-right:10px;padding-bottom:40px;padding-left:10px;background-color:#f6f6f6;border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:16px;border-bottom-left-radius:16px; }\n.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-wgntwo { flex:0 1 calc(650px - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 650 \/ 100) !important;max-width:calc(650px - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 650 \/ 100) !important; }\n@media (max-width: 767px) { .shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-wgntwo { flex:0 1 calc(50% - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 50 \/ 100) !important;max-width:calc(50% - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 50 \/ 100) !important; } }\n.shapeblock-col-wgntwo > .shapeblock-column__inner { display:flex;flex-direction:column;justify-content:center;align-items:center; }.shapeblock-breadcrumb-block-wrap.shapeblock-bc-810b15 .shapeblock-breadcrumb { font-size:18px; }\n.shapeblock-breadcrumb-block-wrap.shapeblock-bc-810b15 .shapeblock-breadcrumb-path a:hover, .shapeblock-breadcrumb-block-wrap.shapeblock-bc-810b15 .shapeblock-breadcrumb-path a:focus-visible { color:#5933ff; }\n.shapeblock-breadcrumb-block-wrap.shapeblock-bc-810b15 .shapeblock-breadcrumb-path .shapeblock-breadcrumb-home-icon { font-size:20px; }\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\/*# sourceURL=shapeblock-block-css-11-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-12-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\">Breadcrumb 01<\/h2>\t<\/div> <\/div> <p class=\"has-text-align-center wp-block-paragraph\">Display clean breadcrumb trails to guide visitors easily, customizing style, separators, and alignment to match your site.<\/p> <\/div><\/div> <div class=\"shapeblock-block shapeblock-column shapeblock-col-u4ebh8 wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-ci05f5 is-content-boxed wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-wgntwo wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-breadcrumb-block-wrap shapeblock-bc-810b15 wp-block-shapeblock-breadcrumb\"> <div class=\"shapeblock-breadcrumb\"> <div class=\"shapeblock-breadcrumb-path\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/\" class=\"shapeblock-breadcrumb-home\"><svg class=\"shapeblock-breadcrumb-home-icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill=\"currentColor\" d=\"M12 3 3 11h2v9h5v-6h4v6h5v-9h2z\"><\/path><\/svg><span class=\"shapeblock-breadcrumb-home-text\">Home<\/span><\/a><span class=\"shapeblock-breadcrumb-separator\" aria-hidden=\"true\">\/<\/span><span class=\"shapeblock-breadcrumb-text\" aria-current=\"page\">Breadcrumb<\/span>\t\t<\/div> <\/div> <\/div> <\/div><\/div> <\/div><\/div> <\/div><\/div> <\/div><\/div>\n\n<style id=\"shapeblock-block-css-19-inline-css\">\n.shapeblock-layout-row-hl9u23 { flex-direction:row;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:30px;padding-top:100px;padding-bottom:100px;background-color:#f1f2fa;--bp-cols:2;--bp-gap:30px; }\n@media (max-width: 767px) { .shapeblock-layout-row-hl9u23 { padding-top:70px;padding-right:15px;padding-bottom:70px;padding-left:15px; } }\n@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-hl9u23 > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 100% !important;max-width:100% !important;}.shapeblock-layout-row.shapeblock-layout-row-hl9u23 > .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-mmg4jp { 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-jdfqqm .shapeblock-heading { text-align:center; }\n.shapeblock-heading-block-wrap.shapeblock-heading-jdfqqm .shapeblock-heading .shapeblock-title { margin-bottom:10px; }\n\/*# sourceURL=shapeblock-block-css-13-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-14-inline-css *\/\n\n\n.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-eaabvw { 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-layout-row-1xd30p { flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;--bp-cols:1;--bp-gap:20px; }\n@media (max-width: 767px) { .shapeblock-layout-row-1xd30p { padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px; } }.shapeblock-col-osugpu { padding-top:40px;padding-right:10px;padding-bottom:40px;padding-left:10px;background-color:#ffffff;border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:16px;border-bottom-left-radius:16px; }\n.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-osugpu { flex:0 1 calc(650px - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 650 \/ 100) !important;max-width:calc(650px - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 650 \/ 100) !important; }\n@media (max-width: 767px) { .shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-osugpu { flex:0 1 calc(50% - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 50 \/ 100) !important;max-width:calc(50% - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 50 \/ 100) !important; } }\n.shapeblock-col-osugpu > .shapeblock-column__inner { display:flex;flex-direction:column;justify-content:center;align-items:center; }.shapeblock-breadcrumb-block-wrap.shapeblock-bc-goel7q .shapeblock-breadcrumb { font-size:18px; }\n.shapeblock-breadcrumb-block-wrap.shapeblock-bc-goel7q .shapeblock-breadcrumb-path a:hover, .shapeblock-breadcrumb-block-wrap.shapeblock-bc-goel7q .shapeblock-breadcrumb-path a:focus-visible { color:#5933ff; }\n.shapeblock-breadcrumb-block-wrap.shapeblock-bc-goel7q .shapeblock-breadcrumb-path .shapeblock-breadcrumb-home { gap:2px; }\n.shapeblock-breadcrumb-block-wrap.shapeblock-bc-goel7q .shapeblock-breadcrumb-path .shapeblock-breadcrumb-home-icon { color:#5933ff;font-size:20px; }\n.shapeblock-breadcrumb-block-wrap.shapeblock-bc-goel7q .shapeblock-breadcrumb-path .shapeblock-breadcrumb-separator { color:#ffffff;background-color:#5933ff;border-top-left-radius:6px;border-top-right-radius:6px;border-bottom-right-radius:6px;border-bottom-left-radius:6px;padding-top:4px;padding-right:4px;padding-bottom:4px;padding-left:4px;margin-right:14px;margin-left:14px; }\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\/*# sourceURL=shapeblock-block-css-18-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-19-inline-css *\/\n<\/style> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-hl9u23 is-content-boxed alignfull wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-mmg4jp wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-jdfqqm wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <h2 class=\"shapeblock-title\">Breadcrumb 02<\/h2>\t<\/div> <\/div> <p class=\"has-text-align-center wp-block-paragraph\">Display clean breadcrumb trails to guide visitors easily, customizing style, separators, and alignment to match your site.<\/p> <\/div><\/div> <div class=\"shapeblock-block shapeblock-column shapeblock-col-eaabvw wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-1xd30p is-content-boxed wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-osugpu wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-breadcrumb-block-wrap shapeblock-bc-goel7q wp-block-shapeblock-breadcrumb\"> <div class=\"shapeblock-breadcrumb\"> <div class=\"shapeblock-breadcrumb-path\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/\" class=\"shapeblock-breadcrumb-home\"><i class=\"shapeblock-icon shapeblock-icon-h-sigh-1 shapeblock-breadcrumb-home-icon\" aria-hidden=\"true\"><\/i><span class=\"shapeblock-breadcrumb-home-text\">Home<\/span><\/a><i class=\"shapeblock-icon shapeblock-icon-chevron-right shapeblock-breadcrumb-separator\" aria-hidden=\"true\"><\/i><span class=\"shapeblock-breadcrumb-text\" aria-current=\"page\">Breadcrumb<\/span>\t\t<\/div> <\/div> <\/div> <\/div><\/div> <\/div><\/div> <\/div><\/div> <\/div><\/div>\n\n<style id=\"shapeblock-block-css-26-inline-css\">\n.shapeblock-layout-row-e5ju7o { 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-e5ju7o { padding-top:70px;padding-right:15px;padding-bottom:70px;padding-left:15px; } }\n@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-e5ju7o > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 100% !important;max-width:100% !important;}.shapeblock-layout-row.shapeblock-layout-row-e5ju7o > .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-2i7jfj { 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-yps6qg .shapeblock-heading { text-align:center; }\n.shapeblock-heading-block-wrap.shapeblock-heading-yps6qg .shapeblock-heading .shapeblock-title { margin-bottom:10px; }\n\/*# sourceURL=shapeblock-block-css-20-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-21-inline-css *\/\n\n\n.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-doegdl { 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-layout-row-fkq9vw { flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;--bp-cols:1;--bp-gap:20px; }\n@media (max-width: 767px) { .shapeblock-layout-row-fkq9vw { padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px; } }.shapeblock-col-k7hhhd { padding-top:40px;padding-right:10px;padding-bottom:40px;padding-left:10px;background-color:#120d29;border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:16px;border-bottom-left-radius:16px; }\n.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-k7hhhd { flex:0 1 calc(650px - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 650 \/ 100) !important;max-width:calc(650px - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 650 \/ 100) !important; }\n@media (max-width: 767px) { .shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-k7hhhd { flex:0 1 calc(50% - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 50 \/ 100) !important;max-width:calc(50% - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 50 \/ 100) !important; } }\n.shapeblock-col-k7hhhd > .shapeblock-column__inner { display:flex;flex-direction:column;justify-content:center;align-items:center; }.shapeblock-breadcrumb-block-wrap.shapeblock-bc-s8sukx .shapeblock-breadcrumb { font-size:18px; }\n.shapeblock-breadcrumb-block-wrap.shapeblock-bc-s8sukx .shapeblock-breadcrumb-path a { color:#ffffff;background-color:#5933ff;padding-top:8px;padding-right:16px;padding-bottom:8px;padding-left:16px;border-top-left-radius:6px;border-top-right-radius:6px;border-bottom-right-radius:6px;border-bottom-left-radius:6px; }\n.shapeblock-breadcrumb-block-wrap.shapeblock-bc-s8sukx .shapeblock-breadcrumb-path a:hover, .shapeblock-breadcrumb-block-wrap.shapeblock-bc-s8sukx .shapeblock-breadcrumb-path a:focus-visible { color:#5933ff;background-color:#ffffff; }\n.shapeblock-breadcrumb-block-wrap.shapeblock-bc-s8sukx .shapeblock-breadcrumb-path .shapeblock-breadcrumb-text { color:#5933ff;background-color:#ffffff;padding-top:8px;padding-right:16px;padding-bottom:8px;padding-left:16px;border-top-left-radius:6px;border-top-right-radius:6px;border-bottom-right-radius:6px;border-bottom-left-radius:6px; }\n.shapeblock-breadcrumb-block-wrap.shapeblock-bc-s8sukx .shapeblock-breadcrumb-path .shapeblock-breadcrumb-home-icon { font-size:20px; }\n.shapeblock-breadcrumb-block-wrap.shapeblock-bc-s8sukx .shapeblock-breadcrumb-path .shapeblock-breadcrumb-separator { color:#ffffff;font-size:24px;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px; }\n\/*# sourceURL=shapeblock-block-css-22-inline-css *\/\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\/*# sourceURL=shapeblock-block-css-26-inline-css *\/\n<\/style> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-e5ju7o is-content-boxed alignfull wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-2i7jfj wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-yps6qg wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <h2 class=\"shapeblock-title\">Breadcrumb 03<\/h2>\t<\/div> <\/div> <p class=\"has-text-align-center wp-block-paragraph\">Display clean breadcrumb trails to guide visitors easily, customizing style, separators, and alignment to match your site.<\/p> <\/div><\/div> <div class=\"shapeblock-block shapeblock-column shapeblock-col-doegdl wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-fkq9vw is-content-boxed wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-k7hhhd wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-breadcrumb-block-wrap shapeblock-bc-s8sukx wp-block-shapeblock-breadcrumb\"> <div class=\"shapeblock-breadcrumb\"> <div class=\"shapeblock-breadcrumb-path\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/\" class=\"shapeblock-breadcrumb-home\"><svg class=\"shapeblock-breadcrumb-home-icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill=\"currentColor\" d=\"M12 3 3 11h2v9h5v-6h4v6h5v-9h2z\"><\/path><\/svg><span class=\"shapeblock-breadcrumb-home-text\">Home<\/span><\/a><i class=\"shapeblock-icon shapeblock-icon-chevron-right shapeblock-breadcrumb-separator\" aria-hidden=\"true\"><\/i><span class=\"shapeblock-breadcrumb-text\" aria-current=\"page\">Breadcrumb<\/span>\t\t<\/div> <\/div> <\/div> <\/div><\/div> <\/div><\/div> <\/div><\/div> <\/div><\/div>\n\n<style id=\"shapeblock-block-css-33-inline-css\">\n.shapeblock-layout-row-ck9ovd { flex-direction:row;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:30px;padding-top:100px;padding-bottom:100px;background-color:#f1f2fa;--bp-cols:2;--bp-gap:30px; }\n@media (max-width: 767px) { .shapeblock-layout-row-ck9ovd { padding-top:70px;padding-right:15px;padding-bottom:70px;padding-left:15px; } }\n@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-ck9ovd > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 100% !important;max-width:100% !important;}.shapeblock-layout-row.shapeblock-layout-row-ck9ovd > .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-wirke4 { 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-sndq6k .shapeblock-heading { text-align:center; }\n.shapeblock-heading-block-wrap.shapeblock-heading-sndq6k .shapeblock-heading .shapeblock-title { margin-bottom:10px; }\n\/*# sourceURL=shapeblock-block-css-27-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-28-inline-css *\/\n\n\n.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-7leg8t { 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-layout-row-origjw { flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;--bp-cols:1;--bp-gap:20px; }\n@media (max-width: 767px) { .shapeblock-layout-row-origjw { padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px; } }.shapeblock-col-tslyrp { padding-top:40px;padding-right:10px;padding-bottom:40px;padding-left:10px;background-color:#ffffff;border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:16px;border-bottom-left-radius:16px; }\n.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-tslyrp { flex:0 1 calc(650px - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 650 \/ 100) !important;max-width:calc(650px - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 650 \/ 100) !important; }\n@media (max-width: 767px) { .shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-tslyrp { flex:0 1 calc(50% - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 50 \/ 100) !important;max-width:calc(50% - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 50 \/ 100) !important; } }\n.shapeblock-col-tslyrp > .shapeblock-column__inner { display:flex;flex-direction:column;justify-content:center;align-items:center; }.shapeblock-breadcrumb-block-wrap.shapeblock-bc-09ez8f .shapeblock-breadcrumb { font-size:18px; }\n.shapeblock-breadcrumb-block-wrap.shapeblock-bc-09ez8f .shapeblock-breadcrumb-path a { color:#120d29; }\n.shapeblock-breadcrumb-block-wrap.shapeblock-bc-09ez8f .shapeblock-breadcrumb-path a:hover, .shapeblock-breadcrumb-block-wrap.shapeblock-bc-09ez8f .shapeblock-breadcrumb-path a:focus-visible { color:#5933ff; }\n.shapeblock-breadcrumb-block-wrap.shapeblock-bc-09ez8f .shapeblock-breadcrumb-path .shapeblock-breadcrumb-home { gap:8px; }\n.shapeblock-breadcrumb-block-wrap.shapeblock-bc-09ez8f .shapeblock-breadcrumb-path .shapeblock-breadcrumb-home-icon { color:#ffffff;background-color:#5933ff;font-size:18px;border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-right-radius:8px;border-bottom-left-radius:8px;padding-top:6px;padding-right:6px;padding-bottom:6px;padding-left:6px; }\n\/*# sourceURL=shapeblock-block-css-29-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-30-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-31-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-32-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-33-inline-css *\/\n<\/style> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-ck9ovd is-content-boxed alignfull wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-wirke4 wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-sndq6k wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <h2 class=\"shapeblock-title\">Breadcrumb 04<\/h2>\t<\/div> <\/div> <p class=\"has-text-align-center wp-block-paragraph\">Display clean breadcrumb trails to guide visitors easily, customizing style, separators, and alignment to match your site.<\/p> <\/div><\/div> <div class=\"shapeblock-block shapeblock-column shapeblock-col-7leg8t wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-origjw is-content-boxed wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-tslyrp wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-breadcrumb-block-wrap shapeblock-bc-09ez8f wp-block-shapeblock-breadcrumb\"> <div class=\"shapeblock-breadcrumb\"> <div class=\"shapeblock-breadcrumb-path\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/\" class=\"shapeblock-breadcrumb-home\"><svg class=\"shapeblock-breadcrumb-home-icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill=\"currentColor\" d=\"M12 3 3 11h2v9h5v-6h4v6h5v-9h2z\"><\/path><\/svg><span class=\"shapeblock-breadcrumb-home-text\">Home<\/span><\/a><span class=\"shapeblock-breadcrumb-separator\" aria-hidden=\"true\">\u00bb<\/span><span class=\"shapeblock-breadcrumb-text\" aria-current=\"page\">Breadcrumb<\/span>\t\t<\/div> <\/div> <\/div> <\/div><\/div> <\/div><\/div> <\/div><\/div> <\/div><\/div>\n\n<style id=\"shapeblock-block-css-40-inline-css\">\n.shapeblock-layout-row-86wnek { 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-86wnek { padding-top:70px;padding-right:15px;padding-bottom:70px;padding-left:15px; } }\n@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-86wnek > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 100% !important;max-width:100% !important;}.shapeblock-layout-row.shapeblock-layout-row-86wnek > .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-8hajps { 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-pxzz28 .shapeblock-heading { text-align:center; }\n.shapeblock-heading-block-wrap.shapeblock-heading-pxzz28 .shapeblock-heading .shapeblock-title { margin-bottom:10px; }\n\/*# sourceURL=shapeblock-block-css-34-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-35-inline-css *\/\n\n\n.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-oei873 { 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-layout-row-0dwm1e { flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;--bp-cols:1;--bp-gap:20px; }\n@media (max-width: 767px) { .shapeblock-layout-row-0dwm1e { padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px; } }.shapeblock-col-yoid9a { padding-top:40px;padding-right:10px;padding-bottom:40px;padding-left:10px;background-color:#f6f6f6;border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:16px;border-bottom-left-radius:16px; }\n.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-yoid9a { flex:0 1 calc(650px - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 650 \/ 100) !important;max-width:calc(650px - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 650 \/ 100) !important; }\n@media (max-width: 767px) { .shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-yoid9a { flex:0 1 calc(50% - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 50 \/ 100) !important;max-width:calc(50% - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 50 \/ 100) !important; } }\n.shapeblock-col-yoid9a > .shapeblock-column__inner { display:flex;flex-direction:column;justify-content:center;align-items:center; }.shapeblock-breadcrumb-block-wrap.shapeblock-bc-i5rriy .shapeblock-breadcrumb { background-color:#120d29;padding-top:6px;padding-right:14px;padding-bottom:8px;padding-left:14px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;font-size:18px; }\n.shapeblock-breadcrumb-block-wrap.shapeblock-bc-i5rriy .shapeblock-breadcrumb-path a { color:#ffffff; }\n.shapeblock-breadcrumb-block-wrap.shapeblock-bc-i5rriy .shapeblock-breadcrumb-path a:hover, .shapeblock-breadcrumb-block-wrap.shapeblock-bc-i5rriy .shapeblock-breadcrumb-path a:focus-visible { color:#ffffffab; }\n.shapeblock-breadcrumb-block-wrap.shapeblock-bc-i5rriy .shapeblock-breadcrumb-path .shapeblock-breadcrumb-home { gap:2px; }\n.shapeblock-breadcrumb-block-wrap.shapeblock-bc-i5rriy .shapeblock-breadcrumb-path .shapeblock-breadcrumb-text { color:#ffffff; }\n.shapeblock-breadcrumb-block-wrap.shapeblock-bc-i5rriy .shapeblock-breadcrumb-path .shapeblock-breadcrumb-home-icon { font-size:24px;top:-2px; }\n.shapeblock-breadcrumb-block-wrap.shapeblock-bc-i5rriy .shapeblock-breadcrumb-path .shapeblock-breadcrumb-separator { color:#ffffff; }\n\/*# sourceURL=shapeblock-block-css-36-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-37-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-38-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-39-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-40-inline-css *\/\n<\/style> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-86wnek is-content-boxed alignfull wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-8hajps wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-pxzz28 wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <h2 class=\"shapeblock-title\">Breadcrumb 05<\/h2>\t<\/div> <\/div> <p class=\"has-text-align-center wp-block-paragraph\">Display clean breadcrumb trails to guide visitors easily, customizing style, separators, and alignment to match your site.<\/p> <\/div><\/div> <div class=\"shapeblock-block shapeblock-column shapeblock-col-oei873 wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-0dwm1e is-content-boxed wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-yoid9a wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-breadcrumb-block-wrap shapeblock-bc-i5rriy wp-block-shapeblock-breadcrumb\"> <div class=\"shapeblock-breadcrumb\"> <div class=\"shapeblock-breadcrumb-path\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/\" class=\"shapeblock-breadcrumb-home\"><svg class=\"shapeblock-breadcrumb-home-icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill=\"currentColor\" d=\"M12 3 3 11h2v9h5v-6h4v6h5v-9h2z\"><\/path><\/svg><span class=\"shapeblock-breadcrumb-home-text\">Home<\/span><\/a><span class=\"shapeblock-breadcrumb-separator\" aria-hidden=\"true\">\/<\/span><span class=\"shapeblock-breadcrumb-text\" aria-current=\"page\">Breadcrumb<\/span>\t\t<\/div> <\/div> <\/div> <\/div><\/div> <\/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-1159","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/shapekode.com\/product\/shapeblock\/wp-json\/wp\/v2\/pages\/1159","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=1159"}],"version-history":[{"count":56,"href":"https:\/\/shapekode.com\/product\/shapeblock\/wp-json\/wp\/v2\/pages\/1159\/revisions"}],"predecessor-version":[{"id":1354,"href":"https:\/\/shapekode.com\/product\/shapeblock\/wp-json\/wp\/v2\/pages\/1159\/revisions\/1354"}],"wp:attachment":[{"href":"https:\/\/shapekode.com\/product\/shapeblock\/wp-json\/wp\/v2\/media?parent=1159"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}