{"id":1313,"date":"2026-10-07T11:19:53","date_gmt":"2026-10-07T11:19:53","guid":{"rendered":"https:\/\/shapekode.com\/product\/shapeblock\/?page_id=1313"},"modified":"2026-10-08T03:59:07","modified_gmt":"2026-10-08T03:59:07","slug":"isotope-filter","status":"publish","type":"page","link":"https:\/\/shapekode.com\/product\/shapeblock\/isotope-filter\/","title":{"rendered":"Isotope Filter"},"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\">Isotope Filter<\/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 Isotope\u00a0Filter 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\">Visualize your workflow beautifully! Create sleek Isotope&nbsp;Filter in WordPress to highlight every step of your service or project journey with icons, titles, and smooth animations all with ShapeBlock.<\/p> <div class=\"wp-block-group is-content-justification-center is-layout-flex wp-container-core-group-is-layout-56f5d1b1 wp-block-group-is-layout-flex shapeblock-sp-cf88e9f50c\" 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-kljciw { justify-content:center;flex-wrap:wrap;gap:26px;padding-top:100px;padding-bottom:100px;--bp-cols:2;--bp-gap:26px; }\n@media (max-width: 1024px) { .shapeblock-layout-row-kljciw { padding-right:15px;padding-left:15px; } }\n@media (max-width: 767px) { .shapeblock-layout-row-kljciw { padding-top:70px;padding-right:15px;padding-bottom:70px;padding-left:15px; } }\n@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-kljciw > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 100% !important;max-width:100% !important;}.shapeblock-layout-row.shapeblock-layout-row-kljciw > .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-ala9gd { 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-heading-block-wrap.shapeblock-heading-2in1kw .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-a7vbuw { 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-iso-block-wrap.shapeblock-iso-pekng4 .shapeblock-iso-filters { margin-bottom:40px;gap:10px;justify-content:center; }\n.shapeblock-iso-block-wrap.shapeblock-iso-pekng4 .shapeblock-iso-grid { --shapeblock-iso-cols:3;--shapeblock-iso-gap:24px; }\n.shapeblock-iso-block-wrap.shapeblock-iso-pekng4 .shapeblock-iso-card { text-align:left;align-items:flex-start;--shapeblock-iso-badge-align:flex-start; }\n.shapeblock-iso-block-wrap.shapeblock-iso-pekng4 .shapeblock-iso-more { justify-content:center;margin-top:40px; }\n@media (max-width: 1024px) { .shapeblock-iso-block-wrap.shapeblock-iso-pekng4 .shapeblock-iso-grid { --shapeblock-iso-cols:2; } }\n@media (max-width: 767px) { .shapeblock-iso-block-wrap.shapeblock-iso-pekng4 .shapeblock-iso-grid { --shapeblock-iso-cols:1; } }\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-kljciw is-content-boxed alignfull wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-ala9gd wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-2in1kw wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <h2 class=\"shapeblock-title\">Normal Filter<\/h2>\t<\/div> <\/div> <p class=\"has-text-align-center wp-block-paragraph\" style=\"margin-top:10px;margin-bottom:10px\">Explore our Filter a clean column layout showcasing visuals in a simple, elegant style.<\/p> <\/div><\/div> <div class=\"shapeblock-block shapeblock-column shapeblock-col-a7vbuw wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-iso-block-wrap shapeblock-iso-pekng4 shapeblock-iso shapeblock-iso-icon-top shapeblock-iso-badge-top-right shapeblock-iso-badge-style-pill is-equal-height wp-block-shapeblock-isotope\" data-active=\"all\" data-anim=\"scale\" data-duration=\"400\"> <div class=\"shapeblock-iso-filters\" role=\"group\" aria-label=\"Filter\"> <button type=\"button\" class=\"shapeblock-iso-filter is-active\" data-filter=\"all\">All<\/button> <button type=\"button\" class=\"shapeblock-iso-filter\" data-filter=\"c0\">Layout<\/button> <button type=\"button\" class=\"shapeblock-iso-filter\" data-filter=\"c1\">Content<\/button> <button type=\"button\" class=\"shapeblock-iso-filter\" data-filter=\"c2\">Media<\/button> <button type=\"button\" class=\"shapeblock-iso-filter\" data-filter=\"c3\">Showcase<\/button> <button type=\"button\" class=\"shapeblock-iso-filter\" data-filter=\"c4\">Posts &amp; site<\/button> <\/div> <div class=\"shapeblock-iso-grid\"> <div class=\"shapeblock-iso-item\" data-cat=\"c0\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Row<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A responsive row that holds columns, with boxed or full width.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c0\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Column<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A column inside a Row, with its own width on every device.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c0\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Sticky Stack<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Cards that stick as you scroll and stack over one another.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c1\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Heading<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Headings with highlight, separator and gradient text.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c1\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Button<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A flexible button with icon, gradient and hover styles.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c1\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Icon<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A single icon with color, size, border, rotation and link.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c1\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Icon Box<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">An icon, title and text together, with full style controls.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c1\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Icon List<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A list of rows, each with its own icon and text, plus spacing and colors.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c1\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Feature List<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A list of features with an icon, number or image and a title.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c1\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Accordion<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Collapsible question and answer sections with FAQ schema.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c1\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Tabs<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Tabbed content with icon or image titles and a button per panel.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c1\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Table<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A data table with header, body and footer cells and styling.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c1\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Hover Box<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">An image or icon that reveals a title and text on hover.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c2\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Slider<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A full-width image slider with arrows, dots and autoplay.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c2\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Image Carousel<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Several images at once, with centered slides and smooth scrolling.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c2\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Simple Gallery<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A responsive image gallery with a lightbox and column controls.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c2\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Image Comparison<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A before and after image slider with a draggable handle.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c2\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Client Logo<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A responsive grid of client logos with links and hover effects.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c3\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Team Member<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Team cards with photo, role, social links and a popup.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c3\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Testimonial<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Client feedback with photo, rating, quote icon and company logo.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c3\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Pricing Table<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Pricing plans with features, a featured ribbon and a call to action.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c3\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Counter<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Animated number counters with prefix, suffix, icon and odometer.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c3\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Progress Bar<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Animated progress and skill bars with a title and percentage.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c3\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Isotope Filter<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A filterable grid with category buttons and items under each.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c4\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Post Grid<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Show posts in grid layouts, with pagination and optional video.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c4\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Menu<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Show a WordPress menu with layout, colors and a mobile menu.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c4\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Search<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A site search with a popup lightbox or an inline field.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c4\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Breadcrumb<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A dynamic breadcrumb trail that shows where visitors are.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c4\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Offcanvas<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A button that slides in a panel holding any template you pick.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c4\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Scroll to Top<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A floating back-to-top button that appears after scrolling.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c4\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Countdown<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A countdown to a date and time with your own labels and styling.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c4\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Social Share<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Buttons for sharing the current page on social networks.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c4\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Social Icon<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A row of linked social icons with per-icon colors and hover.<\/p> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div><\/div> <\/div><\/div>\n\n<style id=\"shapeblock-block-css-15-inline-css\">\n.shapeblock-layout-row-he5hqf { justify-content:center;flex-wrap:wrap;gap:26px;padding-top:100px;padding-bottom:100px;background-color:#f6f6f6;--bp-cols:2;--bp-gap:26px; }\n@media (max-width: 1024px) { .shapeblock-layout-row-he5hqf { padding-right:15px;padding-left:15px; } }\n@media (max-width: 767px) { .shapeblock-layout-row-he5hqf { padding-top:70px;padding-right:15px;padding-bottom:70px;padding-left:15px; } }\n@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-he5hqf > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 100% !important;max-width:100% !important;}.shapeblock-layout-row.shapeblock-layout-row-he5hqf > .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-xj0ll5 { 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-heading-block-wrap.shapeblock-heading-bl1cq2 .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-23iwae { 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-iso-block-wrap.shapeblock-iso-pdkdyh .shapeblock-iso-filters { margin-bottom:40px;gap:10px;justify-content:center; }\n.shapeblock-iso-block-wrap.shapeblock-iso-pdkdyh .shapeblock-iso-grid { --shapeblock-iso-cols:3;--shapeblock-iso-gap:24px; }\n.shapeblock-iso-block-wrap.shapeblock-iso-pdkdyh .shapeblock-iso-card { text-align:left;align-items:flex-start;--shapeblock-iso-badge-align:flex-start; }\n.shapeblock-iso-block-wrap.shapeblock-iso-pdkdyh .shapeblock-iso-more { justify-content:center;margin-top:40px; }\n@media (max-width: 1024px) { .shapeblock-iso-block-wrap.shapeblock-iso-pdkdyh .shapeblock-iso-grid { --shapeblock-iso-cols:2; } }\n@media (max-width: 767px) { .shapeblock-iso-block-wrap.shapeblock-iso-pdkdyh .shapeblock-iso-grid { --shapeblock-iso-cols:1; } }\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-he5hqf is-content-boxed alignfull wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-xj0ll5 wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-bl1cq2 wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <h2 class=\"shapeblock-title\">Filter with Load More<\/h2>\t<\/div> <\/div> <p class=\"has-text-align-center wp-block-paragraph\" style=\"margin-top:10px;margin-bottom:10px\">Explore our Filter a clean column layout showcasing visuals in a simple, elegant style.<\/p> <\/div><\/div> <div class=\"shapeblock-block shapeblock-column shapeblock-col-23iwae wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-iso-block-wrap shapeblock-iso-pdkdyh shapeblock-iso shapeblock-iso-icon-top shapeblock-iso-badge-top-right shapeblock-iso-badge-style-pill is-equal-height wp-block-shapeblock-isotope\" data-active=\"all\" data-anim=\"scale\" data-duration=\"400\" data-load-more=\"1\" data-initial=\"12\" data-step=\"12\"> <div class=\"shapeblock-iso-filters\" role=\"group\" aria-label=\"Filter\"> <button type=\"button\" class=\"shapeblock-iso-filter is-active\" data-filter=\"all\">All<\/button> <button type=\"button\" class=\"shapeblock-iso-filter\" data-filter=\"c0\">Layout<\/button> <button type=\"button\" class=\"shapeblock-iso-filter\" data-filter=\"c1\">Content<\/button> <button type=\"button\" class=\"shapeblock-iso-filter\" data-filter=\"c2\">Media<\/button> <button type=\"button\" class=\"shapeblock-iso-filter\" data-filter=\"c3\">Showcase<\/button> <button type=\"button\" class=\"shapeblock-iso-filter\" data-filter=\"c4\">Posts &amp; site<\/button> <\/div> <div class=\"shapeblock-iso-grid\"> <div class=\"shapeblock-iso-item\" data-cat=\"c0\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Row<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A responsive row that holds columns, with boxed or full width.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c0\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Column<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A column inside a Row, with its own width on every device.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c0\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Sticky Stack<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Cards that stick as you scroll and stack over one another.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c1\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Heading<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Headings with highlight, separator and gradient text.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c1\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Button<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A flexible button with icon, gradient and hover styles.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c1\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Icon<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A single icon with color, size, border, rotation and link.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c1\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Icon Box<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">An icon, title and text together, with full style controls.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c1\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Icon List<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A list of rows, each with its own icon and text, plus spacing and colors.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c1\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Feature List<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A list of features with an icon, number or image and a title.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c1\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Accordion<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Collapsible question and answer sections with FAQ schema.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c1\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Tabs<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Tabbed content with icon or image titles and a button per panel.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c1\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Table<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A data table with header, body and footer cells and styling.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c1\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Hover Box<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">An image or icon that reveals a title and text on hover.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c2\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Slider<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A full-width image slider with arrows, dots and autoplay.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c2\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Image Carousel<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Several images at once, with centered slides and smooth scrolling.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c2\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Simple Gallery<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A responsive image gallery with a lightbox and column controls.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c2\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Image Comparison<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A before and after image slider with a draggable handle.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c2\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Client Logo<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A responsive grid of client logos with links and hover effects.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c3\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Team Member<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Team cards with photo, role, social links and a popup.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c3\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Testimonial<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Client feedback with photo, rating, quote icon and company logo.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c3\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Pricing Table<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Pricing plans with features, a featured ribbon and a call to action.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c3\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Counter<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Animated number counters with prefix, suffix, icon and odometer.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c3\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Progress Bar<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Animated progress and skill bars with a title and percentage.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c3\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Isotope Filter<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A filterable grid with category buttons and items under each.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c4\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Post Grid<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Show posts in grid layouts, with pagination and optional video.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c4\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Menu<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Show a WordPress menu with layout, colors and a mobile menu.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c4\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Search<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A site search with a popup lightbox or an inline field.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c4\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Breadcrumb<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A dynamic breadcrumb trail that shows where visitors are.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c4\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Offcanvas<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A button that slides in a panel holding any template you pick.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c4\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Scroll to Top<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A floating back-to-top button that appears after scrolling.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c4\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Countdown<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A countdown to a date and time with your own labels and styling.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c4\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Social Share<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Buttons for sharing the current page on social networks.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c4\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Social Icon<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A row of linked social icons with per-icon colors and hover.<\/p> <\/div> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-more\"> <button type=\"button\" class=\"shapeblock-iso-load-more\">Load More<\/button> <\/div> <\/div> <\/div><\/div> <\/div><\/div>\n\n<style id=\"shapeblock-block-css-20-inline-css\">\n.shapeblock-layout-row-p2b8tg { justify-content:center;flex-wrap:wrap;gap:26px;padding-top:100px;padding-bottom:100px;--bp-cols:2;--bp-gap:26px; }\n@media (max-width: 1024px) { .shapeblock-layout-row-p2b8tg { padding-right:15px;padding-left:15px; } }\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(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-heading-block-wrap.shapeblock-heading-8c72e5 .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-fp31mg { 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-iso-block-wrap.shapeblock-iso-fb903b .shapeblock-iso-filters { margin-bottom:40px;gap:10px;justify-content:center; }\n.shapeblock-iso-block-wrap.shapeblock-iso-fb903b .shapeblock-iso-grid { --shapeblock-iso-cols:3;--shapeblock-iso-gap:24px; }\n.shapeblock-iso-block-wrap.shapeblock-iso-fb903b .shapeblock-iso-card { text-align:left;align-items:flex-start;--shapeblock-iso-badge-align:flex-start; }\n.shapeblock-iso-block-wrap.shapeblock-iso-fb903b .shapeblock-iso-more { justify-content:center;margin-top:40px; }\n@media (max-width: 1024px) { .shapeblock-iso-block-wrap.shapeblock-iso-fb903b .shapeblock-iso-grid { --shapeblock-iso-cols:2; } }\n@media (max-width: 767px) { .shapeblock-iso-block-wrap.shapeblock-iso-fb903b .shapeblock-iso-grid { --shapeblock-iso-cols:1; } }\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-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\">Filter with Card Icon<\/h2>\t<\/div> <\/div> <p class=\"has-text-align-center wp-block-paragraph\" style=\"margin-top:10px;margin-bottom:10px\">Explore our Filter a clean column layout showcasing visuals in a simple, elegant style.<\/p> <\/div><\/div> <div class=\"shapeblock-block shapeblock-column shapeblock-col-fp31mg wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-iso-block-wrap shapeblock-iso-fb903b shapeblock-iso shapeblock-iso-icon-top shapeblock-iso-badge-top-right shapeblock-iso-badge-style-pill is-equal-height wp-block-shapeblock-isotope\" data-active=\"all\" data-anim=\"scale\" data-duration=\"400\" data-load-more=\"1\" data-initial=\"12\" data-step=\"12\"> <div class=\"shapeblock-iso-filters\" role=\"group\" aria-label=\"Filter\"> <button type=\"button\" class=\"shapeblock-iso-filter is-active\" data-filter=\"all\">All<\/button> <button type=\"button\" class=\"shapeblock-iso-filter\" data-filter=\"c0\">Layout<\/button> <button type=\"button\" class=\"shapeblock-iso-filter\" data-filter=\"c1\">Content<\/button> <button type=\"button\" class=\"shapeblock-iso-filter\" data-filter=\"c2\">Media<\/button> <button type=\"button\" class=\"shapeblock-iso-filter\" data-filter=\"c3\">Showcase<\/button> <button type=\"button\" class=\"shapeblock-iso-filter\" data-filter=\"c4\">Posts &amp; site<\/button> <\/div> <div class=\"shapeblock-iso-grid\"> <div class=\"shapeblock-iso-item\" data-cat=\"c0\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-open-panel-top\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Row<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A responsive row that holds columns, with boxed or full width.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c0\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-open-panel-left\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Column<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A column inside a Row, with its own width on every device.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c0\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-carousel-vertical\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Sticky Stack<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Cards that stick as you scroll and stack over one another.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c1\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-font\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Heading<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Headings with highlight, separator and gradient text.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c1\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-button\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Button<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A flexible button with icon, gradient and hover styles.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c1\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-favorite\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Icon<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A single icon with color, size, border, rotation and link.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c1\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-gui\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Icon Box<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">An icon, title and text together, with full style controls.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c1\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-doc-text\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Icon List<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A list of rows, each with its own icon and text, plus spacing and colors.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c1\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-check-empty\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Feature List<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A list of features with an icon, number or image and a title.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c1\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-caret-down\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Accordion<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Collapsible question and answer sections with FAQ schema.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c1\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-wikis\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Tabs<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Tabbed content with icon or image titles and a button per panel.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c1\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-data-base\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Table<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A data table with header, body and footer cells and styling.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c1\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-thumbnail-1\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Hover Box<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">An image or icon that reveals a title and text on hover.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c2\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-carousel-horizontal\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Slider<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A full-width image slider with arrows, dots and autoplay.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c2\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-image-copy\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Image Carousel<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Several images at once, with centered slides and smooth scrolling.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c2\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-image\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Simple Gallery<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A responsive image gallery with a lightbox and column controls.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c2\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-thumbnail-2\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Image Comparison<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A before and after image slider with a draggable handle.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c2\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-tags\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Client Logo<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A responsive grid of client logos with links and hover effects.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c3\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-user-avatar-filled\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Team Member<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Team cards with photo, role, social links and a popup.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c3\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-chat\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Testimonial<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Client feedback with photo, rating, quote icon and company logo.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c3\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-credit-card-alt\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Pricing Table<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Pricing plans with features, a featured ribbon and a call to action.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c3\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-chart-treemap\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Counter<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Animated number counters with prefix, suffix, icon and odometer.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c3\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-direction-straight-right\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Progress Bar<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Animated progress and skill bars with a title and percentage.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c3\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-categories\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Isotope Filter<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A filterable grid with category buttons and items under each.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c4\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-notebook\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Post Grid<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Show posts in grid layouts, with pagination and optional video.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c4\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-map\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Menu<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Show a WordPress menu with layout, colors and a mobile menu.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c4\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-earth-americas\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Search<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A site search with a popup lightbox or an inline field.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c4\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-direction-straight\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Breadcrumb<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A dynamic breadcrumb trail that shows where visitors are.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c4\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-arrow-right\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Offcanvas<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A button that slides in a panel holding any template you pick.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c4\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-arrow-up\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Scroll to Top<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A floating back-to-top button that appears after scrolling.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c4\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-time\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Countdown<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A countdown to a date and time with your own labels and styling.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c4\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-share-2\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Social Share<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Buttons for sharing the current page on social networks.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c4\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-thumbs-up\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Social Icon<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A row of linked social icons with per-icon colors and hover.<\/p> <\/div> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-more\"> <button type=\"button\" class=\"shapeblock-iso-load-more\">Load More<\/button> <\/div> <\/div> <\/div><\/div> <\/div><\/div>\n\n<style id=\"shapeblock-block-css-25-inline-css\">\n.shapeblock-layout-row-hjk6gg { justify-content:center;flex-wrap:wrap;gap:26px;padding-top:100px;padding-bottom:100px;background-color:#f6f6f6;--bp-cols:2;--bp-gap:26px; }\n@media (max-width: 1024px) { .shapeblock-layout-row-hjk6gg { padding-right:15px;padding-left:15px; } }\n@media (max-width: 767px) { .shapeblock-layout-row-hjk6gg { padding-top:70px;padding-right:15px;padding-bottom:70px;padding-left:15px; } }\n@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-hjk6gg > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 100% !important;max-width:100% !important;}.shapeblock-layout-row.shapeblock-layout-row-hjk6gg > .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-4zskz4 { 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-heading-block-wrap.shapeblock-heading-m6ctd4 .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-h2y3cb { 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-iso-block-wrap.shapeblock-iso-kdd82w .shapeblock-iso-filters { margin-bottom:40px;gap:10px;justify-content:center; }\n.shapeblock-iso-block-wrap.shapeblock-iso-kdd82w .shapeblock-iso-grid { --shapeblock-iso-cols:3;--shapeblock-iso-gap:24px; }\n.shapeblock-iso-block-wrap.shapeblock-iso-kdd82w .shapeblock-iso-card { text-align:left;justify-content:flex-start;--shapeblock-iso-badge-align:flex-start; }\n.shapeblock-iso-block-wrap.shapeblock-iso-kdd82w .shapeblock-iso-more { justify-content:center;margin-top:40px; }\n@media (max-width: 1024px) { .shapeblock-iso-block-wrap.shapeblock-iso-kdd82w .shapeblock-iso-grid { --shapeblock-iso-cols:2; } }\n@media (max-width: 767px) { .shapeblock-iso-block-wrap.shapeblock-iso-kdd82w .shapeblock-iso-grid { --shapeblock-iso-cols:1; } }\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-hjk6gg is-content-boxed alignfull wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-4zskz4 wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-m6ctd4 wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <h2 class=\"shapeblock-title\">Filter with Left Icon<\/h2>\t<\/div> <\/div> <p class=\"has-text-align-center wp-block-paragraph\" style=\"margin-top:10px;margin-bottom:10px\">Explore our Filter a clean column layout showcasing visuals in a simple, elegant style.<\/p> <\/div><\/div> <div class=\"shapeblock-block shapeblock-column shapeblock-col-h2y3cb wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-iso-block-wrap shapeblock-iso-kdd82w shapeblock-iso shapeblock-iso-icon-left shapeblock-iso-badge-top-right shapeblock-iso-badge-style-pill is-equal-height wp-block-shapeblock-isotope\" data-active=\"all\" data-anim=\"scale\" data-duration=\"400\" data-load-more=\"1\" data-initial=\"12\" data-step=\"12\"> <div class=\"shapeblock-iso-filters\" role=\"group\" aria-label=\"Filter\"> <button type=\"button\" class=\"shapeblock-iso-filter is-active\" data-filter=\"all\">All<\/button> <button type=\"button\" class=\"shapeblock-iso-filter\" data-filter=\"c0\">Layout<\/button> <button type=\"button\" class=\"shapeblock-iso-filter\" data-filter=\"c1\">Content<\/button> <button type=\"button\" class=\"shapeblock-iso-filter\" data-filter=\"c2\">Media<\/button> <button type=\"button\" class=\"shapeblock-iso-filter\" data-filter=\"c3\">Showcase<\/button> <button type=\"button\" class=\"shapeblock-iso-filter\" data-filter=\"c4\">Posts &amp; site<\/button> <\/div> <div class=\"shapeblock-iso-grid\"> <div class=\"shapeblock-iso-item\" data-cat=\"c0\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-open-panel-top\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Row<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A responsive row that holds columns, with boxed or full width.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c0\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-open-panel-left\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Column<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A column inside a Row, with its own width on every device.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c0\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-carousel-vertical\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Sticky Stack<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Cards that stick as you scroll and stack over one another.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c1\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-font\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Heading<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Headings with highlight, separator and gradient text.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c1\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-button\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Button<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A flexible button with icon, gradient and hover styles.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c1\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-favorite\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Icon<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A single icon with color, size, border, rotation and link.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c1\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-gui\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Icon Box<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">An icon, title and text together, with full style controls.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c1\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-doc-text\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Icon List<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A list of rows, each with its own icon and text, plus spacing and colors.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c1\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-check-empty\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Feature List<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A list of features with an icon, number or image and a title.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c1\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-caret-down\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Accordion<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Collapsible question and answer sections with FAQ schema.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c1\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-wikis\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Tabs<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Tabbed content with icon or image titles and a button per panel.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c1\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-data-base\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Table<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A data table with header, body and footer cells and styling.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c1\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-thumbnail-1\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Hover Box<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">An image or icon that reveals a title and text on hover.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c2\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-carousel-horizontal\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Slider<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A full-width image slider with arrows, dots and autoplay.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c2\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-image-copy\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Image Carousel<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Several images at once, with centered slides and smooth scrolling.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c2\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-image\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Simple Gallery<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A responsive image gallery with a lightbox and column controls.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c2\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-thumbnail-2\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Image Comparison<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A before and after image slider with a draggable handle.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c2\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-tags\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Client Logo<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A responsive grid of client logos with links and hover effects.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c3\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-user-avatar-filled\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Team Member<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Team cards with photo, role, social links and a popup.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c3\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-chat\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Testimonial<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Client feedback with photo, rating, quote icon and company logo.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c3\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-credit-card-alt\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Pricing Table<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Pricing plans with features, a featured ribbon and a call to action.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c3\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-chart-treemap\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Counter<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Animated number counters with prefix, suffix, icon and odometer.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c3\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-direction-straight-right\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Progress Bar<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Animated progress and skill bars with a title and percentage.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c3\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-categories\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Isotope Filter<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A filterable grid with category buttons and items under each.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c4\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-notebook\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Post Grid<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Show posts in grid layouts, with pagination and optional video.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c4\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-map\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Menu<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Show a WordPress menu with layout, colors and a mobile menu.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c4\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-earth-americas\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Search<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A site search with a popup lightbox or an inline field.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c4\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-direction-straight\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Breadcrumb<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A dynamic breadcrumb trail that shows where visitors are.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c4\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-arrow-right\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Offcanvas<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A button that slides in a panel holding any template you pick.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c4\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-arrow-up\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Scroll to Top<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A floating back-to-top button that appears after scrolling.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c4\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-time\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Countdown<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A countdown to a date and time with your own labels and styling.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c4\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-share-2\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Social Share<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Buttons for sharing the current page on social networks.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c4\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-thumbs-up\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Social Icon<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A row of linked social icons with per-icon colors and hover.<\/p> <\/div> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-more\"> <button type=\"button\" class=\"shapeblock-iso-load-more\">Load More<\/button> <\/div> <\/div> <\/div><\/div> <\/div><\/div>\n\n<style id=\"shapeblock-block-css-30-inline-css\">\n.shapeblock-layout-row-ua4zgu { justify-content:center;flex-wrap:wrap;gap:26px;padding-top:100px;padding-bottom:100px;--bp-cols:2;--bp-gap:26px; }\n@media (max-width: 1024px) { .shapeblock-layout-row-ua4zgu { padding-right:15px;padding-left:15px; } }\n@media (max-width: 767px) { .shapeblock-layout-row-ua4zgu { padding-top:70px;padding-right:15px;padding-bottom:70px;padding-left:15px; } }\n@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-ua4zgu > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 100% !important;max-width:100% !important;}.shapeblock-layout-row.shapeblock-layout-row-ua4zgu > .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-qifuqn { flex:0 1 calc(560px - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 560 \/ 100) !important;max-width:calc(560px - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 560 \/ 100) !important; }.shapeblock-heading-block-wrap.shapeblock-heading-49bold .shapeblock-heading { text-align:center; }\n\/*# sourceURL=shapeblock-block-css-26-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-27-inline-css *\/\n\n\n.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-ixtgpu { 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-iso-block-wrap.shapeblock-iso-9par24 .shapeblock-iso-filters { margin-bottom:40px;gap:10px;justify-content:center; }\n.shapeblock-iso-block-wrap.shapeblock-iso-9par24 .shapeblock-iso-grid { --shapeblock-iso-cols:3;--shapeblock-iso-gap:24px; }\n.shapeblock-iso-block-wrap.shapeblock-iso-9par24 .shapeblock-iso-card { text-align:center;align-items:center;--shapeblock-iso-badge-align:center; }\n.shapeblock-iso-block-wrap.shapeblock-iso-9par24 .shapeblock-iso-more { justify-content:center;margin-top:40px; }\n@media (max-width: 1024px) { .shapeblock-iso-block-wrap.shapeblock-iso-9par24 .shapeblock-iso-grid { --shapeblock-iso-cols:2; } }\n@media (max-width: 767px) { .shapeblock-iso-block-wrap.shapeblock-iso-9par24 .shapeblock-iso-grid { --shapeblock-iso-cols:1; } }\n\/*# sourceURL=shapeblock-block-css-28-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-29-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-30-inline-css *\/\n<\/style> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-ua4zgu is-content-boxed alignfull wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-qifuqn wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-49bold wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <h2 class=\"shapeblock-title\">Filter with Center Alignment<\/h2>\t<\/div> <\/div> <p class=\"has-text-align-center wp-block-paragraph\" style=\"margin-top:10px;margin-bottom:10px\">Explore our Filter a clean column layout showcasing visuals in a simple, elegant style.<\/p> <\/div><\/div> <div class=\"shapeblock-block shapeblock-column shapeblock-col-ixtgpu wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-iso-block-wrap shapeblock-iso-9par24 shapeblock-iso shapeblock-iso-icon-top shapeblock-iso-badge-top-right shapeblock-iso-badge-style-pill is-equal-height wp-block-shapeblock-isotope\" data-active=\"all\" data-anim=\"scale\" data-duration=\"400\" data-load-more=\"1\" data-initial=\"12\" data-step=\"12\"> <div class=\"shapeblock-iso-filters\" role=\"group\" aria-label=\"Filter\"> <button type=\"button\" class=\"shapeblock-iso-filter is-active\" data-filter=\"all\">All<\/button> <button type=\"button\" class=\"shapeblock-iso-filter\" data-filter=\"c0\">Layout<\/button> <button type=\"button\" class=\"shapeblock-iso-filter\" data-filter=\"c1\">Content<\/button> <button type=\"button\" class=\"shapeblock-iso-filter\" data-filter=\"c2\">Media<\/button> <button type=\"button\" class=\"shapeblock-iso-filter\" data-filter=\"c3\">Showcase<\/button> <button type=\"button\" class=\"shapeblock-iso-filter\" data-filter=\"c4\">Posts &amp; site<\/button> <\/div> <div class=\"shapeblock-iso-grid\"> <div class=\"shapeblock-iso-item\" data-cat=\"c0\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-open-panel-top\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Row<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A responsive row that holds columns, with boxed or full width.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c0\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-open-panel-left\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Column<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A column inside a Row, with its own width on every device.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c0\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-carousel-vertical\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Sticky Stack<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Cards that stick as you scroll and stack over one another.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c1\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-font\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Heading<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Headings with highlight, separator and gradient text.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c1\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-button\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Button<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A flexible button with icon, gradient and hover styles.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c1\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-favorite\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Icon<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A single icon with color, size, border, rotation and link.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c1\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-gui\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Icon Box<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">An icon, title and text together, with full style controls.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c1\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-doc-text\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Icon List<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A list of rows, each with its own icon and text, plus spacing and colors.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c1\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-check-empty\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Feature List<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A list of features with an icon, number or image and a title.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c1\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-caret-down\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Accordion<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Collapsible question and answer sections with FAQ schema.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c1\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-wikis\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Tabs<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Tabbed content with icon or image titles and a button per panel.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c1\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-data-base\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Table<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A data table with header, body and footer cells and styling.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c1\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-thumbnail-1\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Hover Box<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">An image or icon that reveals a title and text on hover.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c2\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-carousel-horizontal\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Slider<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A full-width image slider with arrows, dots and autoplay.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c2\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-image-copy\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Image Carousel<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Several images at once, with centered slides and smooth scrolling.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c2\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-image\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Simple Gallery<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A responsive image gallery with a lightbox and column controls.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c2\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-thumbnail-2\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Image Comparison<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A before and after image slider with a draggable handle.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c2\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-tags\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Client Logo<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A responsive grid of client logos with links and hover effects.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c3\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-user-avatar-filled\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Team Member<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Team cards with photo, role, social links and a popup.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c3\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-chat\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Testimonial<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Client feedback with photo, rating, quote icon and company logo.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c3\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-credit-card-alt\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Pricing Table<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Pricing plans with features, a featured ribbon and a call to action.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c3\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-chart-treemap\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Counter<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Animated number counters with prefix, suffix, icon and odometer.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c3\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-direction-straight-right\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Progress Bar<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Animated progress and skill bars with a title and percentage.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c3\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-categories\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Isotope Filter<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A filterable grid with category buttons and items under each.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c4\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-notebook\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Post Grid<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Show posts in grid layouts, with pagination and optional video.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c4\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-map\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Menu<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Show a WordPress menu with layout, colors and a mobile menu.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c4\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-earth-americas\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Search<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A site search with a popup lightbox or an inline field.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c4\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-direction-straight\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Breadcrumb<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A dynamic breadcrumb trail that shows where visitors are.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c4\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-arrow-right\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Offcanvas<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A button that slides in a panel holding any template you pick.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c4\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-arrow-up\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Scroll to Top<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A floating back-to-top button that appears after scrolling.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c4\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-time\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Countdown<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A countdown to a date and time with your own labels and styling.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c4\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-share-2\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Social Share<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Buttons for sharing the current page on social networks.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c4\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-thumbs-up\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Social Icon<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A row of linked social icons with per-icon colors and hover.<\/p> <\/div> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-more\"> <button type=\"button\" class=\"shapeblock-iso-load-more\">Load More<\/button> <\/div> <\/div> <\/div><\/div> <\/div><\/div>\n\n<style id=\"shapeblock-block-css-35-inline-css\">\n.shapeblock-layout-row-wnchew { justify-content:center;flex-wrap:wrap;gap:26px;padding-top:100px;padding-bottom:100px;background-color:#f6f6f6;--bp-cols:2;--bp-gap:26px; }\n@media (max-width: 1024px) { .shapeblock-layout-row-wnchew { padding-right:15px;padding-left:15px; } }\n@media (max-width: 767px) { .shapeblock-layout-row-wnchew { padding-top:70px;padding-right:15px;padding-bottom:70px;padding-left:15px; } }\n@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-wnchew > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 100% !important;max-width:100% !important;}.shapeblock-layout-row.shapeblock-layout-row-wnchew > .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-heading-block-wrap.shapeblock-heading-zj319l .shapeblock-heading { text-align:center; }\n\/*# sourceURL=shapeblock-block-css-31-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-32-inline-css *\/\n\n\n.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-q19hvx { 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-iso-block-wrap.shapeblock-iso-532ngv .shapeblock-iso-filters { margin-bottom:40px;gap:10px;justify-content:center; }\n.shapeblock-iso-block-wrap.shapeblock-iso-532ngv .shapeblock-iso-grid { --shapeblock-iso-cols:4;--shapeblock-iso-gap:24px; }\n.shapeblock-iso-block-wrap.shapeblock-iso-532ngv .shapeblock-iso-card { text-align:center;align-items:center;--shapeblock-iso-badge-align:center; }\n.shapeblock-iso-block-wrap.shapeblock-iso-532ngv .shapeblock-iso-more { justify-content:center;margin-top:40px; }\n@media (max-width: 1024px) { .shapeblock-iso-block-wrap.shapeblock-iso-532ngv .shapeblock-iso-grid { --shapeblock-iso-cols:2; } }\n@media (max-width: 767px) { .shapeblock-iso-block-wrap.shapeblock-iso-532ngv .shapeblock-iso-grid { --shapeblock-iso-cols:1; } }\n\/*# sourceURL=shapeblock-block-css-33-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-34-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-35-inline-css *\/\n<\/style> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-wnchew is-content-boxed alignfull 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\">Filter with 4 Column<\/h2>\t<\/div> <\/div> <p class=\"has-text-align-center wp-block-paragraph\" style=\"margin-top:10px;margin-bottom:10px\">Explore our Filter a clean 4-column layout showcasing visuals in a simple, elegant style.<\/p> <\/div><\/div> <div class=\"shapeblock-block shapeblock-column shapeblock-col-q19hvx wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-iso-block-wrap shapeblock-iso-532ngv shapeblock-iso shapeblock-iso-icon-top shapeblock-iso-badge-top-right shapeblock-iso-badge-style-pill is-equal-height wp-block-shapeblock-isotope\" data-active=\"all\" data-anim=\"scale\" data-duration=\"400\" data-load-more=\"1\" data-initial=\"12\" data-step=\"12\"> <div class=\"shapeblock-iso-filters\" role=\"group\" aria-label=\"Filter\"> <button type=\"button\" class=\"shapeblock-iso-filter is-active\" data-filter=\"all\">All<\/button> <button type=\"button\" class=\"shapeblock-iso-filter\" data-filter=\"c0\">Layout<\/button> <button type=\"button\" class=\"shapeblock-iso-filter\" data-filter=\"c1\">Content<\/button> <button type=\"button\" class=\"shapeblock-iso-filter\" data-filter=\"c2\">Media<\/button> <button type=\"button\" class=\"shapeblock-iso-filter\" data-filter=\"c3\">Showcase<\/button> <button type=\"button\" class=\"shapeblock-iso-filter\" data-filter=\"c4\">Posts &amp; site<\/button> <\/div> <div class=\"shapeblock-iso-grid\"> <div class=\"shapeblock-iso-item\" data-cat=\"c0\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-open-panel-top\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Row<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A responsive row that holds columns, with boxed or full width.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c0\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-open-panel-left\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Column<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A column inside a Row, with its own width on every device.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c0\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-carousel-vertical\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Sticky Stack<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Cards that stick as you scroll and stack over one another.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c1\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-font\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Heading<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Headings with highlight, separator and gradient text.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c1\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-button\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Button<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A flexible button with icon, gradient and hover styles.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c1\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-favorite\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Icon<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A single icon with color, size, border, rotation and link.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c1\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-gui\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Icon Box<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">An icon, title and text together, with full style controls.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c1\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-doc-text\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Icon List<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A list of rows, each with its own icon and text, plus spacing and colors.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c1\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-check-empty\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Feature List<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A list of features with an icon, number or image and a title.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c1\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-caret-down\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Accordion<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Collapsible question and answer sections with FAQ schema.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c1\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-wikis\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Tabs<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Tabbed content with icon or image titles and a button per panel.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c1\"> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-data-base\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Table<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A data table with header, body and footer cells and styling.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c1\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-thumbnail-1\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Hover Box<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">An image or icon that reveals a title and text on hover.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c2\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-carousel-horizontal\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Slider<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A full-width image slider with arrows, dots and autoplay.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c2\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-image-copy\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Image Carousel<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Several images at once, with centered slides and smooth scrolling.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c2\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-image\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Simple Gallery<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A responsive image gallery with a lightbox and column controls.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c2\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-thumbnail-2\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Image Comparison<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A before and after image slider with a draggable handle.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c2\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-tags\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Client Logo<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A responsive grid of client logos with links and hover effects.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c3\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-user-avatar-filled\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Team Member<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Team cards with photo, role, social links and a popup.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c3\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-chat\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Testimonial<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Client feedback with photo, rating, quote icon and company logo.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c3\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-credit-card-alt\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Pricing Table<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Pricing plans with features, a featured ribbon and a call to action.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c3\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-chart-treemap\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Counter<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Animated number counters with prefix, suffix, icon and odometer.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c3\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-direction-straight-right\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Progress Bar<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Animated progress and skill bars with a title and percentage.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c3\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-categories\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Isotope Filter<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A filterable grid with category buttons and items under each.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c4\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-notebook\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Post Grid<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Show posts in grid layouts, with pagination and optional video.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c4\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-map\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Menu<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Show a WordPress menu with layout, colors and a mobile menu.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c4\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-earth-americas\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Search<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A site search with a popup lightbox or an inline field.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c4\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-direction-straight\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Breadcrumb<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A dynamic breadcrumb trail that shows where visitors are.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c4\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-arrow-right\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Offcanvas<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A button that slides in a panel holding any template you pick.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c4\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-arrow-up\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Scroll to Top<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A floating back-to-top button that appears after scrolling.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c4\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-time\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Countdown<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A countdown to a date and time with your own labels and styling.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c4\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-share-2\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Social Share<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">Buttons for sharing the current page on social networks.<\/p> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-item\" data-cat=\"c4\" hidden> <div class=\"shapeblock-iso-card\"> <div class=\"shapeblock-iso-icon\"><i class=\"shapeblock-icon shapeblock-icon-thumbs-up\" aria-hidden=\"true\"><\/i><\/div> <div class=\"shapeblock-iso-text\"> <h3 class=\"shapeblock-iso-title\">Social Icon<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"shapeblock-iso-desc\">A row of linked social icons with per-icon colors and hover.<\/p> <\/div> <\/div> <\/div> <\/div> <div class=\"shapeblock-iso-more\"> <button type=\"button\" class=\"shapeblock-iso-load-more\">Load More<\/button> <\/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":false,"footnotes":""},"class_list":["post-1313","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/shapekode.com\/product\/shapeblock\/wp-json\/wp\/v2\/pages\/1313","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=1313"}],"version-history":[{"count":15,"href":"https:\/\/shapekode.com\/product\/shapeblock\/wp-json\/wp\/v2\/pages\/1313\/revisions"}],"predecessor-version":[{"id":1340,"href":"https:\/\/shapekode.com\/product\/shapeblock\/wp-json\/wp\/v2\/pages\/1313\/revisions\/1340"}],"wp:attachment":[{"href":"https:\/\/shapekode.com\/product\/shapeblock\/wp-json\/wp\/v2\/media?parent=1313"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}