{"id":987853,"date":"2026-04-15T19:43:17","date_gmt":"2026-04-15T19:43:17","guid":{"rendered":"https:\/\/ameskids.co.in\/?page_id=987853"},"modified":"2026-07-28T03:00:21","modified_gmt":"2026-07-28T03:00:21","slug":"school-events-gallery","status":"publish","type":"page","link":"https:\/\/ameskids.co.in\/index.php\/school-events-gallery\/","title":{"rendered":"School Events &amp; Gallery"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"987853\" class=\"elementor elementor-987853\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-02f304d e-flex e-con-boxed e-con e-parent\" data-id=\"02f304d\" 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-a4d1a55 elementor-widget elementor-widget-html\" data-id=\"a4d1a55\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\" rel=\"stylesheet\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Work+Sans:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    .ames-card-wrapper * { box-sizing: border-box !important; }\r\n\r\n    .ames-card-wrapper {\r\n        background-color: #f0f4f8 !important;\r\n        padding: 50px 20px !important;\r\n        font-family: 'Work Sans', sans-serif !important;\r\n    }\r\n\r\n    .ames-card-container {\r\n        max-width: 1150px !important;\r\n        margin: 0 auto !important;\r\n        background-color: #ffffff !important;\r\n        border-radius: 40px !important;\r\n        padding: 40px !important;\r\n        box-shadow: 0 30px 60px rgba(0, 30, 60, 0.05) !important;\r\n    }\r\n\r\n    .ames-card-header {\r\n        text-align: center !important;\r\n        margin-bottom: 35px !important;\r\n    }\r\n\r\n    .ames-card-header h2 {\r\n        font-size: 32px !important;\r\n        font-weight: 800 !important;\r\n        color: #2d3436 !important;\r\n        margin: 0 0 8px 0 !important;\r\n    }\r\n\r\n    .ames-card-header p {\r\n        color: #64748b !important;\r\n        font-size: 15px !important;\r\n        margin: 0 !important;\r\n    }\r\n\r\n    \/* CATEGORY COVER CARDS GRID *\/\r\n    .category-cards-grid {\r\n        display: grid !important;\r\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;\r\n        gap: 25px !important;\r\n        margin-bottom: 25px !important;\r\n    }\r\n\r\n    .category-cover-card {\r\n        position: relative !important;\r\n        height: 240px !important;\r\n        border-radius: 28px !important;\r\n        overflow: hidden !important;\r\n        cursor: pointer !important;\r\n        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08) !important;\r\n        transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.3s ease !important;\r\n    }\r\n\r\n    .category-cover-card:hover {\r\n        transform: translateY(-8px) !important;\r\n        box-shadow: 0 20px 35px rgba(0, 0, 0, 0.15) !important;\r\n    }\r\n\r\n    .category-cover-card img {\r\n        width: 100% !important;\r\n        height: 100% !important;\r\n        object-fit: cover !important;\r\n        display: block !important;\r\n        transition: transform 0.5s ease !important;\r\n    }\r\n\r\n    .category-cover-card:hover img {\r\n        transform: scale(1.06) !important;\r\n    }\r\n\r\n    \/* GRADIENT OVERLAY & TEXT *\/\r\n    .category-cover-overlay {\r\n        position: absolute !important;\r\n        inset: 0 !important;\r\n        background: linear-gradient(to top, rgba(15, 32, 67, 0.9) 0%, rgba(15, 32, 67, 0.2) 60%, transparent 100%) !important;\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        justify-content: flex-end !important;\r\n        padding: 25px !important;\r\n    }\r\n\r\n    .view-gallery-badge {\r\n        font-size: 11px !important;\r\n        font-weight: 800 !important;\r\n        color: #ffc107 !important;\r\n        text-transform: uppercase !important;\r\n        letter-spacing: 1.5px !important;\r\n        margin-bottom: 4px !important;\r\n        display: block !important;\r\n    }\r\n\r\n    .category-cover-title {\r\n        font-size: 20px !important;\r\n        font-weight: 700 !important;\r\n        color: #ffffff !important;\r\n        margin: 0 !important;\r\n        line-height: 1.3 !important;\r\n    }\r\n\r\n    \/* COLLAPSIBLE GALLERY PANELS *\/\r\n    .gallery-expansion-panel {\r\n        max-height: 0 !important;\r\n        opacity: 0 !important;\r\n        overflow: hidden !important;\r\n        transition: max-height 0.6s cubic-bezier(0, 1, 0, 1), opacity 0.4s ease, padding 0.4s ease !important;\r\n        background: #f8fafc !important;\r\n        border-radius: 30px !important;\r\n        padding: 0 25px !important;\r\n        margin-top: 0 !important;\r\n    }\r\n\r\n    .gallery-expansion-panel.is-open {\r\n        max-height: 5000px !important;\r\n        opacity: 1 !important;\r\n        padding: 30px 25px !important;\r\n        margin-top: 20px !important;\r\n        border: 1px solid #e2e8f0 !important;\r\n    }\r\n\r\n    \/* GALLERY PANEL HEADER & CLOSE BUTTON *\/\r\n    .panel-top-bar {\r\n        display: flex !important;\r\n        justify-content: space-between !important;\r\n        align-items: center !important;\r\n        margin-bottom: 25px !important;\r\n        padding-bottom: 15px !important;\r\n        border-bottom: 2px solid #e2e8f0 !important;\r\n    }\r\n\r\n    .panel-title {\r\n        font-size: 20px !important;\r\n        font-weight: 800 !important;\r\n        color: #2d3436 !important;\r\n        margin: 0 !important;\r\n    }\r\n\r\n    .close-gallery-btn {\r\n        background-color: #ff7675 !important;\r\n        color: #ffffff !important;\r\n        border: none !important;\r\n        padding: 8px 18px !important;\r\n        font-size: 13px !important;\r\n        font-weight: 700 !important;\r\n        border-radius: 50px !important;\r\n        cursor: pointer !important;\r\n        display: inline-flex !important;\r\n        align-items: center !important;\r\n        gap: 6px !important;\r\n        transition: background 0.3s ease !important;\r\n    }\r\n\r\n    .close-gallery-btn:hover {\r\n        background-color: #d63031 !important;\r\n    }\r\n\r\n    \/* THE INNER IMAGE GRID *\/\r\n    .inner-photo-grid {\r\n        display: grid !important;\r\n        grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;\r\n        gap: 20px !important;\r\n    }\r\n\r\n    .inner-photo-item {\r\n        position: relative !important;\r\n        border-radius: 20px !important;\r\n        overflow: hidden !important;\r\n        background: #fff !important;\r\n        padding: 8px !important;\r\n        box-shadow: 0 10px 20px rgba(0,0,0,0.05) !important;\r\n        border: 1px solid #ffffff !important;\r\n        transition: transform 0.3s ease !important;\r\n    }\r\n\r\n    .inner-photo-item:hover {\r\n        transform: scale(1.05) !important;\r\n        z-index: 5 !important;\r\n    }\r\n\r\n    .inner-photo-item img {\r\n        width: 100% !important;\r\n        height: 200px !important;\r\n        object-fit: cover !important;\r\n        border-radius: 14px !important;\r\n        display: block !important;\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n        .ames-card-container { padding: 25px 15px !important; }\r\n        .category-cards-grid { grid-template-columns: 1fr !important; }\r\n        .inner-photo-grid { grid-template-columns: 1fr !important; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"ames-card-wrapper\">\r\n    <div class=\"ames-card-container\">\r\n        \r\n        <div class=\"ames-card-header\">\r\n            <h2>Campus <span style=\"color: #00b894;\">Memories<\/span><\/h2>\r\n            <p>Click on any activity card below to view all photos<\/p>\r\n        <\/div>\r\n\r\n        <!-- CATEGORY PREVIEW CARDS GRID -->\r\n        <div class=\"category-cards-grid\">\r\n            \r\n            <!-- CARD 1: CAMPUS MOMENTS -->\r\n            <div class=\"category-cover-card\" onclick=\"toggleCategoryPanel('campus')\">\r\n                <img decoding=\"async\" src=\"https:\/\/ameskids.co.in\/wp-content\/uploads\/2026\/04\/IMG_20260114_115938.jpg\" alt=\"Campus Moments\">\r\n                <div class=\"category-cover-overlay\">\r\n                    <span class=\"view-gallery-badge\">View Gallery<\/span>\r\n                    <h3 class=\"category-cover-title\">Campus Moments<\/h3>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- CARD 2: THUMB PAINTING ACTIVITY -->\r\n            <div class=\"category-cover-card\" onclick=\"toggleCategoryPanel('thumb')\">\r\n                <img decoding=\"async\" src=\"https:\/\/ameskids.co.in\/wp-content\/uploads\/2026\/07\/1-1.jpeg\" alt=\"Thumb Painting Activity\">\r\n                <div class=\"category-cover-overlay\">\r\n                    <span class=\"view-gallery-badge\">View Gallery<\/span>\r\n                    <h3 class=\"category-cover-title\">Thumb Painting Activity<\/h3>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- CARD 3: DIGITAL LEARNING - TYPES OF HOUSES -->\r\n            <div class=\"category-cover-card\" onclick=\"toggleCategoryPanel('digital-houses')\">\r\n                <img decoding=\"async\" src=\"https:\/\/ameskids.co.in\/wp-content\/uploads\/2026\/07\/Digital-2.jpeg\" alt=\"Digital Learning \u2013 Types of Houses\">\r\n                <div class=\"category-cover-overlay\">\r\n                    <span class=\"view-gallery-badge\">View Gallery<\/span>\r\n                    <h3 class=\"category-cover-title\">Digital Learning \u2013 Types of Houses<\/h3>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- CARD 4: MORE & LESS EXPLORATION -->\r\n            <div class=\"category-cover-card\" onclick=\"toggleCategoryPanel('more-less')\">\r\n                <img decoding=\"async\" src=\"https:\/\/ameskids.co.in\/wp-content\/uploads\/2026\/07\/more1-1.jpeg\" alt=\"More & Less Exploration\">\r\n                <div class=\"category-cover-overlay\">\r\n                    <span class=\"view-gallery-badge\">View Gallery<\/span>\r\n                    <h3 class=\"category-cover-title\">More & Less Exploration<\/h3>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- CARD 5: KEEPING CLEAN \u2014 HANDS-ON ACTIVITY -->\r\n            <div class=\"category-cover-card\" onclick=\"toggleCategoryPanel('keeping-clean')\">\r\n                <img decoding=\"async\" src=\"https:\/\/ameskids.co.in\/wp-content\/uploads\/2026\/07\/keep-Clean-1-1.jpeg\" alt=\"Keeping Clean \u2014 Hands-On Activity\">\r\n                <div class=\"category-cover-overlay\">\r\n                    <span class=\"view-gallery-badge\">View Gallery<\/span>\r\n                    <h3 class=\"category-cover-title\">Keeping Clean \u2014 Hands-On Activity<\/h3>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- EXPANDABLE PANEL 1: CAMPUS MOMENTS IMAGES -->\r\n        <div class=\"gallery-expansion-panel\" id=\"panel-campus\">\r\n            <div class=\"panel-top-bar\">\r\n                <h4 class=\"panel-title\">Campus Moments<\/h4>\r\n                <button class=\"close-gallery-btn\" onclick=\"closeAllPanels()\">\r\n                    <i class=\"fa-solid fa-xmark\"><\/i> Close Gallery\r\n                <\/button>\r\n            <\/div>\r\n            <div class=\"inner-photo-grid\">\r\n                <div class=\"inner-photo-item\"><img decoding=\"async\" src=\"https:\/\/ameskids.co.in\/wp-content\/uploads\/2026\/04\/IMG_20260114_115938.jpg\"><\/div>\r\n                <div class=\"inner-photo-item\"><img decoding=\"async\" src=\"https:\/\/ameskids.co.in\/wp-content\/uploads\/2026\/04\/IMG_20251223_120701-scaled.jpg\"><\/div>\r\n                <div class=\"inner-photo-item\"><img decoding=\"async\" src=\"https:\/\/ameskids.co.in\/wp-content\/uploads\/2026\/04\/IMG_20251223_104044-scaled.jpg\"><\/div>\r\n                <div class=\"inner-photo-item\"><img decoding=\"async\" src=\"https:\/\/ameskids.co.in\/wp-content\/uploads\/2026\/04\/163B24E5-7D33-4589-B31E-6B2890BCE9EE-scaled.jpeg\"><\/div>\r\n                <div class=\"inner-photo-item\"><img decoding=\"async\" src=\"https:\/\/ameskids.co.in\/wp-content\/uploads\/2026\/04\/1A807CE8-0918-4C25-8C89-70CFAA2F71BE-scaled.jpeg\"><\/div>\r\n                <div class=\"inner-photo-item\"><img decoding=\"async\" src=\"https:\/\/ameskids.co.in\/wp-content\/uploads\/2026\/04\/011A7580-8D26-4150-B19A-28586653DBFC-scaled.jpeg\"><\/div>\r\n                <div class=\"inner-photo-item\"><img decoding=\"async\" src=\"https:\/\/ameskids.co.in\/wp-content\/uploads\/2026\/04\/IMG_20260212_110020.jpg\"><\/div>\r\n                <div class=\"inner-photo-item\"><img decoding=\"async\" src=\"https:\/\/ameskids.co.in\/wp-content\/uploads\/2026\/04\/IMG_20260212_110046-scaled.jpg\"><\/div>\r\n                <div class=\"inner-photo-item\"><img decoding=\"async\" src=\"https:\/\/ameskids.co.in\/wp-content\/uploads\/2026\/04\/IMG_20260212_110048-scaled.jpg\"><\/div>\r\n                <div class=\"inner-photo-item\"><img decoding=\"async\" src=\"https:\/\/ameskids.co.in\/wp-content\/uploads\/2026\/04\/0198DEA4-3A08-4633-9B5A-C3DE34CC95E6-scaled.jpeg\"><\/div>\r\n                <div class=\"inner-photo-item\"><img decoding=\"async\" src=\"https:\/\/ameskids.co.in\/wp-content\/uploads\/2026\/04\/18B0D5F5-BC4B-4FD9-A09C-4E20F5A08289-scaled.jpeg\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- EXPANDABLE PANEL 2: THUMB PAINTING IMAGES -->\r\n        <div class=\"gallery-expansion-panel\" id=\"panel-thumb\">\r\n            <div class=\"panel-top-bar\">\r\n                <h4 class=\"panel-title\">Thumb Painting Activity<\/h4>\r\n                <button class=\"close-gallery-btn\" onclick=\"closeAllPanels()\">\r\n                    <i class=\"fa-solid fa-xmark\"><\/i> Close Gallery\r\n                <\/button>\r\n            <\/div>\r\n            <div class=\"inner-photo-grid\">\r\n                <div class=\"inner-photo-item\"><img decoding=\"async\" src=\"https:\/\/ameskids.co.in\/wp-content\/uploads\/2026\/07\/1-1.jpeg\"><\/div>\r\n                <div class=\"inner-photo-item\"><img decoding=\"async\" src=\"https:\/\/ameskids.co.in\/wp-content\/uploads\/2026\/07\/1-2.jpeg\"><\/div>\r\n                <div class=\"inner-photo-item\"><img decoding=\"async\" src=\"https:\/\/ameskids.co.in\/wp-content\/uploads\/2026\/07\/1-3.jpeg\"><\/div>\r\n                <div class=\"inner-photo-item\"><img decoding=\"async\" src=\"https:\/\/ameskids.co.in\/wp-content\/uploads\/2026\/07\/1-4.jpeg\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- EXPANDABLE PANEL 3: DIGITAL LEARNING - TYPES OF HOUSES -->\r\n        <div class=\"gallery-expansion-panel\" id=\"panel-digital-houses\">\r\n            <div class=\"panel-top-bar\">\r\n                <h4 class=\"panel-title\">Digital Learning \u2013 Types of Houses<\/h4>\r\n                <button class=\"close-gallery-btn\" onclick=\"closeAllPanels()\">\r\n                    <i class=\"fa-solid fa-xmark\"><\/i> Close Gallery\r\n                <\/button>\r\n            <\/div>\r\n            <div class=\"inner-photo-grid\">\r\n                <div class=\"inner-photo-item\"><img decoding=\"async\" src=\"https:\/\/ameskids.co.in\/wp-content\/uploads\/2026\/07\/Digital-2.jpeg\"><\/div>\r\n                <div class=\"inner-photo-item\"><img decoding=\"async\" src=\"https:\/\/ameskids.co.in\/wp-content\/uploads\/2026\/07\/Digital-3.jpeg\"><\/div>\r\n                <div class=\"inner-photo-item\"><img decoding=\"async\" src=\"https:\/\/ameskids.co.in\/wp-content\/uploads\/2026\/07\/Digital-4.jpeg\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- EXPANDABLE PANEL 4: MORE & LESS EXPLORATION -->\r\n        <div class=\"gallery-expansion-panel\" id=\"panel-more-less\">\r\n            <div class=\"panel-top-bar\">\r\n                <h4 class=\"panel-title\">More & Less Exploration<\/h4>\r\n                <button class=\"close-gallery-btn\" onclick=\"closeAllPanels()\">\r\n                    <i class=\"fa-solid fa-xmark\"><\/i> Close Gallery\r\n                <\/button>\r\n            <\/div>\r\n            <div class=\"inner-photo-grid\">\r\n                <div class=\"inner-photo-item\"><img decoding=\"async\" src=\"https:\/\/ameskids.co.in\/wp-content\/uploads\/2026\/07\/more1-1.jpeg\"><\/div>\r\n                <div class=\"inner-photo-item\"><img decoding=\"async\" src=\"https:\/\/ameskids.co.in\/wp-content\/uploads\/2026\/07\/more1-2.jpeg\"><\/div>\r\n                <div class=\"inner-photo-item\"><img decoding=\"async\" src=\"https:\/\/ameskids.co.in\/wp-content\/uploads\/2026\/07\/more1-3.jpeg\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- EXPANDABLE PANEL 5: KEEPING CLEAN \u2014 HANDS-ON ACTIVITY -->\r\n        <div class=\"gallery-expansion-panel\" id=\"panel-keeping-clean\">\r\n            <div class=\"panel-top-bar\">\r\n                <h4 class=\"panel-title\">Keeping Clean \u2014 Hands-On Activity<\/h4>\r\n                <button class=\"close-gallery-btn\" onclick=\"closeAllPanels()\">\r\n                    <i class=\"fa-solid fa-xmark\"><\/i> Close Gallery\r\n                <\/button>\r\n            <\/div>\r\n            <div class=\"inner-photo-grid\">\r\n                <div class=\"inner-photo-item\"><img decoding=\"async\" src=\"https:\/\/ameskids.co.in\/wp-content\/uploads\/2026\/07\/keep-Clean-1-1.jpeg\"><\/div>\r\n                <div class=\"inner-photo-item\"><img decoding=\"async\" src=\"https:\/\/ameskids.co.in\/wp-content\/uploads\/2026\/07\/keep-Clean-1-2.jpeg\"><\/div>\r\n                <div class=\"inner-photo-item\"><img decoding=\"async\" src=\"https:\/\/ameskids.co.in\/wp-content\/uploads\/2026\/07\/keep-Clean-1-3.jpeg\"><\/div>\r\n                <div class=\"inner-photo-item\"><img decoding=\"async\" src=\"https:\/\/ameskids.co.in\/wp-content\/uploads\/2026\/07\/keep-Clean-1-4.jpeg\"><\/div>\r\n                <div class=\"inner-photo-item\"><img decoding=\"async\" src=\"https:\/\/ameskids.co.in\/wp-content\/uploads\/2026\/07\/keep-Clean-1-5.jpeg\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    function toggleCategoryPanel(catName) {\r\n        const targetPanel = document.getElementById('panel-' + catName);\r\n        const isOpen = targetPanel.classList.contains('is-open');\r\n\r\n        closeAllPanels();\r\n\r\n        if (!isOpen) {\r\n            targetPanel.classList.add('is-open');\r\n            setTimeout(() => {\r\n                targetPanel.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\r\n            }, 200);\r\n        }\r\n    }\r\n\r\n    function closeAllPanels() {\r\n        const panels = document.querySelectorAll('.gallery-expansion-panel');\r\n        panels.forEach(panel => panel.classList.remove('is-open'));\r\n    }\r\n<\/script>\t\t\t\t<\/div>\n\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>Campus Memories Click on any activity card below to view all photos View Gallery Campus Moments View Gallery Thumb Painting Activity View Gallery Digital Learning \u2013 Types of Houses View Gallery More &#038; Less Exploration View Gallery Keeping Clean \u2014 Hands-On Activity Campus Moments Close Gallery Thumb Painting Activity Close Gallery Digital Learning \u2013 Types&#8230;<\/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-987853","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ameskids.co.in\/index.php\/wp-json\/wp\/v2\/pages\/987853","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ameskids.co.in\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ameskids.co.in\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ameskids.co.in\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ameskids.co.in\/index.php\/wp-json\/wp\/v2\/comments?post=987853"}],"version-history":[{"count":53,"href":"https:\/\/ameskids.co.in\/index.php\/wp-json\/wp\/v2\/pages\/987853\/revisions"}],"predecessor-version":[{"id":989540,"href":"https:\/\/ameskids.co.in\/index.php\/wp-json\/wp\/v2\/pages\/987853\/revisions\/989540"}],"wp:attachment":[{"href":"https:\/\/ameskids.co.in\/index.php\/wp-json\/wp\/v2\/media?parent=987853"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}