{"id":450,"date":"2026-02-21T08:04:49","date_gmt":"2026-02-21T08:04:49","guid":{"rendered":"http:\/\/localhost\/setup_file\/plumbingpro\/?page_id=450"},"modified":"2026-02-21T08:04:49","modified_gmt":"2026-02-21T08:04:49","slug":"gallery","status":"publish","type":"page","link":"https:\/\/www.webnotickdemo.com\/plumbing-works\/gallery\/","title":{"rendered":"Gallery"},"content":{"rendered":"\n\n        <div class=\"gallerybox container\">\n            <div class=\"row g-4 \">\n\n                <div class=\"col-lg-3 col-md-6 col-12\">\n                        <div class=\"gallery-card wow zoomIn\" data-wow-duration=\"2s\">\n\n                            <div class=\"gallery-img-wrapper\" style=\"position: relative;\">\n\n                                                                    <span class=\"gallery-label\" style=\"\n          \n            left: 15px !important; right: auto !important; transform: none !important; \/* Applies the Left\/Center\/Right logic *\/\n            text-transform: none;\n            font-size: 14px !important;\n            font-weight: 500;\">\n                                        Kitchen                                    <\/span>\n                                \n\n                                <span class=\"gallery-zoom-icon\">\n                                    <svg class=\"fa-solid fa-magnifying-glass-plus\"><\/svg>\n                                <\/span>\n\n                                <img decoding=\"async\" src=\"https:\/\/www.webnotickdemo.com\/plumbing-works\/wp-content\/uploads\/sites\/25\/2026\/04\/Disposal-Sink-Setup.jpeg\"\n                                    class=\"shortcode-gallery-img\"\n                                    alt=\"Disposal &#038; Sink Setup\">\n                            <\/div>\n\n                            <div class=\"gallery-content\">\n\n                                <h4 style=\"\n    display: block;\n    text-align: left;\n    text-transform: none;\n    font-size: 20px !important;\n    font-weight: 500;\">\n                                    Disposal &#038; Sink Setup                                <\/h4>\n\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <div class=\"col-lg-3 col-md-6 col-12\">\n                        <div class=\"gallery-card wow zoomIn\" data-wow-duration=\"2s\">\n\n                            <div class=\"gallery-img-wrapper\" style=\"position: relative;\">\n\n                                                                    <span class=\"gallery-label\" style=\"\n          \n            left: 15px !important; right: auto !important; transform: none !important; \/* Applies the Left\/Center\/Right logic *\/\n            text-transform: none;\n            font-size: 14px !important;\n            font-weight: 500;\">\n                                        Kitchen                                    <\/span>\n                                \n\n                                <span class=\"gallery-zoom-icon\">\n                                    <svg class=\"fa-solid fa-magnifying-glass-plus\"><\/svg>\n                                <\/span>\n\n                                <img decoding=\"async\" src=\"https:\/\/www.webnotickdemo.com\/plumbing-works\/wp-content\/uploads\/sites\/25\/2026\/02\/bathroom-plumbing.jpg\"\n                                    class=\"shortcode-gallery-img\"\n                                    alt=\"Appliance Installation\">\n                            <\/div>\n\n                            <div class=\"gallery-content\">\n\n                                <h4 style=\"\n    display: block;\n    text-align: left;\n    text-transform: none;\n    font-size: 20px !important;\n    font-weight: 500;\">\n                                    Appliance Installation                                <\/h4>\n\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <div class=\"col-lg-3 col-md-6 col-12\">\n                        <div class=\"gallery-card wow zoomIn\" data-wow-duration=\"2s\">\n\n                            <div class=\"gallery-img-wrapper\" style=\"position: relative;\">\n\n                                                                    <span class=\"gallery-label\" style=\"\n          \n            left: 15px !important; right: auto !important; transform: none !important; \/* Applies the Left\/Center\/Right logic *\/\n            text-transform: none;\n            font-size: 14px !important;\n            font-weight: 500;\">\n                                        Residential                                    <\/span>\n                                \n\n                                <span class=\"gallery-zoom-icon\">\n                                    <svg class=\"fa-solid fa-magnifying-glass-plus\"><\/svg>\n                                <\/span>\n\n                                <img decoding=\"async\" src=\"https:\/\/www.webnotickdemo.com\/plumbing-works\/wp-content\/uploads\/sites\/25\/2026\/02\/Home-Repiping-Project-1.jpeg\"\n                                    class=\"shortcode-gallery-img\"\n                                    alt=\"Home Repiping Project\">\n                            <\/div>\n\n                            <div class=\"gallery-content\">\n\n                                <h4 style=\"\n    display: block;\n    text-align: left;\n    text-transform: none;\n    font-size: 20px !important;\n    font-weight: 500;\">\n                                    Home Repiping Project                                <\/h4>\n\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <div class=\"col-lg-3 col-md-6 col-12\">\n                        <div class=\"gallery-card wow zoomIn\" data-wow-duration=\"2s\">\n\n                            <div class=\"gallery-img-wrapper\" style=\"position: relative;\">\n\n                                                                    <span class=\"gallery-label\" style=\"\n          \n            left: 15px !important; right: auto !important; transform: none !important; \/* Applies the Left\/Center\/Right logic *\/\n            text-transform: none;\n            font-size: 14px !important;\n            font-weight: 500;\">\n                                        Commercial                                    <\/span>\n                                \n\n                                <span class=\"gallery-zoom-icon\">\n                                    <svg class=\"fa-solid fa-magnifying-glass-plus\"><\/svg>\n                                <\/span>\n\n                                <img decoding=\"async\" src=\"https:\/\/www.webnotickdemo.com\/plumbing-works\/wp-content\/uploads\/sites\/25\/2026\/02\/gallery5.jpeg\"\n                                    class=\"shortcode-gallery-img\"\n                                    alt=\"Restaurant Kitchen System\">\n                            <\/div>\n\n                            <div class=\"gallery-content\">\n\n                                <h4 style=\"\n    display: block;\n    text-align: left;\n    text-transform: none;\n    font-size: 20px !important;\n    font-weight: 500;\">\n                                    Restaurant Kitchen System                                <\/h4>\n\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <div class=\"col-lg-3 col-md-6 col-12\">\n                        <div class=\"gallery-card wow zoomIn\" data-wow-duration=\"2s\">\n\n                            <div class=\"gallery-img-wrapper\" style=\"position: relative;\">\n\n                                                                    <span class=\"gallery-label\" style=\"\n          \n            left: 15px !important; right: auto !important; transform: none !important; \/* Applies the Left\/Center\/Right logic *\/\n            text-transform: none;\n            font-size: 14px !important;\n            font-weight: 500;\">\n                                        Residential                                    <\/span>\n                                \n\n                                <span class=\"gallery-zoom-icon\">\n                                    <svg class=\"fa-solid fa-magnifying-glass-plus\"><\/svg>\n                                <\/span>\n\n                                <img decoding=\"async\" src=\"https:\/\/www.webnotickdemo.com\/plumbing-works\/wp-content\/uploads\/sites\/25\/2026\/02\/Irrigation-System.jpeg\"\n                                    class=\"shortcode-gallery-img\"\n                                    alt=\"Irrigation System\">\n                            <\/div>\n\n                            <div class=\"gallery-content\">\n\n                                <h4 style=\"\n    display: block;\n    text-align: left;\n    text-transform: none;\n    font-size: 20px !important;\n    font-weight: 500;\">\n                                    Irrigation System                                <\/h4>\n\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <div class=\"col-lg-3 col-md-6 col-12\">\n                        <div class=\"gallery-card wow zoomIn\" data-wow-duration=\"2s\">\n\n                            <div class=\"gallery-img-wrapper\" style=\"position: relative;\">\n\n                                                                    <span class=\"gallery-label\" style=\"\n          \n            left: 15px !important; right: auto !important; transform: none !important; \/* Applies the Left\/Center\/Right logic *\/\n            text-transform: none;\n            font-size: 14px !important;\n            font-weight: 500;\">\n                                        Commerical                                    <\/span>\n                                \n\n                                <span class=\"gallery-zoom-icon\">\n                                    <svg class=\"fa-solid fa-magnifying-glass-plus\"><\/svg>\n                                <\/span>\n\n                                <img decoding=\"async\" src=\"https:\/\/www.webnotickdemo.com\/plumbing-works\/wp-content\/uploads\/sites\/25\/2026\/02\/Modern-Toilet-Installation.jpeg\"\n                                    class=\"shortcode-gallery-img\"\n                                    alt=\"Modern Toilet Installation\">\n                            <\/div>\n\n                            <div class=\"gallery-content\">\n\n                                <h4 style=\"\n    display: block;\n    text-align: left;\n    text-transform: none;\n    font-size: 20px !important;\n    font-weight: 500;\">\n                                    Modern Toilet Installation                                <\/h4>\n\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <div class=\"col-lg-3 col-md-6 col-12\">\n                        <div class=\"gallery-card wow zoomIn\" data-wow-duration=\"2s\">\n\n                            <div class=\"gallery-img-wrapper\" style=\"position: relative;\">\n\n                                                                    <span class=\"gallery-label\" style=\"\n          \n            left: 15px !important; right: auto !important; transform: none !important; \/* Applies the Left\/Center\/Right logic *\/\n            text-transform: none;\n            font-size: 14px !important;\n            font-weight: 500;\">\n                                        Commercial                                    <\/span>\n                                \n\n                                <span class=\"gallery-zoom-icon\">\n                                    <svg class=\"fa-solid fa-magnifying-glass-plus\"><\/svg>\n                                <\/span>\n\n                                <img decoding=\"async\" src=\"https:\/\/www.webnotickdemo.com\/plumbing-works\/wp-content\/uploads\/sites\/25\/2026\/02\/Luxury-Bathroom-Renovation.jpeg\"\n                                    class=\"shortcode-gallery-img\"\n                                    alt=\"Luxury Bathroom Renovation\">\n                            <\/div>\n\n                            <div class=\"gallery-content\">\n\n                                <h4 style=\"\n    display: block;\n    text-align: left;\n    text-transform: none;\n    font-size: 20px !important;\n    font-weight: 500;\">\n                                    Luxury Bathroom Renovation                                <\/h4>\n\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <div class=\"col-lg-3 col-md-6 col-12\">\n                        <div class=\"gallery-card wow zoomIn\" data-wow-duration=\"2s\">\n\n                            <div class=\"gallery-img-wrapper\" style=\"position: relative;\">\n\n                                                                    <span class=\"gallery-label\" style=\"\n          \n            left: 15px !important; right: auto !important; transform: none !important; \/* Applies the Left\/Center\/Right logic *\/\n            text-transform: none;\n            font-size: 14px !important;\n            font-weight: 500;\">\n                                        Bathroom                                    <\/span>\n                                \n\n                                <span class=\"gallery-zoom-icon\">\n                                    <svg class=\"fa-solid fa-magnifying-glass-plus\"><\/svg>\n                                <\/span>\n\n                                <img decoding=\"async\" src=\"https:\/\/www.webnotickdemo.com\/plumbing-works\/wp-content\/uploads\/sites\/25\/2026\/02\/pipe-installation.jpg\"\n                                    class=\"shortcode-gallery-img\"\n                                    alt=\"Pipe Installation\">\n                            <\/div>\n\n                            <div class=\"gallery-content\">\n\n                                <h4 style=\"\n    display: block;\n    text-align: left;\n    text-transform: none;\n    font-size: 20px !important;\n    font-weight: 500;\">\n                                    Pipe Installation                                <\/h4>\n\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                \n            <\/div>\n        <\/div>\n\n    \n        <div id=\"galleryModal\" class=\"gallery-modal\" style=\"display:none;\">\n            <span class=\"gallery-close\">&times;<\/span>\n            <img decoding=\"async\" class=\"gallery-modal-img\" src=\"\" alt=\"Gallery Preview\">\n        <\/div>\n\n        <script>\n            document.addEventListener(\"click\", function(e) {\n\n                const modal = document.getElementById(\"galleryModal\");\n                const modalImg = document.querySelector(\".gallery-modal-img\");\n\n                if (!modal || !modalImg) return;\n\n                \/* CLICK IMAGE *\/\n                if (e.target.classList.contains(\"shortcode-gallery-img\")) {\n                    modal.style.display = \"flex\";\n                    modalImg.src = e.target.src;\n                    document.body.classList.add(\"modal-open\");\n                }\n\n                \/* CLICK ICON *\/\n                if (e.target.closest(\".gallery-zoom-icon\")) {\n                    const card = e.target.closest(\".gallery-card\");\n                    const img = card.querySelector(\".shortcode-gallery-img\");\n\n                    if (img) {\n                        modal.style.display = \"flex\";\n                        modalImg.src = img.src;\n                        document.body.classList.add(\"modal-open\");\n                    }\n                }\n\n                \/* CLOSE *\/\n                if (e.target.classList.contains(\"gallery-close\") || e.target.id === \"galleryModal\") {\n                    modal.style.display = \"none\";\n                    document.body.classList.remove(\"modal-open\");\n                }\n\n            });\n        <\/script>\n\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-450","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.webnotickdemo.com\/plumbing-works\/wp-json\/wp\/v2\/pages\/450","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webnotickdemo.com\/plumbing-works\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.webnotickdemo.com\/plumbing-works\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.webnotickdemo.com\/plumbing-works\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webnotickdemo.com\/plumbing-works\/wp-json\/wp\/v2\/comments?post=450"}],"version-history":[{"count":0,"href":"https:\/\/www.webnotickdemo.com\/plumbing-works\/wp-json\/wp\/v2\/pages\/450\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.webnotickdemo.com\/plumbing-works\/wp-json\/wp\/v2\/media?parent=450"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}