{"id":1401,"date":"2026-10-11T03:56:38","date_gmt":"2026-10-11T03:56:38","guid":{"rendered":"https:\/\/shapekode.com\/product\/shapeblock\/?page_id=1401"},"modified":"2026-10-12T10:07:26","modified_gmt":"2026-10-12T10:07:26","slug":"simple-gallery","status":"publish","type":"page","link":"https:\/\/shapekode.com\/product\/shapeblock\/simple-gallery\/","title":{"rendered":"Simple Gallery"},"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-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-gap, 0px) * 0 \/ 100) !important;max-width:calc(700px - var(--bp-gap, 0px) * 0 \/ 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\">Simple Gallery<\/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 Simple Gallery 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 Simple Gallery 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-211891db wp-block-group-is-layout-flex\" style=\"padding-top:14px\"> <div class=\"shapeblock-block shapeblock-button-block-wrap shapeblock-button-5240d5 wp-block-shapeblock-button\"> <a href=\"#\" class=\"shapeblock-button shapeblock-button-primary\" target=\"_self\"> <span class=\"shapeblock-button-text\">Get Started Now<\/span> <\/a> <\/div> <div class=\"shapeblock-block shapeblock-button-block-wrap shapeblock-button-31oq4y wp-block-shapeblock-button\"> <a href=\"#\" class=\"shapeblock-button shapeblock-button-outline\" target=\"_blank\" rel=\"noopener\"> <span class=\"shapeblock-button-text\">Documentation  <\/span> <\/a> <\/div> <\/div> <\/div><\/div> <\/div><\/div>\n\n<style id=\"shapeblock-block-css-10-inline-css\">\n.shapeblock-layout-row-kphs50 { justify-content:center;flex-wrap:wrap;gap:26px;padding-top:100px;padding-bottom:100px;--bp-gap:26px; }\n@media (max-width: 1024px) { .shapeblock-layout-row-kphs50 { padding-right:15px;padding-left:15px; } }\n@media (max-width: 767px) { .shapeblock-layout-row-kphs50 { padding-top:70px;padding-right:15px;padding-bottom:70px;padding-left:15px; } }\n@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-kphs50 > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 100% !important;max-width:100% !important;}.shapeblock-layout-row.shapeblock-layout-row-kphs50 > .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-t7qo0r { flex:0 1 calc(530px - var(--bp-gap, 0px) * 0 \/ 100) !important;max-width:calc(530px - var(--bp-gap, 0px) * 0 \/ 100) !important; }.shapeblock-heading-block-wrap.shapeblock-heading-m7k13i .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-dhw6c3 { flex:0 1 calc(100% - var(--bp-gap, 0px) * 0 \/ 100) !important;max-width:calc(100% - var(--bp-gap, 0px) * 0 \/ 100) !important; }.shapeblock-gallery-block-wrap.shapeblock-gallery-i7dxr8 .shapeblock-hover-content { background-color:rgba(0,0,0,0.6); }\n.shapeblock-gallery-block-wrap.shapeblock-gallery-i7dxr8 .shapeblock-hover-icon i { color:#ffffff;font-size:16px; }\n.shapeblock-gallery-block-wrap.shapeblock-gallery-i7dxr8 .shapeblock-hover-text span { color:#ffffff; }\n.shapeblock-gallery-block-wrap.shapeblock-gallery-i7dxr8 .shapeblock-gallery-grid { grid-template-columns:repeat(4, 1fr);gap:10px; }\n@media (max-width: 1024px) { .shapeblock-gallery-block-wrap.shapeblock-gallery-i7dxr8 .shapeblock-gallery-grid { grid-template-columns:repeat(2, 1fr); } }\n@media (max-width: 767px) { .shapeblock-gallery-block-wrap.shapeblock-gallery-i7dxr8 .shapeblock-gallery-grid { grid-template-columns:repeat(1, 1fr); } }\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-kphs50 is-content-boxed alignfull wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-t7qo0r wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-m7k13i wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <h2 class=\"shapeblock-title\">Gallery 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 gallery a clean 4-column layout showcasing visuals in a simple, elegant style.<\/p> <\/div><\/div> <div class=\"shapeblock-block shapeblock-column shapeblock-col-dhw6c3 wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-gallery-block-wrap shapeblock-gallery-i7dxr8 wp-block-shapeblock-gallery\"> <div class=\"shapeblock-gallery-grid shapeblock-popup-enabled\"> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-3-2.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-3-2.webp\" alt=\"\"> <\/div> <\/a> <\/div> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/product-5.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/product-5.webp\" alt=\"\"> <\/div> <\/a> <\/div> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-6.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-6.webp\" alt=\"\"> <\/div> <\/a> <\/div> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-4.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-4.webp\" alt=\"\"> <\/div> <\/a> <\/div> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/product-1.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/product-1.webp\" alt=\"\"> <\/div> <\/a> <\/div> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/product-2.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/product-2.webp\" alt=\"\"> <\/div> <\/a> <\/div> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-5.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-5.webp\" alt=\"\"> <\/div> <\/a> <\/div> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/product-3.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/product-3.webp\" alt=\"\"> <\/div> <\/a> <\/div> <\/div> <div class=\"shapeblock-lightbox-gallery is-anim-fade\" style=\"--shapeblock-lb-duration:300ms\" data-duration=\"300\"> <span class=\"shapeblock-close\">&times;<\/span> <img decoding=\"async\" class=\"shapeblock-lightbox-image\" src=\"\" alt=\"\"> <button class=\"shapeblock-prev\">&#10094;<\/button> <button class=\"shapeblock-next\">&#10095;<\/button> <\/div> <\/div> <\/div><\/div> <\/div><\/div>\n\n<style id=\"shapeblock-block-css-15-inline-css\">\n.shapeblock-layout-row-ghamte { justify-content:center;flex-wrap:wrap;gap:26px;padding-top:100px;padding-bottom:100px;background-color:#f6f6f6;--bp-gap:26px; }\n@media (max-width: 1024px) { .shapeblock-layout-row-ghamte { padding-right:15px;padding-left:15px; } }\n@media (max-width: 767px) { .shapeblock-layout-row-ghamte { padding-top:70px;padding-right:15px;padding-bottom:70px;padding-left:15px; } }\n@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-ghamte > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 100% !important;max-width:100% !important;}.shapeblock-layout-row.shapeblock-layout-row-ghamte > .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-z0zfky { flex:0 1 calc(530px - var(--bp-gap, 0px) * 0 \/ 100) !important;max-width:calc(530px - var(--bp-gap, 0px) * 0 \/ 100) !important; }.shapeblock-heading-block-wrap.shapeblock-heading-9z7j3x .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-s41t6k { flex:0 1 calc(100% - var(--bp-gap, 0px) * 0 \/ 100) !important;max-width:calc(100% - var(--bp-gap, 0px) * 0 \/ 100) !important; }.shapeblock-gallery-block-wrap.shapeblock-gallery-fb97ny .shapeblock-hover-content { background-color:rgba(0,0,0,0.6); }\n.shapeblock-gallery-block-wrap.shapeblock-gallery-fb97ny .shapeblock-hover-icon i { color:#ffffff;font-size:16px; }\n.shapeblock-gallery-block-wrap.shapeblock-gallery-fb97ny .shapeblock-hover-text span { color:#ffffff; }\n.shapeblock-gallery-block-wrap.shapeblock-gallery-fb97ny .shapeblock-gallery-grid { grid-template-columns:repeat(3, 1fr);gap:10px; }\n@media (max-width: 1024px) { .shapeblock-gallery-block-wrap.shapeblock-gallery-fb97ny .shapeblock-gallery-grid { grid-template-columns:repeat(2, 1fr); } }\n@media (max-width: 767px) { .shapeblock-gallery-block-wrap.shapeblock-gallery-fb97ny .shapeblock-gallery-grid { grid-template-columns:repeat(1, 1fr); } }\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-ghamte is-content-boxed alignfull wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-z0zfky wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-9z7j3x wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <h2 class=\"shapeblock-title\">Gallery with 3 Column<\/h2>\t<\/div> <\/div> <p class=\"has-text-align-center wp-block-paragraph\" style=\"margin-top:10px;margin-bottom:10px\">Explore our gallery a clean 3-column layout showcasing visuals in a simple, elegant style.<\/p> <\/div><\/div> <div class=\"shapeblock-block shapeblock-column shapeblock-col-s41t6k wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-gallery-block-wrap shapeblock-gallery-fb97ny wp-block-shapeblock-gallery\"> <div class=\"shapeblock-gallery-grid shapeblock-popup-enabled\"> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-3-2.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-3-2.webp\" alt=\"\"> <\/div> <\/a> <\/div> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-6.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-6.webp\" alt=\"\"> <\/div> <\/a> <\/div> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-4.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-4.webp\" alt=\"\"> <\/div> <\/a> <\/div> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/product-1.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/product-1.webp\" alt=\"\"> <\/div> <\/a> <\/div> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/product-2.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/product-2.webp\" alt=\"\"> <\/div> <\/a> <\/div> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-5.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-5.webp\" alt=\"\"> <\/div> <\/a> <\/div> <\/div> <div class=\"shapeblock-lightbox-gallery is-anim-fade\" style=\"--shapeblock-lb-duration:300ms\" data-duration=\"300\"> <span class=\"shapeblock-close\">&times;<\/span> <img decoding=\"async\" class=\"shapeblock-lightbox-image\" src=\"\" alt=\"\"> <button class=\"shapeblock-prev\">&#10094;<\/button> <button class=\"shapeblock-next\">&#10095;<\/button> <\/div> <\/div> <\/div><\/div> <\/div><\/div>\n\n<style id=\"shapeblock-block-css-20-inline-css\">\n.shapeblock-layout-row-kljciw { justify-content:center;flex-wrap:wrap;gap:26px;padding-top:100px;padding-bottom:100px;--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-gap, 0px) * 0 \/ 100) !important;max-width:calc(500px - var(--bp-gap, 0px) * 0 \/ 100) !important; }.shapeblock-heading-block-wrap.shapeblock-heading-2in1kw .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-a7vbuw { flex:0 1 calc(100% - var(--bp-gap, 0px) * 0 \/ 100) !important;max-width:calc(100% - var(--bp-gap, 0px) * 0 \/ 100) !important; }.shapeblock-gallery-block-wrap.shapeblock-gallery-c508f1 .shapeblock-hover-content { background-color:rgba(0,0,0,0.6); }\n.shapeblock-gallery-block-wrap.shapeblock-gallery-c508f1 .shapeblock-hover-icon i { color:#ffffff;font-size:20px; }\n.shapeblock-gallery-block-wrap.shapeblock-gallery-c508f1 .shapeblock-hover-text span { color:#ffffff; }\n.shapeblock-gallery-block-wrap.shapeblock-gallery-c508f1 .shapeblock-gallery-grid { grid-template-columns:repeat(3, 1fr);gap:10px; }\n@media (max-width: 1024px) { .shapeblock-gallery-block-wrap.shapeblock-gallery-c508f1 .shapeblock-gallery-grid { grid-template-columns:repeat(2, 1fr); } }\n@media (max-width: 767px) { .shapeblock-gallery-block-wrap.shapeblock-gallery-c508f1 .shapeblock-gallery-grid { grid-template-columns:repeat(1, 1fr); } }\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-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\">Gallery with Hover Icon<\/h2>\t<\/div> <\/div> <p class=\"has-text-align-center wp-block-paragraph\" style=\"margin-top:10px;margin-bottom:10px\">Explore our gallery a clean 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-gallery-block-wrap shapeblock-gallery-c508f1 wp-block-shapeblock-gallery\"> <div class=\"shapeblock-gallery-grid shapeblock-popup-enabled\"> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-3-2.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-3-2.webp\" alt=\"\"> <div class=\"shapeblock-hover-content shapeblock-hover-icon\"> <i class=\"shapeblock-icon shapeblock-bi-plus-circle\" aria-hidden=\"true\"><\/i> <\/div> <\/div> <\/a> <\/div> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/product-1.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/product-1.webp\" alt=\"\"> <div class=\"shapeblock-hover-content shapeblock-hover-icon\"> <i class=\"shapeblock-icon shapeblock-bi-plus-circle\" aria-hidden=\"true\"><\/i> <\/div> <\/div> <\/a> <\/div> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-6.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-6.webp\" alt=\"\"> <div class=\"shapeblock-hover-content shapeblock-hover-icon\"> <i class=\"shapeblock-icon shapeblock-bi-plus-circle\" aria-hidden=\"true\"><\/i> <\/div> <\/div> <\/a> <\/div> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-4.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-4.webp\" alt=\"\"> <div class=\"shapeblock-hover-content shapeblock-hover-icon\"> <i class=\"shapeblock-icon shapeblock-bi-plus-circle\" aria-hidden=\"true\"><\/i> <\/div> <\/div> <\/a> <\/div> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/product-2.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/product-2.webp\" alt=\"\"> <div class=\"shapeblock-hover-content shapeblock-hover-icon\"> <i class=\"shapeblock-icon shapeblock-bi-plus-circle\" aria-hidden=\"true\"><\/i> <\/div> <\/div> <\/a> <\/div> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-5.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-5.webp\" alt=\"\"> <div class=\"shapeblock-hover-content shapeblock-hover-icon\"> <i class=\"shapeblock-icon shapeblock-bi-plus-circle\" aria-hidden=\"true\"><\/i> <\/div> <\/div> <\/a> <\/div> <\/div> <div class=\"shapeblock-lightbox-gallery is-anim-fade\" style=\"--shapeblock-lb-duration:300ms\" data-duration=\"300\"> <span class=\"shapeblock-close\">&times;<\/span> <img decoding=\"async\" class=\"shapeblock-lightbox-image\" src=\"\" alt=\"\"> <button class=\"shapeblock-prev\">&#10094;<\/button> <button class=\"shapeblock-next\">&#10095;<\/button> <\/div> <\/div> <\/div><\/div> <\/div><\/div>\n\n<style id=\"shapeblock-block-css-25-inline-css\">\n.shapeblock-layout-row-ozklu6 { justify-content:center;flex-wrap:wrap;gap:26px;padding-top:100px;padding-bottom:100px;background-color:#f6f6f6;--bp-gap:26px; }\n@media (max-width: 1024px) { .shapeblock-layout-row-ozklu6 { padding-right:15px;padding-left:15px; } }\n@media (max-width: 767px) { .shapeblock-layout-row-ozklu6 { padding-top:70px;padding-right:15px;padding-bottom:70px;padding-left:15px; } }\n@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-ozklu6 > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 100% !important;max-width:100% !important;}.shapeblock-layout-row.shapeblock-layout-row-ozklu6 > .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-esw43l { flex:0 1 calc(500px - var(--bp-gap, 0px) * 0 \/ 100) !important;max-width:calc(500px - var(--bp-gap, 0px) * 0 \/ 100) !important; }.shapeblock-heading-block-wrap.shapeblock-heading-vtl9f8 .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-fchyfj { flex:0 1 calc(100% - var(--bp-gap, 0px) * 0 \/ 100) !important;max-width:calc(100% - var(--bp-gap, 0px) * 0 \/ 100) !important; }.shapeblock-gallery-block-wrap.shapeblock-gallery-48pbou .shapeblock-hover-content { background-color:rgba(0,0,0,0.6); }\n.shapeblock-gallery-block-wrap.shapeblock-gallery-48pbou .shapeblock-hover-icon i { color:#ffffff;font-size:20px; }\n.shapeblock-gallery-block-wrap.shapeblock-gallery-48pbou .shapeblock-hover-text span { color:#ffffff; }\n.shapeblock-gallery-block-wrap.shapeblock-gallery-48pbou .shapeblock-gallery-grid { grid-template-columns:repeat(3, 1fr);gap:10px; }\n@media (max-width: 1024px) { .shapeblock-gallery-block-wrap.shapeblock-gallery-48pbou .shapeblock-gallery-grid { grid-template-columns:repeat(2, 1fr); } }\n@media (max-width: 767px) { .shapeblock-gallery-block-wrap.shapeblock-gallery-48pbou .shapeblock-gallery-grid { grid-template-columns:repeat(1, 1fr); } }\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-ozklu6 is-content-boxed alignfull wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-esw43l wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-vtl9f8 wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <h2 class=\"shapeblock-title\">Gallery with Hover Text<\/h2>\t<\/div> <\/div> <p class=\"has-text-align-center wp-block-paragraph\" style=\"margin-top:10px;margin-bottom:10px\">Explore our gallery a clean layout showcasing visuals in a simple, elegant style.<\/p> <\/div><\/div> <div class=\"shapeblock-block shapeblock-column shapeblock-col-fchyfj wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-gallery-block-wrap shapeblock-gallery-48pbou wp-block-shapeblock-gallery\"> <div class=\"shapeblock-gallery-grid shapeblock-popup-enabled\"> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-3-2.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-3-2.webp\" alt=\"\"> <div class=\"shapeblock-hover-content shapeblock-hover-text\"> <span>View<\/span> <\/div> <\/div> <\/a> <\/div> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/product-1.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/product-1.webp\" alt=\"\"> <div class=\"shapeblock-hover-content shapeblock-hover-text\"> <span>View<\/span> <\/div> <\/div> <\/a> <\/div> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-6.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-6.webp\" alt=\"\"> <div class=\"shapeblock-hover-content shapeblock-hover-text\"> <span>View<\/span> <\/div> <\/div> <\/a> <\/div> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-4.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-4.webp\" alt=\"\"> <div class=\"shapeblock-hover-content shapeblock-hover-text\"> <span>View<\/span> <\/div> <\/div> <\/a> <\/div> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/product-2.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/product-2.webp\" alt=\"\"> <div class=\"shapeblock-hover-content shapeblock-hover-text\"> <span>View<\/span> <\/div> <\/div> <\/a> <\/div> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-5.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-5.webp\" alt=\"\"> <div class=\"shapeblock-hover-content shapeblock-hover-text\"> <span>View<\/span> <\/div> <\/div> <\/a> <\/div> <\/div> <div class=\"shapeblock-lightbox-gallery is-anim-fade\" style=\"--shapeblock-lb-duration:300ms\" data-duration=\"300\"> <span class=\"shapeblock-close\">&times;<\/span> <img decoding=\"async\" class=\"shapeblock-lightbox-image\" src=\"\" alt=\"\"> <button class=\"shapeblock-prev\">&#10094;<\/button> <button class=\"shapeblock-next\">&#10095;<\/button> <\/div> <\/div> <\/div><\/div> <\/div><\/div>\n\n<style id=\"shapeblock-block-css-30-inline-css\">\n.shapeblock-layout-row-gua9yr { justify-content:center;flex-wrap:wrap;gap:26px;padding-top:100px;padding-bottom:100px;--bp-gap:26px; }\n@media (max-width: 1024px) { .shapeblock-layout-row-gua9yr { padding-right:15px;padding-left:15px; } }\n@media (max-width: 767px) { .shapeblock-layout-row-gua9yr { padding-top:70px;padding-right:15px;padding-bottom:70px;padding-left:15px; } }\n@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-gua9yr > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 100% !important;max-width:100% !important;}.shapeblock-layout-row.shapeblock-layout-row-gua9yr > .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-zii3e7 { flex:0 1 calc(500px - var(--bp-gap, 0px) * 0 \/ 100) !important;max-width:calc(500px - var(--bp-gap, 0px) * 0 \/ 100) !important; }.shapeblock-heading-block-wrap.shapeblock-heading-2ttbfh .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-qi3og3 { flex:0 1 calc(100% - var(--bp-gap, 0px) * 0 \/ 100) !important;max-width:calc(100% - var(--bp-gap, 0px) * 0 \/ 100) !important; }.shapeblock-gallery-block-wrap.shapeblock-gallery-wdpt8l .shapeblock-hover-content { background-color:rgba(0,0,0,0.6); }\n.shapeblock-gallery-block-wrap.shapeblock-gallery-wdpt8l .shapeblock-hover-icon i { color:#ffffff;font-size:20px; }\n.shapeblock-gallery-block-wrap.shapeblock-gallery-wdpt8l .shapeblock-hover-text span { color:#ffffff; }\n.shapeblock-gallery-block-wrap.shapeblock-gallery-wdpt8l .shapeblock-gallery-grid { grid-template-columns:repeat(3, 1fr);gap:10px; }\n@media (max-width: 1024px) { .shapeblock-gallery-block-wrap.shapeblock-gallery-wdpt8l .shapeblock-gallery-grid { grid-template-columns:repeat(2, 1fr); } }\n@media (max-width: 767px) { .shapeblock-gallery-block-wrap.shapeblock-gallery-wdpt8l .shapeblock-gallery-grid { grid-template-columns:repeat(1, 1fr); } }\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-gua9yr is-content-boxed alignfull wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-zii3e7 wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-2ttbfh wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <h2 class=\"shapeblock-title\">Gallery with Caption<\/h2>\t<\/div> <\/div> <p class=\"has-text-align-center wp-block-paragraph\" style=\"margin-top:10px;margin-bottom:10px\">Explore our gallery a clean layout showcasing visuals in a simple, elegant style.<\/p> <\/div><\/div> <div class=\"shapeblock-block shapeblock-column shapeblock-col-qi3og3 wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-gallery-block-wrap shapeblock-gallery-wdpt8l wp-block-shapeblock-gallery\"> <div class=\"shapeblock-gallery-grid shapeblock-popup-enabled\"> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-3-2.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-3-2.webp\" alt=\"\"> <div class=\"shapeblock-hover-content shapeblock-hover-text\"> <span>View<\/span> <\/div> <\/div> <\/a> <div class=\"shapeblock-gallery-caption\"> Happy Family\t\t\t\t\t<\/div> <\/div> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/product-1.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/product-1.webp\" alt=\"\"> <div class=\"shapeblock-hover-content shapeblock-hover-text\"> <span>View<\/span> <\/div> <\/div> <\/a> <div class=\"shapeblock-gallery-caption\"> Premium Watch\t\t\t\t\t<\/div> <\/div> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-6.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-6.webp\" alt=\"\"> <div class=\"shapeblock-hover-content shapeblock-hover-text\"> <span>View<\/span> <\/div> <\/div> <\/a> <div class=\"shapeblock-gallery-caption\"> Mental Support\t\t\t\t\t<\/div> <\/div> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-4.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-4.webp\" alt=\"\"> <div class=\"shapeblock-hover-content shapeblock-hover-text\"> <span>View<\/span> <\/div> <\/div> <\/a> <div class=\"shapeblock-gallery-caption\"> Single Life\t\t\t\t\t<\/div> <\/div> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/product-2.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/product-2.webp\" alt=\"\"> <div class=\"shapeblock-hover-content shapeblock-hover-text\"> <span>View<\/span> <\/div> <\/div> <\/a> <div class=\"shapeblock-gallery-caption\"> Large Screen Monitor\t\t\t\t\t<\/div> <\/div> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-5.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-5.webp\" alt=\"\"> <div class=\"shapeblock-hover-content shapeblock-hover-text\"> <span>View<\/span> <\/div> <\/div> <\/a> <div class=\"shapeblock-gallery-caption\"> Discuss Problem\t\t\t\t\t<\/div> <\/div> <\/div> <div class=\"shapeblock-lightbox-gallery is-anim-fade\" style=\"--shapeblock-lb-duration:300ms\" data-duration=\"300\"> <span class=\"shapeblock-close\">&times;<\/span> <img decoding=\"async\" class=\"shapeblock-lightbox-image\" src=\"\" alt=\"\"> <button class=\"shapeblock-prev\">&#10094;<\/button> <button class=\"shapeblock-next\">&#10095;<\/button> <\/div> <\/div> <\/div><\/div> <\/div><\/div>\n\n<style id=\"shapeblock-block-css-33-inline-css\">\n.shapeblock-layout-row-5n5qg2 { justify-content:center;flex-wrap:wrap;gap:26px;padding-top:40px;padding-bottom:40px;background-color:#e8e3fd;--bp-gap:26px; }\n@media (max-width: 1024px) { .shapeblock-layout-row-5n5qg2 { padding-right:15px;padding-left:15px; } }\n@media (max-width: 767px) { .shapeblock-layout-row-5n5qg2 { padding-top:70px;padding-right:15px;padding-bottom:70px;padding-left:15px; } }\n@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-5n5qg2 > .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-h25p3q { flex:0 1 calc(600px - var(--bp-gap, 0px) * 0 \/ 100) !important;max-width:calc(600px - var(--bp-gap, 0px) * 0 \/ 100) !important; }.shapeblock-heading-block-wrap.shapeblock-heading-1bueki .shapeblock-heading { text-align:center; }\n\/*# sourceURL=shapeblock-block-css-31-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-32-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-33-inline-css *\/\n<\/style> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-5n5qg2 is-content-boxed alignfull wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-h25p3q wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <hr class=\"wp-block-separator has-text-color has-primary-color has-alpha-channel-opacity has-primary-background-color has-background\" \/> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-1bueki wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <h2 class=\"shapeblock-title\">Gallery Lightbox Animation Variation<\/h2>\t<\/div> <\/div> <hr class=\"wp-block-separator has-text-color has-primary-color has-alpha-channel-opacity has-primary-background-color has-background is-style-default\" \/> <\/div><\/div> <\/div><\/div>\n\n<style id=\"shapeblock-block-css-38-inline-css\">\n.shapeblock-layout-row-sobpj3 { justify-content:center;flex-wrap:wrap;gap:26px;padding-top:100px;padding-bottom:100px;--bp-gap:26px; }\n@media (max-width: 1024px) { .shapeblock-layout-row-sobpj3 { padding-right:15px;padding-left:15px; } }\n@media (max-width: 767px) { .shapeblock-layout-row-sobpj3 { padding-top:70px;padding-right:15px;padding-bottom:70px;padding-left:15px; } }\n@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-sobpj3 > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 100% !important;max-width:100% !important;}.shapeblock-layout-row.shapeblock-layout-row-sobpj3 > .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-mduzu8 { flex:0 1 calc(650px - var(--bp-gap, 0px) * 0 \/ 100) !important;max-width:calc(650px - var(--bp-gap, 0px) * 0 \/ 100) !important; }.shapeblock-heading-block-wrap.shapeblock-heading-gik67p .shapeblock-heading { text-align:center; }\n\/*# sourceURL=shapeblock-block-css-34-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-35-inline-css *\/\n\n\n.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-4yem7k { flex:0 1 calc(100% - var(--bp-gap, 0px) * 0 \/ 100) !important;max-width:calc(100% - var(--bp-gap, 0px) * 0 \/ 100) !important; }.shapeblock-gallery-block-wrap.shapeblock-gallery-8nvkt1 .shapeblock-hover-content { background-color:rgba(0,0,0,0.6); }\n.shapeblock-gallery-block-wrap.shapeblock-gallery-8nvkt1 .shapeblock-hover-icon i { color:#ffffff;font-size:20px; }\n.shapeblock-gallery-block-wrap.shapeblock-gallery-8nvkt1 .shapeblock-hover-text span { color:#ffffff; }\n.shapeblock-gallery-block-wrap.shapeblock-gallery-8nvkt1 .shapeblock-gallery-grid { grid-template-columns:repeat(3, 1fr);gap:10px; }\n@media (max-width: 1024px) { .shapeblock-gallery-block-wrap.shapeblock-gallery-8nvkt1 .shapeblock-gallery-grid { grid-template-columns:repeat(2, 1fr); } }\n@media (max-width: 767px) { .shapeblock-gallery-block-wrap.shapeblock-gallery-8nvkt1 .shapeblock-gallery-grid { grid-template-columns:repeat(1, 1fr); } }\n\/*# sourceURL=shapeblock-block-css-36-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-37-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-38-inline-css *\/\n<\/style> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-sobpj3 is-content-boxed alignfull wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-mduzu8 wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-gik67p wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <h2 class=\"shapeblock-title\">Lightbox Animation (Fade Effect)<\/h2>\t<\/div> <\/div> <p class=\"has-text-align-center wp-block-paragraph\" style=\"margin-top:10px;margin-bottom:10px\">Explore our gallery a clean layout showcasing visuals in a simple, elegant style.<\/p> <\/div><\/div> <div class=\"shapeblock-block shapeblock-column shapeblock-col-4yem7k wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-gallery-block-wrap shapeblock-gallery-8nvkt1 wp-block-shapeblock-gallery\"> <div class=\"shapeblock-gallery-grid shapeblock-popup-enabled\"> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-3-2.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-3-2.webp\" alt=\"\"> <div class=\"shapeblock-hover-content shapeblock-hover-text\"> <span>View<\/span> <\/div> <\/div> <\/a> <div class=\"shapeblock-gallery-caption\"> Happy Family\t\t\t\t\t<\/div> <\/div> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/product-1.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/product-1.webp\" alt=\"\"> <div class=\"shapeblock-hover-content shapeblock-hover-text\"> <span>View<\/span> <\/div> <\/div> <\/a> <div class=\"shapeblock-gallery-caption\"> Premium Watch\t\t\t\t\t<\/div> <\/div> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-6.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-6.webp\" alt=\"\"> <div class=\"shapeblock-hover-content shapeblock-hover-text\"> <span>View<\/span> <\/div> <\/div> <\/a> <div class=\"shapeblock-gallery-caption\"> Mental Support\t\t\t\t\t<\/div> <\/div> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-4.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-4.webp\" alt=\"\"> <div class=\"shapeblock-hover-content shapeblock-hover-text\"> <span>View<\/span> <\/div> <\/div> <\/a> <div class=\"shapeblock-gallery-caption\"> Single Life\t\t\t\t\t<\/div> <\/div> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/product-2.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/product-2.webp\" alt=\"\"> <div class=\"shapeblock-hover-content shapeblock-hover-text\"> <span>View<\/span> <\/div> <\/div> <\/a> <div class=\"shapeblock-gallery-caption\"> Large Screen Monitor\t\t\t\t\t<\/div> <\/div> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-5.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-5.webp\" alt=\"\"> <div class=\"shapeblock-hover-content shapeblock-hover-text\"> <span>View<\/span> <\/div> <\/div> <\/a> <div class=\"shapeblock-gallery-caption\"> Discuss Problem\t\t\t\t\t<\/div> <\/div> <\/div> <div class=\"shapeblock-lightbox-gallery is-anim-fade\" style=\"--shapeblock-lb-duration:300ms\" data-duration=\"300\"> <span class=\"shapeblock-close\">&times;<\/span> <img decoding=\"async\" class=\"shapeblock-lightbox-image\" src=\"\" alt=\"\"> <button class=\"shapeblock-prev\">&#10094;<\/button> <button class=\"shapeblock-next\">&#10095;<\/button> <\/div> <\/div> <\/div><\/div> <\/div><\/div>\n\n<style id=\"shapeblock-block-css-43-inline-css\">\n.shapeblock-layout-row-crwu2n { justify-content:center;flex-wrap:wrap;gap:26px;padding-top:100px;padding-bottom:100px;background-color:#f6f6f6;--bp-gap:26px; }\n@media (max-width: 1024px) { .shapeblock-layout-row-crwu2n { padding-right:15px;padding-left:15px; } }\n@media (max-width: 767px) { .shapeblock-layout-row-crwu2n { padding-top:70px;padding-right:15px;padding-bottom:70px;padding-left:15px; } }\n@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-crwu2n > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 100% !important;max-width:100% !important;}.shapeblock-layout-row.shapeblock-layout-row-crwu2n > .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-50x2o3 { flex:0 1 calc(650px - var(--bp-gap, 0px) * 0 \/ 100) !important;max-width:calc(650px - var(--bp-gap, 0px) * 0 \/ 100) !important; }.shapeblock-heading-block-wrap.shapeblock-heading-6hpxka .shapeblock-heading { text-align:center; }\n\/*# sourceURL=shapeblock-block-css-39-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-40-inline-css *\/\n\n\n.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-mojf1h { flex:0 1 calc(100% - var(--bp-gap, 0px) * 0 \/ 100) !important;max-width:calc(100% - var(--bp-gap, 0px) * 0 \/ 100) !important; }.shapeblock-gallery-block-wrap.shapeblock-gallery-ui8yvi .shapeblock-hover-content { background-color:rgba(0,0,0,0.6); }\n.shapeblock-gallery-block-wrap.shapeblock-gallery-ui8yvi .shapeblock-hover-icon i { color:#ffffff;font-size:20px; }\n.shapeblock-gallery-block-wrap.shapeblock-gallery-ui8yvi .shapeblock-hover-text span { color:#ffffff; }\n.shapeblock-gallery-block-wrap.shapeblock-gallery-ui8yvi .shapeblock-gallery-grid { grid-template-columns:repeat(3, 1fr);gap:10px; }\n@media (max-width: 1024px) { .shapeblock-gallery-block-wrap.shapeblock-gallery-ui8yvi .shapeblock-gallery-grid { grid-template-columns:repeat(2, 1fr); } }\n@media (max-width: 767px) { .shapeblock-gallery-block-wrap.shapeblock-gallery-ui8yvi .shapeblock-gallery-grid { grid-template-columns:repeat(1, 1fr); } }\n\/*# sourceURL=shapeblock-block-css-41-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-42-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-43-inline-css *\/\n<\/style> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-crwu2n is-content-boxed alignfull wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-50x2o3 wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-6hpxka wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <h2 class=\"shapeblock-title\">Lightbox Animation (Zoom IN)<\/h2>\t<\/div> <\/div> <p class=\"has-text-align-center wp-block-paragraph\" style=\"margin-top:10px;margin-bottom:10px\">Explore our gallery a clean layout showcasing visuals in a simple, elegant style.<\/p> <\/div><\/div> <div class=\"shapeblock-block shapeblock-column shapeblock-col-mojf1h wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-gallery-block-wrap shapeblock-gallery-ui8yvi wp-block-shapeblock-gallery\"> <div class=\"shapeblock-gallery-grid shapeblock-popup-enabled\"> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-3-2.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-3-2.webp\" alt=\"\"> <div class=\"shapeblock-hover-content shapeblock-hover-text\"> <span>View<\/span> <\/div> <\/div> <\/a> <div class=\"shapeblock-gallery-caption\"> Happy Family\t\t\t\t\t<\/div> <\/div> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/product-1.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/product-1.webp\" alt=\"\"> <div class=\"shapeblock-hover-content shapeblock-hover-text\"> <span>View<\/span> <\/div> <\/div> <\/a> <div class=\"shapeblock-gallery-caption\"> Premium Watch\t\t\t\t\t<\/div> <\/div> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-6.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-6.webp\" alt=\"\"> <div class=\"shapeblock-hover-content shapeblock-hover-text\"> <span>View<\/span> <\/div> <\/div> <\/a> <div class=\"shapeblock-gallery-caption\"> Mental Support\t\t\t\t\t<\/div> <\/div> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-4.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-4.webp\" alt=\"\"> <div class=\"shapeblock-hover-content shapeblock-hover-text\"> <span>View<\/span> <\/div> <\/div> <\/a> <div class=\"shapeblock-gallery-caption\"> Single Life\t\t\t\t\t<\/div> <\/div> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/product-2.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/product-2.webp\" alt=\"\"> <div class=\"shapeblock-hover-content shapeblock-hover-text\"> <span>View<\/span> <\/div> <\/div> <\/a> <div class=\"shapeblock-gallery-caption\"> Large Screen Monitor\t\t\t\t\t<\/div> <\/div> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-5.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-5.webp\" alt=\"\"> <div class=\"shapeblock-hover-content shapeblock-hover-text\"> <span>View<\/span> <\/div> <\/div> <\/a> <div class=\"shapeblock-gallery-caption\"> Discuss Problem\t\t\t\t\t<\/div> <\/div> <\/div> <div class=\"shapeblock-lightbox-gallery is-anim-zoom-in\" style=\"--shapeblock-lb-duration:300ms\" data-duration=\"300\"> <span class=\"shapeblock-close\">&times;<\/span> <img decoding=\"async\" class=\"shapeblock-lightbox-image\" src=\"\" alt=\"\"> <button class=\"shapeblock-prev\">&#10094;<\/button> <button class=\"shapeblock-next\">&#10095;<\/button> <\/div> <\/div> <\/div><\/div> <\/div><\/div>\n\n<style id=\"shapeblock-block-css-48-inline-css\">\n.shapeblock-layout-row-iinmjw { justify-content:center;flex-wrap:wrap;gap:26px;padding-top:100px;padding-bottom:100px;--bp-gap:26px; }\n@media (max-width: 1024px) { .shapeblock-layout-row-iinmjw { padding-right:15px;padding-left:15px; } }\n@media (max-width: 767px) { .shapeblock-layout-row-iinmjw { padding-top:70px;padding-right:15px;padding-bottom:70px;padding-left:15px; } }\n@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-iinmjw > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 100% !important;max-width:100% !important;}.shapeblock-layout-row.shapeblock-layout-row-iinmjw > .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-g8mhdh { flex:0 1 calc(650px - var(--bp-gap, 0px) * 0 \/ 100) !important;max-width:calc(650px - var(--bp-gap, 0px) * 0 \/ 100) !important; }.shapeblock-heading-block-wrap.shapeblock-heading-khn8uy .shapeblock-heading { text-align:center; }\n\/*# sourceURL=shapeblock-block-css-44-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-45-inline-css *\/\n\n\n.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-a23afp { flex:0 1 calc(100% - var(--bp-gap, 0px) * 0 \/ 100) !important;max-width:calc(100% - var(--bp-gap, 0px) * 0 \/ 100) !important; }.shapeblock-gallery-block-wrap.shapeblock-gallery-sjx7ju .shapeblock-hover-content { background-color:rgba(0,0,0,0.6); }\n.shapeblock-gallery-block-wrap.shapeblock-gallery-sjx7ju .shapeblock-hover-icon i { color:#ffffff;font-size:20px; }\n.shapeblock-gallery-block-wrap.shapeblock-gallery-sjx7ju .shapeblock-hover-text span { color:#ffffff; }\n.shapeblock-gallery-block-wrap.shapeblock-gallery-sjx7ju .shapeblock-gallery-grid { grid-template-columns:repeat(3, 1fr);gap:10px; }\n@media (max-width: 1024px) { .shapeblock-gallery-block-wrap.shapeblock-gallery-sjx7ju .shapeblock-gallery-grid { grid-template-columns:repeat(2, 1fr); } }\n@media (max-width: 767px) { .shapeblock-gallery-block-wrap.shapeblock-gallery-sjx7ju .shapeblock-gallery-grid { grid-template-columns:repeat(1, 1fr); } }\n\/*# sourceURL=shapeblock-block-css-46-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-47-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-48-inline-css *\/\n<\/style> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-iinmjw is-content-boxed alignfull wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-g8mhdh wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-khn8uy wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <h2 class=\"shapeblock-title\">Lightbox Animation (Zoom Out)<\/h2>\t<\/div> <\/div> <p class=\"has-text-align-center wp-block-paragraph\" style=\"margin-top:10px;margin-bottom:10px\">Explore our gallery a clean layout showcasing visuals in a simple, elegant style.<\/p> <\/div><\/div> <div class=\"shapeblock-block shapeblock-column shapeblock-col-a23afp wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-gallery-block-wrap shapeblock-gallery-sjx7ju wp-block-shapeblock-gallery\"> <div class=\"shapeblock-gallery-grid shapeblock-popup-enabled\"> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-3-2.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-3-2.webp\" alt=\"\"> <div class=\"shapeblock-hover-content shapeblock-hover-text\"> <span>View<\/span> <\/div> <\/div> <\/a> <div class=\"shapeblock-gallery-caption\"> Happy Family\t\t\t\t\t<\/div> <\/div> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/product-1.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/product-1.webp\" alt=\"\"> <div class=\"shapeblock-hover-content shapeblock-hover-text\"> <span>View<\/span> <\/div> <\/div> <\/a> <div class=\"shapeblock-gallery-caption\"> Premium Watch\t\t\t\t\t<\/div> <\/div> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-6.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-6.webp\" alt=\"\"> <div class=\"shapeblock-hover-content shapeblock-hover-text\"> <span>View<\/span> <\/div> <\/div> <\/a> <div class=\"shapeblock-gallery-caption\"> Mental Support\t\t\t\t\t<\/div> <\/div> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-4.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-4.webp\" alt=\"\"> <div class=\"shapeblock-hover-content shapeblock-hover-text\"> <span>View<\/span> <\/div> <\/div> <\/a> <div class=\"shapeblock-gallery-caption\"> Single Life\t\t\t\t\t<\/div> <\/div> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/product-2.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/product-2.webp\" alt=\"\"> <div class=\"shapeblock-hover-content shapeblock-hover-text\"> <span>View<\/span> <\/div> <\/div> <\/a> <div class=\"shapeblock-gallery-caption\"> Large Screen Monitor\t\t\t\t\t<\/div> <\/div> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-5.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-5.webp\" alt=\"\"> <div class=\"shapeblock-hover-content shapeblock-hover-text\"> <span>View<\/span> <\/div> <\/div> <\/a> <div class=\"shapeblock-gallery-caption\"> Discuss Problem\t\t\t\t\t<\/div> <\/div> <\/div> <div class=\"shapeblock-lightbox-gallery is-anim-zoom-out\" style=\"--shapeblock-lb-duration:300ms\" data-duration=\"300\"> <span class=\"shapeblock-close\">&times;<\/span> <img decoding=\"async\" class=\"shapeblock-lightbox-image\" src=\"\" alt=\"\"> <button class=\"shapeblock-prev\">&#10094;<\/button> <button class=\"shapeblock-next\">&#10095;<\/button> <\/div> <\/div> <\/div><\/div> <\/div><\/div>\n\n<style id=\"shapeblock-block-css-53-inline-css\">\n.shapeblock-layout-row-y764hk { justify-content:center;flex-wrap:wrap;gap:26px;padding-top:100px;padding-bottom:100px;background-color:#f6f6f6;--bp-gap:26px; }\n@media (max-width: 1024px) { .shapeblock-layout-row-y764hk { padding-right:15px;padding-left:15px; } }\n@media (max-width: 767px) { .shapeblock-layout-row-y764hk { padding-top:70px;padding-right:15px;padding-bottom:70px;padding-left:15px; } }\n@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-y764hk > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 100% !important;max-width:100% !important;}.shapeblock-layout-row.shapeblock-layout-row-y764hk > .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-sgn7n8 { flex:0 1 calc(650px - var(--bp-gap, 0px) * 0 \/ 100) !important;max-width:calc(650px - var(--bp-gap, 0px) * 0 \/ 100) !important; }.shapeblock-heading-block-wrap.shapeblock-heading-ybwrwt .shapeblock-heading { text-align:center; }\n\/*# sourceURL=shapeblock-block-css-49-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-50-inline-css *\/\n\n\n.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-ggj9qf { flex:0 1 calc(100% - var(--bp-gap, 0px) * 0 \/ 100) !important;max-width:calc(100% - var(--bp-gap, 0px) * 0 \/ 100) !important; }.shapeblock-gallery-block-wrap.shapeblock-gallery-nhyfdp .shapeblock-hover-content { background-color:rgba(0,0,0,0.6); }\n.shapeblock-gallery-block-wrap.shapeblock-gallery-nhyfdp .shapeblock-hover-icon i { color:#ffffff;font-size:20px; }\n.shapeblock-gallery-block-wrap.shapeblock-gallery-nhyfdp .shapeblock-hover-text span { color:#ffffff; }\n.shapeblock-gallery-block-wrap.shapeblock-gallery-nhyfdp .shapeblock-gallery-grid { grid-template-columns:repeat(3, 1fr);gap:10px; }\n@media (max-width: 1024px) { .shapeblock-gallery-block-wrap.shapeblock-gallery-nhyfdp .shapeblock-gallery-grid { grid-template-columns:repeat(2, 1fr); } }\n@media (max-width: 767px) { .shapeblock-gallery-block-wrap.shapeblock-gallery-nhyfdp .shapeblock-gallery-grid { grid-template-columns:repeat(1, 1fr); } }\n\/*# sourceURL=shapeblock-block-css-51-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-52-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-53-inline-css *\/\n<\/style> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-y764hk is-content-boxed alignfull wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-sgn7n8 wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-ybwrwt wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <h2 class=\"shapeblock-title\">Lightbox Animation (Slide UP)<\/h2>\t<\/div> <\/div> <p class=\"has-text-align-center wp-block-paragraph\" style=\"margin-top:10px;margin-bottom:10px\">Explore our gallery a clean layout showcasing visuals in a simple, elegant style.<\/p> <\/div><\/div> <div class=\"shapeblock-block shapeblock-column shapeblock-col-ggj9qf wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-gallery-block-wrap shapeblock-gallery-nhyfdp wp-block-shapeblock-gallery\"> <div class=\"shapeblock-gallery-grid shapeblock-popup-enabled\"> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-3-2.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-3-2.webp\" alt=\"\"> <div class=\"shapeblock-hover-content shapeblock-hover-text\"> <span>View<\/span> <\/div> <\/div> <\/a> <div class=\"shapeblock-gallery-caption\"> Happy Family\t\t\t\t\t<\/div> <\/div> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/product-1.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/product-1.webp\" alt=\"\"> <div class=\"shapeblock-hover-content shapeblock-hover-text\"> <span>View<\/span> <\/div> <\/div> <\/a> <div class=\"shapeblock-gallery-caption\"> Premium Watch\t\t\t\t\t<\/div> <\/div> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-6.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-6.webp\" alt=\"\"> <div class=\"shapeblock-hover-content shapeblock-hover-text\"> <span>View<\/span> <\/div> <\/div> <\/a> <div class=\"shapeblock-gallery-caption\"> Mental Support\t\t\t\t\t<\/div> <\/div> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-4.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-4.webp\" alt=\"\"> <div class=\"shapeblock-hover-content shapeblock-hover-text\"> <span>View<\/span> <\/div> <\/div> <\/a> <div class=\"shapeblock-gallery-caption\"> Single Life\t\t\t\t\t<\/div> <\/div> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/product-2.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/product-2.webp\" alt=\"\"> <div class=\"shapeblock-hover-content shapeblock-hover-text\"> <span>View<\/span> <\/div> <\/div> <\/a> <div class=\"shapeblock-gallery-caption\"> Large Screen Monitor\t\t\t\t\t<\/div> <\/div> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-5.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-5.webp\" alt=\"\"> <div class=\"shapeblock-hover-content shapeblock-hover-text\"> <span>View<\/span> <\/div> <\/div> <\/a> <div class=\"shapeblock-gallery-caption\"> Discuss Problem\t\t\t\t\t<\/div> <\/div> <\/div> <div class=\"shapeblock-lightbox-gallery is-anim-slide-up\" style=\"--shapeblock-lb-duration:300ms\" data-duration=\"300\"> <span class=\"shapeblock-close\">&times;<\/span> <img decoding=\"async\" class=\"shapeblock-lightbox-image\" src=\"\" alt=\"\"> <button class=\"shapeblock-prev\">&#10094;<\/button> <button class=\"shapeblock-next\">&#10095;<\/button> <\/div> <\/div> <\/div><\/div> <\/div><\/div>\n\n<style id=\"shapeblock-block-css-58-inline-css\">\n.shapeblock-layout-row-s0qnlu { justify-content:center;flex-wrap:wrap;gap:26px;padding-top:100px;padding-bottom:100px;--bp-gap:26px; }\n@media (max-width: 1024px) { .shapeblock-layout-row-s0qnlu { padding-right:15px;padding-left:15px; } }\n@media (max-width: 767px) { .shapeblock-layout-row-s0qnlu { padding-top:70px;padding-right:15px;padding-bottom:70px;padding-left:15px; } }\n@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-s0qnlu > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 100% !important;max-width:100% !important;}.shapeblock-layout-row.shapeblock-layout-row-s0qnlu > .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-731d3m { flex:0 1 calc(650px - var(--bp-gap, 0px) * 0 \/ 100) !important;max-width:calc(650px - var(--bp-gap, 0px) * 0 \/ 100) !important; }.shapeblock-heading-block-wrap.shapeblock-heading-p2s3m9 .shapeblock-heading { text-align:center; }\n\/*# sourceURL=shapeblock-block-css-54-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-55-inline-css *\/\n\n\n.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-se193r { flex:0 1 calc(100% - var(--bp-gap, 0px) * 0 \/ 100) !important;max-width:calc(100% - var(--bp-gap, 0px) * 0 \/ 100) !important; }.shapeblock-gallery-block-wrap.shapeblock-gallery-iuvrn0 .shapeblock-hover-content { background-color:rgba(0,0,0,0.6); }\n.shapeblock-gallery-block-wrap.shapeblock-gallery-iuvrn0 .shapeblock-hover-icon i { color:#ffffff;font-size:20px; }\n.shapeblock-gallery-block-wrap.shapeblock-gallery-iuvrn0 .shapeblock-hover-text span { color:#ffffff; }\n.shapeblock-gallery-block-wrap.shapeblock-gallery-iuvrn0 .shapeblock-gallery-grid { grid-template-columns:repeat(3, 1fr);gap:10px; }\n@media (max-width: 1024px) { .shapeblock-gallery-block-wrap.shapeblock-gallery-iuvrn0 .shapeblock-gallery-grid { grid-template-columns:repeat(2, 1fr); } }\n@media (max-width: 767px) { .shapeblock-gallery-block-wrap.shapeblock-gallery-iuvrn0 .shapeblock-gallery-grid { grid-template-columns:repeat(1, 1fr); } }\n\/*# sourceURL=shapeblock-block-css-56-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-57-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-58-inline-css *\/\n<\/style> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-s0qnlu is-content-boxed alignfull wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-731d3m wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-p2s3m9 wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <h2 class=\"shapeblock-title\">Lightbox Animation (Slide Down)<\/h2>\t<\/div> <\/div> <p class=\"has-text-align-center wp-block-paragraph\" style=\"margin-top:10px;margin-bottom:10px\">Explore our gallery a clean layout showcasing visuals in a simple, elegant style.<\/p> <\/div><\/div> <div class=\"shapeblock-block shapeblock-column shapeblock-col-se193r wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-gallery-block-wrap shapeblock-gallery-iuvrn0 wp-block-shapeblock-gallery\"> <div class=\"shapeblock-gallery-grid shapeblock-popup-enabled\"> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-3-2.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-3-2.webp\" alt=\"\"> <div class=\"shapeblock-hover-content shapeblock-hover-text\"> <span>View<\/span> <\/div> <\/div> <\/a> <div class=\"shapeblock-gallery-caption\"> Happy Family\t\t\t\t\t<\/div> <\/div> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/product-1.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/product-1.webp\" alt=\"\"> <div class=\"shapeblock-hover-content shapeblock-hover-text\"> <span>View<\/span> <\/div> <\/div> <\/a> <div class=\"shapeblock-gallery-caption\"> Premium Watch\t\t\t\t\t<\/div> <\/div> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-6.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-6.webp\" alt=\"\"> <div class=\"shapeblock-hover-content shapeblock-hover-text\"> <span>View<\/span> <\/div> <\/div> <\/a> <div class=\"shapeblock-gallery-caption\"> Mental Support\t\t\t\t\t<\/div> <\/div> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-4.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-4.webp\" alt=\"\"> <div class=\"shapeblock-hover-content shapeblock-hover-text\"> <span>View<\/span> <\/div> <\/div> <\/a> <div class=\"shapeblock-gallery-caption\"> Single Life\t\t\t\t\t<\/div> <\/div> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/product-2.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/product-2.webp\" alt=\"\"> <div class=\"shapeblock-hover-content shapeblock-hover-text\"> <span>View<\/span> <\/div> <\/div> <\/a> <div class=\"shapeblock-gallery-caption\"> Large Screen Monitor\t\t\t\t\t<\/div> <\/div> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-5.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-5.webp\" alt=\"\"> <div class=\"shapeblock-hover-content shapeblock-hover-text\"> <span>View<\/span> <\/div> <\/div> <\/a> <div class=\"shapeblock-gallery-caption\"> Discuss Problem\t\t\t\t\t<\/div> <\/div> <\/div> <div class=\"shapeblock-lightbox-gallery is-anim-slide-down\" style=\"--shapeblock-lb-duration:300ms\" data-duration=\"300\"> <span class=\"shapeblock-close\">&times;<\/span> <img decoding=\"async\" class=\"shapeblock-lightbox-image\" src=\"\" alt=\"\"> <button class=\"shapeblock-prev\">&#10094;<\/button> <button class=\"shapeblock-next\">&#10095;<\/button> <\/div> <\/div> <\/div><\/div> <\/div><\/div>\n\n<style id=\"shapeblock-block-css-63-inline-css\">\n.shapeblock-layout-row-p8o82q { justify-content:center;flex-wrap:wrap;gap:26px;padding-top:100px;padding-bottom:100px;background-color:#f6f6f6;--bp-gap:26px; }\n@media (max-width: 1024px) { .shapeblock-layout-row-p8o82q { padding-right:15px;padding-left:15px; } }\n@media (max-width: 767px) { .shapeblock-layout-row-p8o82q { padding-top:70px;padding-right:15px;padding-bottom:70px;padding-left:15px; } }\n@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-p8o82q > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 100% !important;max-width:100% !important;}.shapeblock-layout-row.shapeblock-layout-row-p8o82q > .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-qjhnis { flex:0 1 calc(650px - var(--bp-gap, 0px) * 0 \/ 100) !important;max-width:calc(650px - var(--bp-gap, 0px) * 0 \/ 100) !important; }.shapeblock-heading-block-wrap.shapeblock-heading-jsztj6 .shapeblock-heading { text-align:center; }\n\/*# sourceURL=shapeblock-block-css-59-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-60-inline-css *\/\n\n\n.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-1d3b16 { flex:0 1 calc(100% - var(--bp-gap, 0px) * 0 \/ 100) !important;max-width:calc(100% - var(--bp-gap, 0px) * 0 \/ 100) !important; }.shapeblock-gallery-block-wrap.shapeblock-gallery-ijyr0p .shapeblock-hover-content { background-color:rgba(0,0,0,0.6); }\n.shapeblock-gallery-block-wrap.shapeblock-gallery-ijyr0p .shapeblock-hover-icon i { color:#ffffff;font-size:20px; }\n.shapeblock-gallery-block-wrap.shapeblock-gallery-ijyr0p .shapeblock-hover-text span { color:#ffffff; }\n.shapeblock-gallery-block-wrap.shapeblock-gallery-ijyr0p .shapeblock-gallery-grid { grid-template-columns:repeat(3, 1fr);gap:10px; }\n@media (max-width: 1024px) { .shapeblock-gallery-block-wrap.shapeblock-gallery-ijyr0p .shapeblock-gallery-grid { grid-template-columns:repeat(2, 1fr); } }\n@media (max-width: 767px) { .shapeblock-gallery-block-wrap.shapeblock-gallery-ijyr0p .shapeblock-gallery-grid { grid-template-columns:repeat(1, 1fr); } }\n\/*# sourceURL=shapeblock-block-css-61-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-62-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-63-inline-css *\/\n<\/style> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-p8o82q is-content-boxed alignfull wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-qjhnis wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-jsztj6 wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <h2 class=\"shapeblock-title\">Lightbox Animation (Flip Effect)<\/h2>\t<\/div> <\/div> <p class=\"has-text-align-center wp-block-paragraph\" style=\"margin-top:10px;margin-bottom:10px\">Explore our gallery a clean layout showcasing visuals in a simple, elegant style.<\/p> <\/div><\/div> <div class=\"shapeblock-block shapeblock-column shapeblock-col-1d3b16 wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-gallery-block-wrap shapeblock-gallery-ijyr0p wp-block-shapeblock-gallery\"> <div class=\"shapeblock-gallery-grid shapeblock-popup-enabled\"> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-3-2.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-3-2.webp\" alt=\"\"> <div class=\"shapeblock-hover-content shapeblock-hover-text\"> <span>View<\/span> <\/div> <\/div> <\/a> <div class=\"shapeblock-gallery-caption\"> Happy Family\t\t\t\t\t<\/div> <\/div> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/product-1.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/product-1.webp\" alt=\"\"> <div class=\"shapeblock-hover-content shapeblock-hover-text\"> <span>View<\/span> <\/div> <\/div> <\/a> <div class=\"shapeblock-gallery-caption\"> Premium Watch\t\t\t\t\t<\/div> <\/div> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-6.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-6.webp\" alt=\"\"> <div class=\"shapeblock-hover-content shapeblock-hover-text\"> <span>View<\/span> <\/div> <\/div> <\/a> <div class=\"shapeblock-gallery-caption\"> Mental Support\t\t\t\t\t<\/div> <\/div> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-4.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-4.webp\" alt=\"\"> <div class=\"shapeblock-hover-content shapeblock-hover-text\"> <span>View<\/span> <\/div> <\/div> <\/a> <div class=\"shapeblock-gallery-caption\"> Single Life\t\t\t\t\t<\/div> <\/div> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/product-2.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/product-2.webp\" alt=\"\"> <div class=\"shapeblock-hover-content shapeblock-hover-text\"> <span>View<\/span> <\/div> <\/div> <\/a> <div class=\"shapeblock-gallery-caption\"> Large Screen Monitor\t\t\t\t\t<\/div> <\/div> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-5.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-5.webp\" alt=\"\"> <div class=\"shapeblock-hover-content shapeblock-hover-text\"> <span>View<\/span> <\/div> <\/div> <\/a> <div class=\"shapeblock-gallery-caption\"> Discuss Problem\t\t\t\t\t<\/div> <\/div> <\/div> <div class=\"shapeblock-lightbox-gallery is-anim-flip\" style=\"--shapeblock-lb-duration:300ms\" data-duration=\"300\"> <span class=\"shapeblock-close\">&times;<\/span> <img decoding=\"async\" class=\"shapeblock-lightbox-image\" src=\"\" alt=\"\"> <button class=\"shapeblock-prev\">&#10094;<\/button> <button class=\"shapeblock-next\">&#10095;<\/button> <\/div> <\/div> <\/div><\/div> <\/div><\/div>\n\n<style id=\"shapeblock-block-css-68-inline-css\">\n.shapeblock-layout-row-4hfexc { justify-content:center;flex-wrap:wrap;gap:26px;padding-top:100px;padding-bottom:100px;--bp-gap:26px; }\n@media (max-width: 1024px) { .shapeblock-layout-row-4hfexc { padding-right:15px;padding-left:15px; } }\n@media (max-width: 767px) { .shapeblock-layout-row-4hfexc { padding-top:70px;padding-right:15px;padding-bottom:70px;padding-left:15px; } }\n@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-4hfexc > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 100% !important;max-width:100% !important;}.shapeblock-layout-row.shapeblock-layout-row-4hfexc > .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-r5ggmu { flex:0 1 calc(650px - var(--bp-gap, 0px) * 0 \/ 100) !important;max-width:calc(650px - var(--bp-gap, 0px) * 0 \/ 100) !important; }.shapeblock-heading-block-wrap.shapeblock-heading-vvjih2 .shapeblock-heading { text-align:center; }\n\/*# sourceURL=shapeblock-block-css-64-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-65-inline-css *\/\n\n\n.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-zlaih4 { flex:0 1 calc(100% - var(--bp-gap, 0px) * 0 \/ 100) !important;max-width:calc(100% - var(--bp-gap, 0px) * 0 \/ 100) !important; }.shapeblock-gallery-block-wrap.shapeblock-gallery-yzutcm .shapeblock-hover-content { background-color:rgba(0,0,0,0.6); }\n.shapeblock-gallery-block-wrap.shapeblock-gallery-yzutcm .shapeblock-hover-icon i { color:#ffffff;font-size:20px; }\n.shapeblock-gallery-block-wrap.shapeblock-gallery-yzutcm .shapeblock-hover-text span { color:#ffffff; }\n.shapeblock-gallery-block-wrap.shapeblock-gallery-yzutcm .shapeblock-gallery-grid { grid-template-columns:repeat(3, 1fr);gap:10px; }\n@media (max-width: 1024px) { .shapeblock-gallery-block-wrap.shapeblock-gallery-yzutcm .shapeblock-gallery-grid { grid-template-columns:repeat(2, 1fr); } }\n@media (max-width: 767px) { .shapeblock-gallery-block-wrap.shapeblock-gallery-yzutcm .shapeblock-gallery-grid { grid-template-columns:repeat(1, 1fr); } }\n\/*# sourceURL=shapeblock-block-css-66-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-67-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-68-inline-css *\/\n<\/style> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-4hfexc is-content-boxed alignfull wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-r5ggmu wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-vvjih2 wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <h2 class=\"shapeblock-title\">Lightbox No Animation &#8211; Faster<\/h2>\t<\/div> <\/div> <p class=\"has-text-align-center wp-block-paragraph\" style=\"margin-top:10px;margin-bottom:10px\">Explore our gallery a clean layout showcasing visuals in a simple, elegant style.<\/p> <\/div><\/div> <div class=\"shapeblock-block shapeblock-column shapeblock-col-zlaih4 wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-gallery-block-wrap shapeblock-gallery-yzutcm wp-block-shapeblock-gallery\"> <div class=\"shapeblock-gallery-grid shapeblock-popup-enabled\"> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-3-2.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-3-2.webp\" alt=\"\"> <div class=\"shapeblock-hover-content shapeblock-hover-text\"> <span>View<\/span> <\/div> <\/div> <\/a> <div class=\"shapeblock-gallery-caption\"> Happy Family\t\t\t\t\t<\/div> <\/div> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/product-1.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/product-1.webp\" alt=\"\"> <div class=\"shapeblock-hover-content shapeblock-hover-text\"> <span>View<\/span> <\/div> <\/div> <\/a> <div class=\"shapeblock-gallery-caption\"> Premium Watch\t\t\t\t\t<\/div> <\/div> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-6.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-6.webp\" alt=\"\"> <div class=\"shapeblock-hover-content shapeblock-hover-text\"> <span>View<\/span> <\/div> <\/div> <\/a> <div class=\"shapeblock-gallery-caption\"> Mental Support\t\t\t\t\t<\/div> <\/div> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-4.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-4.webp\" alt=\"\"> <div class=\"shapeblock-hover-content shapeblock-hover-text\"> <span>View<\/span> <\/div> <\/div> <\/a> <div class=\"shapeblock-gallery-caption\"> Single Life\t\t\t\t\t<\/div> <\/div> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/product-2.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/product-2.webp\" alt=\"\"> <div class=\"shapeblock-hover-content shapeblock-hover-text\"> <span>View<\/span> <\/div> <\/div> <\/a> <div class=\"shapeblock-gallery-caption\"> Large Screen Monitor\t\t\t\t\t<\/div> <\/div> <div class=\"shapeblock-gallery-item\"> <a href=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-5.webp\" class=\"shapeblock-popup-link\"> <div class=\"shapeblock-gallery-image-wrap\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/s-5.webp\" alt=\"\"> <div class=\"shapeblock-hover-content shapeblock-hover-text\"> <span>View<\/span> <\/div> <\/div> <\/a> <div class=\"shapeblock-gallery-caption\"> Discuss Problem\t\t\t\t\t<\/div> <\/div> <\/div> <div class=\"shapeblock-lightbox-gallery is-anim-none\" style=\"--shapeblock-lb-duration:0ms\" data-duration=\"0\"> <span class=\"shapeblock-close\">&times;<\/span> <img decoding=\"async\" class=\"shapeblock-lightbox-image\" src=\"\" alt=\"\"> <button class=\"shapeblock-prev\">&#10094;<\/button> <button class=\"shapeblock-next\">&#10095;<\/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-1401","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/shapekode.com\/product\/shapeblock\/wp-json\/wp\/v2\/pages\/1401","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=1401"}],"version-history":[{"count":15,"href":"https:\/\/shapekode.com\/product\/shapeblock\/wp-json\/wp\/v2\/pages\/1401\/revisions"}],"predecessor-version":[{"id":1746,"href":"https:\/\/shapekode.com\/product\/shapeblock\/wp-json\/wp\/v2\/pages\/1401\/revisions\/1746"}],"wp:attachment":[{"href":"https:\/\/shapekode.com\/product\/shapeblock\/wp-json\/wp\/v2\/media?parent=1401"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}