{"id":26,"date":"2026-07-14T11:26:42","date_gmt":"2026-07-14T11:26:42","guid":{"rendered":"https:\/\/coreoils.com\/?page_id=26"},"modified":"2026-07-22T12:42:08","modified_gmt":"2026-07-22T12:42:08","slug":"gallery","status":"publish","type":"page","link":"https:\/\/coreoils.com\/?page_id=26","title":{"rendered":"Gallery"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"26\" class=\"elementor elementor-26\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1552a82 e-con-full e-flex e-con e-parent\" data-id=\"1552a82\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c9bf035 elementor-widget elementor-widget-html\" data-id=\"c9bf035\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"coreoils-gallery-hero\">\r\n\r\n    <!-- BACKGROUND IMAGE (Aap direct src change kar sakte hain) -->\r\n    <div class=\"coreoils-hero-bg\" style=\"background-image:url('https:\/\/teal-toad-241343.hostingersite.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-11-at-3.42.38-PM.jpeg');\"><\/div>\r\n\r\n    <div class=\"coreoils-hero-overlay\"><\/div>\r\n\r\n    <div class=\"coreoils-hero-content\">\r\n        <h1>Our <span>Gallery<\/span><\/h1>\r\n        <p>Explore our work, production quality, and industrial excellence<\/p>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n\/* MAIN CONTAINER *\/\r\n.coreoils-gallery-hero {\r\n    position: relative;\r\n    height: 400px;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    font-family: 'Poppins', sans-serif;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.coreoils-gallery-hero *, \r\n.coreoils-gallery-hero *::before, \r\n.coreoils-gallery-hero *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* BACKGROUND IMAGE *\/\r\n.coreoils-gallery-hero .coreoils-hero-bg {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-size: cover;\r\n    background-position: center;\r\n}\r\n\r\n\/* OVERLAY *\/\r\n.coreoils-gallery-hero .coreoils-hero-overlay {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: linear-gradient(\r\n        to right,\r\n        rgba(0, 0, 0, 0.75),\r\n        rgba(0, 0, 0, 0.4)\r\n    );\r\n}\r\n\r\n\/* CONTENT *\/\r\n.coreoils-gallery-hero .coreoils-hero-content {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 8%;\r\n    transform: translateY(-50%);\r\n    color: #ffffff;\r\n    z-index: 2;\r\n}\r\n\r\n\/* HEADING *\/\r\n.coreoils-gallery-hero h1 {\r\n    font-size: 42px;\r\n    margin-top: 0;\r\n    margin-bottom: 10px;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n}\r\n\r\n.coreoils-gallery-hero h1 span {\r\n    color: #A70215; \/* Updated: Brand Red Color *\/\r\n}\r\n\r\n\/* TEXT *\/\r\n.coreoils-gallery-hero p {\r\n    color: #e0e0e0;\r\n    font-size: 16px;\r\n    margin-top: 0;\r\n    margin-bottom: 0;\r\n    line-height: 1.5;\r\n}\r\n\r\n\/* MOBILE RESPONSIVENESS *\/\r\n@media(max-width: 768px) {\r\n    .coreoils-gallery-hero {\r\n        height: 280px;\r\n    }\r\n\r\n    .coreoils-gallery-hero .coreoils-hero-content {\r\n        left: 5%;\r\n        right: 5%;\r\n    }\r\n\r\n    .coreoils-gallery-hero h1 {\r\n        font-size: 28px;\r\n    }\r\n    \r\n    .coreoils-gallery-hero p {\r\n        font-size: 14px;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-837ec12 e-con-full e-flex e-con e-parent\" data-id=\"837ec12\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a541abb elementor-widget elementor-widget-html\" data-id=\"a541abb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"coreoils-gallery\">\r\n\r\n    <h2>Our <span>Gallery<\/span><\/h2>\r\n    <p class=\"subtitle\">Showcasing our production quality and industrial work<\/p>\r\n\r\n    <div class=\"gallery-grid\">\r\n\r\n        <img decoding=\"async\" src=\"https:\/\/teal-toad-241343.hostingersite.com\/wp-content\/uploads\/2026\/07\/IMG-20260630-WA0052.jpg-scaled.jpeg\" onclick=\"openImg(this.src)\">\r\n        <img decoding=\"async\" src=\"https:\/\/teal-toad-241343.hostingersite.com\/wp-content\/uploads\/2026\/07\/IMG-20260630-WA0060.jpg-scaled.jpeg\" onclick=\"openImg(this.src)\">\r\n        <img decoding=\"async\" src=\"https:\/\/teal-toad-241343.hostingersite.com\/wp-content\/uploads\/2026\/07\/IMG20260707131558.jpg-scaled.jpeg\" onclick=\"openImg(this.src)\">\r\n        <img decoding=\"async\" src=\"https:\/\/teal-toad-241343.hostingersite.com\/wp-content\/uploads\/2026\/07\/resin-coated-sands-1656137040-5485031-1.jpeg\" onclick=\"openImg(this.src)\">\r\n        <img decoding=\"async\" src=\"https:\/\/teal-toad-241343.hostingersite.com\/wp-content\/uploads\/2026\/07\/IMG20260707131832.jpg-scaled.jpeg\" onclick=\"openImg(this.src)\">\r\n        <img decoding=\"async\" src=\"https:\/\/teal-toad-241343.hostingersite.com\/wp-content\/uploads\/2026\/07\/IMG20260707132055.jpg-1-scaled.jpeg\" onclick=\"openImg(this.src)\">\r\n\r\n    <\/div>\r\n\r\n    <!-- LIGHTBOX -->\r\n    <div class=\"lightbox\" id=\"lightbox\">\r\n        <span onclick=\"closeImg()\">\u00d7<\/span>\r\n        <img id=\"lightbox-img\">\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n\r\n\/* MAIN *\/\r\n.coreoils-gallery{\r\n    padding:80px 8%;\r\n    background:#fff;\r\n    text-align:center;\r\n    font-family:Poppins, sans-serif;\r\n}\r\n\r\n.coreoils-gallery h2{\r\n    font-size:36px;\r\n    color:#111;\r\n}\r\n\r\n.coreoils-gallery h2 span{\r\n    color:#e60023;\r\n}\r\n\r\n.subtitle{\r\n    color:#666;\r\n    margin-bottom:40px;\r\n}\r\n\r\n\/* GRID *\/\r\n.gallery-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(3,1fr);\r\n    gap:20px;\r\n}\r\n\r\n\/* IMAGE *\/\r\n.gallery-grid img{\r\n    width:100%;\r\n    height:250px;\r\n    object-fit:cover;\r\n    border-radius:10px;\r\n    cursor:pointer;\r\n    transition:0.4s;\r\n}\r\n\r\n\/* HOVER *\/\r\n.gallery-grid img:hover{\r\n    transform:scale(1.05);\r\n    box-shadow:0 10px 25px rgba(0,0,0,0.15);\r\n}\r\n\r\n\/* LIGHTBOX *\/\r\n.lightbox{\r\n    position:fixed;\r\n    top:0;\r\n    left:0;\r\n    width:100%;\r\n    height:100%;\r\n    background:rgba(0,0,0,0.9);\r\n    display:none;\r\n    align-items:center;\r\n    justify-content:center;\r\n    z-index:999;\r\n}\r\n\r\n.lightbox img{\r\n    max-width:90%;\r\n    max-height:80%;\r\n    border-radius:10px;\r\n}\r\n\r\n.lightbox span{\r\n    position:absolute;\r\n    top:20px;\r\n    right:30px;\r\n    font-size:35px;\r\n    color:#fff;\r\n    cursor:pointer;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media(max-width:900px){\r\n    .gallery-grid{\r\n        grid-template-columns:repeat(2,1fr);\r\n    }\r\n}\r\n\r\n@media(max-width:600px){\r\n    .gallery-grid{\r\n        grid-template-columns:1fr;\r\n    }\r\n}\r\n\r\n<\/style>\r\n\r\n<script>\r\n\r\nfunction openImg(src){\r\n    document.getElementById(\"lightbox\").style.display = \"flex\";\r\n    document.getElementById(\"lightbox-img\").src = src;\r\n}\r\n\r\nfunction closeImg(){\r\n    document.getElementById(\"lightbox\").style.display = \"none\";\r\n}\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Our Gallery Explore our work, production quality, and industrial excellence Our Gallery Showcasing our production quality and industrial work \u00d7<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-26","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/coreoils.com\/index.php?rest_route=\/wp\/v2\/pages\/26","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/coreoils.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/coreoils.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/coreoils.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/coreoils.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=26"}],"version-history":[{"count":7,"href":"https:\/\/coreoils.com\/index.php?rest_route=\/wp\/v2\/pages\/26\/revisions"}],"predecessor-version":[{"id":100,"href":"https:\/\/coreoils.com\/index.php?rest_route=\/wp\/v2\/pages\/26\/revisions\/100"}],"wp:attachment":[{"href":"https:\/\/coreoils.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=26"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}