{"id":13,"date":"2026-02-01T07:25:45","date_gmt":"2026-02-01T07:25:45","guid":{"rendered":"https:\/\/delhiplayschool.co.in\/?page_id=13"},"modified":"2026-02-18T13:30:35","modified_gmt":"2026-02-18T13:30:35","slug":"gallery","status":"publish","type":"page","link":"https:\/\/delhiplayschool.co.in\/home\/gallery\/","title":{"rendered":"Gallery"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nGallery - Delhi Play School<\/title>\r\n\r\n<style>\r\n\r\nbody{\r\n margin:0;\r\n font-family:Arial, sans-serif;\r\n background:linear-gradient(to right,#fff9f4,#f0f9ff);\r\n}\r\n\r\n\/* HEADING *\/\r\n.gallery-header{\r\n text-align:center;\r\n padding:60px 20px 30px;\r\n}\r\n\r\n.gallery-header h1{\r\n font-size:42px;\r\n margin-bottom:10px;\r\n}\r\n\r\n.gallery-header h1 span:nth-child(1){color:#ff6b6b;}\r\n.gallery-header h1 span:nth-child(2){color:#feca57;}\r\n.gallery-header h1 span:nth-child(3){color:#48dbfb;}\r\n.gallery-header h1 span:nth-child(4){color:#1dd1a1;}\r\n.gallery-header h1 span:nth-child(5){color:#5f27cd;}\r\n.gallery-header h1 span:nth-child(6){color:#ff9f43;}\r\n.gallery-header h1 span:nth-child(7){color:#ee5253;}\r\n\r\n\/* FILTER BUTTONS *\/\r\n.filter-buttons{\r\n text-align:center;\r\n margin-bottom:30px;\r\n}\r\n\r\n.filter-buttons button{\r\n padding:10px 20px;\r\n margin:5px;\r\n border:none;\r\n border-radius:25px;\r\n background:#ff6b6b;\r\n color:#fff;\r\n cursor:pointer;\r\n transition:0.3s;\r\n}\r\n\r\n.filter-buttons button:hover{\r\n background:#ff4757;\r\n}\r\n\r\n\/* GALLERY GRID *\/\r\n.gallery{\r\n padding:20px;\r\n display:grid;\r\n grid-template-columns:repeat(auto-fit,minmax(250px,1fr));\r\n gap:20px;\r\n}\r\n\r\n.gallery-item{\r\n position:relative;\r\n overflow:hidden;\r\n border-radius:20px;\r\n cursor:pointer;\r\n}\r\n\r\n.gallery-item img{\r\n width:100%;\r\n height:250px;\r\n object-fit:cover;\r\n transition:0.4s;\r\n}\r\n\r\n.gallery-item:hover img{\r\n transform:scale(1.1);\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 justify-content:center;\r\n align-items:center;\r\n z-index:9999;\r\n}\r\n\r\n.lightbox img{\r\n max-width:90%;\r\n max-height:80%;\r\n border-radius:15px;\r\n}\r\n\r\n.lightbox span{\r\n position:absolute;\r\n top:20px;\r\n right:30px;\r\n font-size:40px;\r\n color:#fff;\r\n cursor:pointer;\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media(max-width:768px){\r\n .gallery-header h1{\r\n font-size:28px;\r\n }\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<!-- HEADER -->\r\n<div class=\"gallery-header\">\r\n <h1>\r\n <span>G<\/span><span>a<\/span><span>l<\/span><span>l<\/span>\r\n <span>e<\/span><span>r<\/span><span>y<\/span>\r\n <\/h1>\r\n <p>Moments of Joy & Learning at Delhi Play School<\/p>\r\n<\/div>\r\n\r\n<!-- FILTER -->\r\n<div class=\"filter-buttons\">\r\n <button onclick=\"filterGallery('all')\">All<\/button>\r\n <button onclick=\"filterGallery('activity')\">Activities<\/button>\r\n <button onclick=\"filterGallery('celebration')\">Celebrations<\/button>\r\n <button onclick=\"filterGallery('classroom')\">Classroom<\/button>\r\n<\/div>\r\n\r\n<!-- GALLERY -->\r\n<div class=\"gallery\">\r\n\r\n <div class=\"gallery-item activity\">\r\n <img decoding=\"async\" src=\"https:\/\/delhiplayschool.co.in\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2026-02-01-at-3.53.22-PM.jpeg\" alt=\"\">\r\n <\/div>\r\n\r\n <div class=\"gallery-item celebration\">\r\n <img decoding=\"async\" src=\"https:\/\/delhiplayschool.co.in\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2026-02-01-at-3.53.25-PM-1-scaled.jpeg\" alt=\"\">\r\n <\/div>\r\n\r\n <div class=\"gallery-item classroom\">\r\n <img decoding=\"async\" src=\"https:\/\/delhiplayschool.co.in\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2026-02-01-at-3.53.19-PM.jpeg\" alt=\"\">\r\n <\/div>\r\n\r\n <div class=\"gallery-item activity\">\r\n <img decoding=\"async\" src=\"https:\/\/delhiplayschool.co.in\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2026-02-01-at-3.53.18-PM.jpeg\" alt=\"\">\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- LIGHTBOX -->\r\n<div class=\"lightbox\" id=\"lightbox\">\r\n <span onclick=\"closeLightbox()\">×<\/span>\r\n <img id=\"lightbox-img\">\r\n<\/div>\r\n\r\n<script>\r\n\r\n\/* FILTER *\/\r\nfunction filterGallery(category){\r\n let items = document.querySelectorAll('.gallery-item');\r\n items.forEach(item=>{\r\n if(category === 'all'){\r\n item.style.display = \"block\";\r\n }else{\r\n if(item.classList.contains(category)){\r\n item.style.display = \"block\";\r\n }else{\r\n item.style.display = \"none\";\r\n }\r\n }\r\n });\r\n}\r\n\r\n\/* LIGHTBOX *\/\r\nconst images = document.querySelectorAll('.gallery-item img');\r\nconst lightbox = document.getElementById('lightbox');\r\nconst lightboxImg = document.getElementById('lightbox-img');\r\n\r\nimages.forEach(img=>{\r\n img.addEventListener('click', ()=>{\r\n lightbox.style.display = \"flex\";\r\n lightboxImg.src = img.src;\r\n });\r\n});\r\n\r\nfunction closeLightbox(){\r\n lightbox.style.display = \"none\";\r\n}\r\n\r\nlightbox.addEventListener(\"click\", (e)=>{\r\n if(e.target !== lightboxImg){\r\n lightbox.style.display = \"none\";\r\n }\r\n});\r\n\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e67b5ba e-flex e-con-boxed e-con e-parent\" data-id=\"e67b5ba\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2f8796e elementor-widget elementor-widget-heading\" data-id=\"2f8796e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">More Coming Soon<\/h2>\t\t\t\t<\/div>\n\t\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>Gallery – Delhi Play School Gall ery Moments of Joy & Learning at Delhi Play School All Activities Celebrations Classroom […]<\/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":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/delhiplayschool.co.in\/home\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/delhiplayschool.co.in\/home\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/delhiplayschool.co.in\/home\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/delhiplayschool.co.in\/home\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/delhiplayschool.co.in\/home\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":7,"href":"https:\/\/delhiplayschool.co.in\/home\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":338,"href":"https:\/\/delhiplayschool.co.in\/home\/wp-json\/wp\/v2\/pages\/13\/revisions\/338"}],"wp:attachment":[{"href":"https:\/\/delhiplayschool.co.in\/home\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}