Clean Minimal Gallery<\/title>\r\n \r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Hind:wght@400;500;600&family=Montserrat:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n \/* Reset Styles *\/\r\n \r\n\r\n .wrapper {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n }\r\n\r\n .main-heading {\r\n font-family:'montserrat', sans-serif !important;\r\n font-size: 38px;\r\n font-weight: 700;\r\n text-align: center;\r\n margin-bottom: 40px;\r\n letter-spacing: 0.5px;\r\n text-transform: uppercase;\r\n color: #051d3b;\r\n }\r\n .main-heading::after {\r\n content: '';\r\n display: block;\r\n width: 80px;\r\n height: 4px;\r\n background: #000000;\r\n margin: 12px auto 0 auto;\r\n border-radius: 2px;\r\n\t font-family:'montserrat', sans-serif !important;\r\n}\r\n\r\n \/* ================= UNIFORM GRID SYSTEM ================= *\/\r\n .image-gallery {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr); \/* Desktop layout: 4 columns *\/\r\n gap: 20px;\r\n }\r\n\r\n \/* Cards Layout *\/\r\n .gallery-card {\r\n position: relative;\r\n overflow: hidden;\r\n background-color: #f0f0f0;\r\n cursor: pointer;\r\n border: 1px solid #e5e5e5;\r\n border-radius: 4px;\r\n aspect-ratio: 1 \/ 1; \/* Perfect uniform square shape *\/\r\n transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n }\r\n\r\n .gallery-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 12px 24px rgba(0,0,0,0.08);\r\n }\r\n\r\n .gallery-card img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover; \/* Images crop hokar block me fit ho jayengi, stretch nahi hongi *\/\r\n display: block;\r\n }\r\n\r\n \/* ================= LIGHTBOX SYSTEM (SINGLE IMAGE ONLY) ================= *\/\r\n .preview-box {\r\n display: none;\r\n position: fixed;\r\n inset: 0;\r\n background-color: rgba(255, 255, 255, 0.98); \/* Luxury white transparent look *\/\r\n z-index: 10000;\r\n justify-content: center;\r\n align-items: center;\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n padding: 20px;\r\n }\r\n\r\n .preview-box.show {\r\n display: flex;\r\n opacity: 1;\r\n }\r\n\r\n .preview-content {\r\n position: relative;\r\n max-width: 90%;\r\n max-height: 85vh;\r\n }\r\n\r\n .preview-img {\r\n max-width: 100%;\r\n max-height: 85vh;\r\n object-fit: contain;\r\n box-shadow: 0 20px 50px rgba(0,0,0,0.1);\r\n border: 6px solid #ffffff;\r\n border-radius: 2px;\r\n }\r\n\r\n .exit-btn {\r\n position: absolute;\r\n top: -50px;\r\n right: 0;\r\n font-size: 40px;\r\n cursor: pointer;\r\n color: #1a1a1a;\r\n font-weight: 300;\r\n line-height: 1;\r\n user-select: none;\r\n transition: opacity 0.2s;\r\n }\r\n\r\n .exit-btn:hover {\r\n opacity: 0.6;\r\n }\r\n\r\n \/* ================= RESPONSIVE LAYOUTS ================= *\/\r\n \r\n \/* Tablets & Laptops *\/\r\n @media (max-width: 1024px) {\r\n .image-gallery {\r\n grid-template-columns: repeat(3, 1fr); \/* 3 columns format *\/\r\n }\r\n }\r\n\r\n \/* Small Tablets & Phones *\/\r\n @media (max-width: 768px) {\r\n .image-gallery {\r\n grid-template-columns: repeat(2, 1fr); \/* 2 columns format *\/\r\n gap: 16px;\r\n }\r\n .main-heading { font-size: 26px; }\r\n .exit-btn { top: 10px; right: 20px; font-size: 45px; } \/* Mobile par standard cut button position *\/\r\n }\r\n\r\n \/* Small Tablets & Phones *\/\r\n@media (max-width:768px){\r\n\r\n .image-gallery{\r\n grid-template-columns:repeat(2,1fr);\r\n gap:16px;\r\n }\r\n\r\n .main-heading{\r\n font-family:'montserrat', sans-serif !important;\r\n font-size:26px;\r\n font-weight:700;\r\n line-height:1.2;\r\n letter-spacing:.5px;\r\n text-transform:uppercase;\r\n }\r\n\r\n .exit-btn{\r\n top:10px;\r\n right:20px;\r\n font-size:45px;\r\n }\r\n}\r\n\r\n\/* Smartphone Ultra Mobile Screens *\/\r\n@media (max-width:480px){\r\n\r\n .image-gallery{\r\n grid-template-columns:1fr;\r\n gap:20px;\r\n }\r\n\r\n .main-heading{\r\n font-family:'Poppins', sans-serif !important;\r\n font-size:22px;\r\n font-weight:700;\r\n line-height:1.2;\r\n letter-spacing:.5px;\r\n text-transform:uppercase;\r\n margin-bottom:30px;\r\n }\r\n\r\n}\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"wrapper\">\r\n <h1 class=\"main-heading\">Press<\/h1>\r\n\r\n \r\n <div class=\"image-gallery\">\r\n\t <div class=\"gallery-card\" onclick=\"popImage(this)\">\r\n <img decoding=\"async\" src=\"http:\/\/sampleprojects.in\/interior\/wp-content\/uploads\/2026\/07\/IMG-6484.jpg\" alt=\"Gallery Image 5\">\r\n <\/div>\r\n\t\t\r\n\t\t<div class=\"gallery-card\" onclick=\"popImage(this)\">\r\n <img decoding=\"async\" src=\"http:\/\/sampleprojects.in\/interior\/wp-content\/uploads\/2026\/07\/22.jpeg\" alt=\"Gallery Image 8\">\r\n <\/div>\r\n <div class=\"gallery-card\" onclick=\"popImage(this)\">\r\n <img decoding=\"async\" src=\"http:\/\/sampleprojects.in\/interior\/wp-content\/uploads\/2026\/07\/IMG_1386.jpg\" alt=\"Gallery Image 4\">\r\n <\/div>\r\n\t\t\t\r\n\t\t\r\n <div class=\"gallery-card\" onclick=\"popImage(this)\">\r\n <img decoding=\"async\" src=\"http:\/\/sampleprojects.in\/interior\/wp-content\/uploads\/2026\/07\/38.jpeg\" alt=\"Gallery Image 1\">\r\n <\/div>\r\n\r\n <div class=\"gallery-card\" onclick=\"popImage(this)\">\r\n <img decoding=\"async\" src=\"http:\/\/sampleprojects.in\/interior\/wp-content\/uploads\/2026\/07\/39.jpeg\" alt=\"Gallery Image 2\">\r\n <\/div>\r\n\r\n <div class=\"gallery-card\" onclick=\"popImage(this)\">\r\n <img decoding=\"async\" src=\"http:\/\/sampleprojects.in\/interior\/wp-content\/uploads\/2026\/08\/05.jpeg\" alt=\"Gallery Image 3\">\r\n <\/div>\r\n\r\n \r\n\r\n \r\n\r\n <div class=\"gallery-card\" onclick=\"popImage(this)\">\r\n <img decoding=\"async\" src=\"https:\/\/sampleprojects.in\/interior\/wp-content\/uploads\/2026\/07\/IMG-6485.jpg\" alt=\"Gallery Image 5\">\r\n <\/div>\r\n\r\n <div class=\"gallery-card\" onclick=\"popImage(this)\">\r\n <img decoding=\"async\" src=\"http:\/\/sampleprojects.in\/interior\/wp-content\/uploads\/2026\/07\/IMG-6486.jpg\" alt=\"Gallery Image 7\">\r\n <\/div>\r\n\r\n <div class=\"gallery-card\" onclick=\"popImage(this)\">\r\n <img decoding=\"async\" src=\"http:\/\/sampleprojects.in\/interior\/wp-content\/uploads\/2026\/07\/Renu-Chainani-in-Afternoon-22nd-Nov-2018.jpg\" alt=\"Gallery Image 8\">\r\n <\/div>\r\n\t\t<div class=\"gallery-card\" onclick=\"popImage(this)\">\r\n <img decoding=\"async\" src=\"http:\/\/sampleprojects.in\/interior\/wp-content\/uploads\/2026\/07\/DNA-AFTERHRS-3RD-OCTOBER.jpg\" alt=\"Gallery Image 8\">\r\n <\/div>\r\n\t\t<div class=\"gallery-card\" onclick=\"popImage(this)\">\r\n <img decoding=\"async\" src=\"http:\/\/sampleprojects.in\/interior\/wp-content\/uploads\/2026\/07\/IMG-6477-1.jpg\" alt=\"Gallery Image 8\">\r\n <\/div>\r\n\t\t\r\n\t\t<div class=\"gallery-card\" onclick=\"popImage(this)\">\r\n <img decoding=\"async\" src=\"http:\/\/sampleprojects.in\/interior\/wp-content\/uploads\/2026\/07\/IMG-6482.jpg\" alt=\"Gallery Image 8\">\r\n <\/div>\r\n\t\t<div class=\"gallery-card\" onclick=\"popImage(this)\">\r\n <img decoding=\"async\" src=\"http:\/\/sampleprojects.in\/interior\/wp-content\/uploads\/2026\/07\/IMG-6183.jpg\" alt=\"Gallery Image 8\">\r\n <\/div>\r\n\t\t\t\r\n\t\t<div class=\"gallery-card\" onclick=\"popImage(this)\">\r\n <img decoding=\"async\" src=\"http:\/\/sampleprojects.in\/interior\/wp-content\/uploads\/2026\/08\/1122.jpeg\" alt=\"Gallery Image 8\">\r\n <\/div>\r\n\t\t\r\n\t\t\t<div class=\"gallery-card\" onclick=\"popImage(this)\">\r\n <img decoding=\"async\" src=\"http:\/\/sampleprojects.in\/interior\/wp-content\/uploads\/2026\/08\/02.jpeg\" alt=\"Gallery Image 8\">\r\n <\/div>\r\n\t\t\t<div class=\"gallery-card\" onclick=\"popImage(this)\">\r\n <img decoding=\"async\" src=\"http:\/\/sampleprojects.in\/interior\/wp-content\/uploads\/2026\/08\/03.jpeg\" alt=\"Gallery Image 8\">\r\n <\/div>\r\n\t\t<div class=\"gallery-card\" onclick=\"popImage(this)\">\r\n <img decoding=\"async\" src=\"http:\/\/sampleprojects.in\/interior\/wp-content\/uploads\/2026\/08\/04.jpeg\" alt=\"Gallery Image 8\">\r\n <\/div>\r\n\t\t\t\t<div class=\"gallery-card\" onclick=\"popImage(this)\">\r\n <img decoding=\"async\" src=\"http:\/\/sampleprojects.in\/interior\/wp-content\/uploads\/2026\/08\/05.jpeg\" alt=\"Gallery Image 8\">\r\n <\/div>\r\n\t\t\t<div class=\"gallery-card\" onclick=\"popImage(this)\">\r\n <img decoding=\"async\" src=\"http:\/\/sampleprojects.in\/interior\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-11-at-16.58.03.jpeg\" alt=\"Gallery Image 8\">\r\n <\/div>\r\n\t\t<div class=\"gallery-card\" onclick=\"popImage(this)\">\r\n <img decoding=\"async\" src=\"http:\/\/sampleprojects.in\/interior\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-11-at-16.58.24.jpeg\" alt=\"Gallery Image 8\">\r\n <\/div>\r\n\t\t\t<div class=\"gallery-card\" onclick=\"popImage(this)\">\r\n <img decoding=\"async\" src=\"http:\/\/sampleprojects.in\/interior\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-11-at-16.58.37.jpeg\" alt=\"Gallery Image 8\">\r\n <\/div>\r\n\t\t<div class=\"gallery-card\" onclick=\"popImage(this)\">\r\n <img decoding=\"async\" src=\"http:\/\/sampleprojects.in\/interior\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-22-at-13.25.43.jpeg\" alt=\"Gallery Image 8\">\r\n <\/div>\r\n\t\t\r\n\t\t\r\n\t\t\r\n\t\t\r\n\t\t\r\n\t\t\r\n\t\t\r\n\t\t\r\n\t\t\r\n\t\t\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<div id=\"imageLightbox\" class=\"preview-box\" onclick=\"dismissLightbox()\">\r\n <div class=\"preview-content\" onclick=\"event.stopPropagation()\">\r\n <span class=\"exit-btn\" onclick=\"dismissLightbox()\">×<\/span>\r\n <img decoding=\"async\" id=\"activeImg\" class=\"preview-img\" src=\"\" alt=\"Enlarged view\">\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n const lightbox = document.getElementById('imageLightbox');\r\n const activeImg = document.getElementById('activeImg');\r\n\r\n \/\/ Clicked card se direct image source lekar popup show karega\r\n function popImage(cardElement) {\r\n const imgSrc = cardElement.querySelector('img').src;\r\n activeImg.src = imgSrc;\r\n lightbox.classList.add('show');\r\n document.body.style.overflow = 'hidden'; \/* Background page scroll disable *\/\r\n }\r\n\r\n function dismissLightbox() {\r\n lightbox.classList.remove('show');\r\n document.body.style.overflow = 'auto'; \/* Scroll default enable *\/\r\n setTimeout(() => { activeImg.src = ''; }, 300); \/* Reset source after transition *\/\r\n }\r\n\r\n \/\/ Escape Key dabane par close ho jaye\r\n document.addEventListener('keydown', (e) => {\r\n if (e.key === 'Escape' && lightbox.classList.contains('show')) {\r\n dismissLightbox();\r\n }\r\n });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Press Clean Minimal Gallery Press ×<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-22437","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sampleprojects.in\/interior\/wp-json\/wp\/v2\/pages\/22437","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sampleprojects.in\/interior\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sampleprojects.in\/interior\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sampleprojects.in\/interior\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sampleprojects.in\/interior\/wp-json\/wp\/v2\/comments?post=22437"}],"version-history":[{"count":0,"href":"https:\/\/sampleprojects.in\/interior\/wp-json\/wp\/v2\/pages\/22437\/revisions"}],"wp:attachment":[{"href":"https:\/\/sampleprojects.in\/interior\/wp-json\/wp\/v2\/media?parent=22437"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}