{"id":29,"date":"2026-05-20T06:25:02","date_gmt":"2026-05-20T06:25:02","guid":{"rendered":"https:\/\/www.delhipublicschoolbhiwadi.com\/media-gallery\/?page_id=29"},"modified":"2026-06-15T06:30:45","modified_gmt":"2026-06-15T06:30:45","slug":"media-gallery","status":"publish","type":"page","link":"https:\/\/www.delhipublicschoolbhiwadi.com\/media-gallery\/","title":{"rendered":"Media Gallery"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-89 size-full\" src=\"https:\/\/www.delhipublicschoolbhiwadi.com\/media-gallery\/wp-content\/uploads\/2026\/06\/banners.jpg\" alt=\"\" width=\"1792\" height=\"592\" srcset=\"https:\/\/www.delhipublicschoolbhiwadi.com\/media-gallery\/wp-content\/uploads\/2026\/06\/banners.jpg 1792w, https:\/\/www.delhipublicschoolbhiwadi.com\/media-gallery\/wp-content\/uploads\/2026\/06\/banners-300x99.jpg 300w, https:\/\/www.delhipublicschoolbhiwadi.com\/media-gallery\/wp-content\/uploads\/2026\/06\/banners-1024x338.jpg 1024w, https:\/\/www.delhipublicschoolbhiwadi.com\/media-gallery\/wp-content\/uploads\/2026\/06\/banners-768x254.jpg 768w, https:\/\/www.delhipublicschoolbhiwadi.com\/media-gallery\/wp-content\/uploads\/2026\/06\/banners-1536x507.jpg 1536w\" sizes=\"auto, (max-width: 1792px) 100vw, 1792px\" \/><\/p>\n<p style=\"text-align: center;\"><strong><a href=\"https:\/\/www.delhipublicschoolbhiwadi.com\/media-gallery\">Delhi Public School Bhiwadi<\/a> &#8211; Media Gallery<\/strong><\/p>\n\n<div class=\"wpmg-gallery-app\">\n    <!-- Navigation -->\n    <nav class=\"navbar navbar-expand-lg navbar-dark sticky-top\">\n        <div class=\"container\">\n            <a class=\"navbar-brand\" href=\"#\">\n                <i class=\"fas fa-images\"><\/i> Delhi Public School Bhiwadi\n            <\/a>\n            <button class=\"navbar-toggler\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#navbarNav\">\n                <span class=\"navbar-toggler-icon\"><\/span>\n            <\/button>\n            <div class=\"collapse navbar-collapse\" id=\"navbarNav\">\n                <ul class=\"navbar-nav mx-auto\">\n                    <li class=\"nav-item\">\n                        <a class=\"nav-link active\" href=\"#\" data-tab=\"image\">\n                            <i class=\"fas fa-image\"><\/i> Image Gallery\n                        <\/a>\n                    <\/li>\n                    <li class=\"nav-item\">\n                        <a class=\"nav-link\" href=\"#\" data-tab=\"video\">\n                            <i class=\"fas fa-video\"><\/i> Video Gallery\n                        <\/a>\n                    <\/li>\n                    <li class=\"nav-item\">\n                        <a class=\"nav-link\" href=\"#\" data-tab=\"social\">\n                            <i class=\"fab fa-facebook\"><\/i> Social Media\n                        <\/a>\n                    <\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n    <\/nav>\n\n    <!-- Hero Section -->\n    <div class=\"hero-section\">\n        <div class=\"container\">\n            <h1 class=\"display-4 mb-3\">Welcome to DPS Bhiwadi Gallery<\/h1>\n            <p class=\"lead\">Discover amazing images, trending videos, and social media content<\/p>\n            <div class=\"search-box mt-4\">\n                <div class=\"input-group\">\n                    <input type=\"text\" class=\"form-control\" id=\"searchInput\" placeholder=\"Search images...\">\n                    <button class=\"btn btn-primary\" id=\"searchBtn\">\n                        <i class=\"fas fa-search\"><\/i> Search\n                    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"container\">\n        <!-- Stats Section - Dynamically loaded -->\n        <div class=\"stats-section\">\n            <div class=\"row\">\n                <div class=\"col-md-3 col-6 stat-box\">\n                    <div class=\"stat-number\" id=\"totalImages\">0<\/div>\n                    <div>Images<\/div>\n                <\/div>\n                <div class=\"col-md-3 col-6 stat-box\">\n                    <div class=\"stat-number\" id=\"totalVideos\">0<\/div>\n                    <div>Videos<\/div>\n                <\/div>\n                <div class=\"col-md-3 col-6 stat-box\">\n                    <div class=\"stat-number\" id=\"totalShorts\">0<\/div>\n                    <div>Shorts<\/div>\n                <\/div>\n                <div class=\"col-md-3 col-6 stat-box\">\n                    <div class=\"stat-number\" id=\"totalSocial\">0<\/div>\n                    <div>Social Posts<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Tabs Navigation -->\n        <ul class=\"nav nav-tabs\" id=\"mainTab\">\n            <li class=\"nav-item\">\n                <a class=\"nav-link active\" id=\"image-tab\" data-bs-toggle=\"tab\" href=\"#imageGallery\">\n                    <i class=\"fas fa-image\"><\/i> Image Gallery\n                <\/a>\n            <\/li>\n            <li class=\"nav-item\">\n                <a class=\"nav-link\" id=\"video-tab\" data-bs-toggle=\"tab\" href=\"#videoGallery\">\n                    <i class=\"fas fa-video\"><\/i> Video Gallery\n                <\/a>\n            <\/li>\n            <li class=\"nav-item\">\n                <a class=\"nav-link\" id=\"social-tab\" data-bs-toggle=\"tab\" href=\"#socialGallery\">\n                    <i class=\"fas fa-share-alt\"><\/i> Social Media Feed\n                <\/a>\n            <\/li>\n        <\/ul>\n\n        <!-- Tab Content -->\n        <div class=\"tab-content\">\n            <!-- Image Gallery Tab -->\n            <div class=\"tab-pane fade show active\" id=\"imageGallery\">\n                <div class=\"row mb-4\">\n                    <div class=\"col-12 text-center\">\n                        <div class=\"d-flex flex-wrap justify-content-center\" id=\"categoryFilters\">\n                            <button class=\"category-btn active\" data-category=\"all\">All Categories<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"row\" id=\"imageGrid\">\n                    <div class=\"col-12 text-center py-5\">\n                        <div class=\"spinner-border text-primary\" role=\"status\"><\/div>\n                        <p class=\"mt-2\">Loading images...<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Video Gallery Tab - 4 Columns -->\n            <div class=\"tab-pane fade\" id=\"videoGallery\">\n                <div class=\"row mb-4\">\n                    <div class=\"col-12\">\n                        <div class=\"btn-group w-100\">\n                            <button class=\"btn btn-primary active-video-tab\" data-video-type=\"regular\">\n                                <i class=\"fas fa-video\"><\/i> Regular Videos\n                            <\/button>\n                            <button class=\"btn btn-primary\" data-video-type=\"shorts\">\n                                <i class=\"fas fa-mobile-alt\"><\/i> YouTube Shorts\n                            <\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div id=\"regularVideos\" class=\"row\">\n                    <div class=\"col-12 text-center py-5\">\n                        <div class=\"spinner-border text-primary\" role=\"status\"><\/div>\n                        <p class=\"mt-2\">Loading videos...<\/p>\n                    <\/div>\n                <\/div>\n                <div id=\"shortsVideos\" class=\"row\" style=\"display: none;\"><\/div>\n            <\/div>\n\n            <!-- Social Media Tab - Facebook, Instagram, LinkedIn -->\n            <div class=\"tab-pane fade\" id=\"socialGallery\">\n                <div class=\"row mb-4\">\n                    <div class=\"col-12 text-center\">\n                        <div class=\"btn-group flex-wrap justify-content-center\">\n                            <button class=\"social-filter active\" data-platform=\"all\">All Platforms<\/button>\n                            <button class=\"social-filter\" data-platform=\"facebook\">\n                                <i class=\"fab fa-facebook\"><\/i> Facebook\n                            <\/button>\n                            <button class=\"social-filter\" data-platform=\"instagram\">\n                                <i class=\"fab fa-instagram\"><\/i> Instagram\n                            <\/button>\n                            <button class=\"social-filter\" data-platform=\"linkedin\">\n                                <i class=\"fab fa-linkedin\"><\/i> LinkedIn\n                            <\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div id=\"socialFeed\" class=\"row\">\n                    <div class=\"col-12 text-center py-5\">\n                        <div class=\"spinner-border text-primary\" role=\"status\"><\/div>\n                        <p class=\"mt-2\">Loading social feeds...<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Load More Button -->\n        <div class=\"text-center my-4\" id=\"loadMoreContainer\" style=\"display: none;\">\n            <button class=\"btn btn-primary btn-lg\" id=\"loadMoreBtn\">Load More<\/button>\n        <\/div>\n    <\/div>\n\n    <!-- Video Modal -->\n    <div class=\"modal fade\" id=\"videoModal\" tabindex=\"-1\">\n        <div class=\"modal-dialog modal-lg modal-dialog-centered\">\n            <div class=\"modal-content bg-dark\">\n                <div class=\"modal-header border-0\">\n                    <button type=\"button\" class=\"btn-close btn-close-white\" data-bs-dismiss=\"modal\"><\/button>\n                <\/div>\n                <div class=\"modal-body p-0\">\n                    <div class=\"ratio ratio-16x9\">\n                        <iframe id=\"videoIframe\" src=\"\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n\/* Your existing CSS remains the same - NO CHANGES *\/\n.wpmg-gallery-app {\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    min-height: 100vh;\n}\n\n.navbar {\n    backdrop-filter: blur(10px);\n}\n\n.navbar-brand {\n    font-size: 1.5rem;\n    font-weight: bold;\n    background: linear-gradient(45deg, #ff6b6b, #4ecdc4);\n    -webkit-background-clip: text;\n    background-clip: text;\n    color: transparent !important;\n}\n\n.hero-section {\n    padding: 60px 0;\n    margin-bottom: 40px;\n    border-radius: 0 0 50px 50px;\n    color: white;\n    text-align: center;\n}\n\n.search-box {\n    max-width: 400px;\n    margin: 0 auto;\n}\n\n.search-box input {\n    border-radius: 25px 0 0 25px;\n    border: none;\n    padding: 12px 20px;\n    outline: none;\n}\n\n.search-box button {\n    border-radius: 0 25px 25px 0;\n    padding: 12px 25px;\n    background: linear-gradient(45deg, #667eea, #764ba2);\n    border: none;\n}\n\n.stats-section {\n    border-radius: 20px;\n    padding: 30px;\n    margin: 30px 0;\n    text-align: center;\n}\n\n.stat-number {\n    font-size: 36px;\n    font-weight: bold;\n    color: #667eea;\n}\n\n.nav-tabs {\n    border: none;\n    justify-content: center;\n    margin-bottom: 30px;\n}\n\n.nav-tabs .nav-link {\n    border: none;\n    font-size: 1.1rem;\n    padding: 12px 30px;\n    margin: 0 10px;\n    border-radius: 25px;\n    background: white;\n    color: #333;\n    transition: all 0.3s;\n}\n\n.nav-tabs .nav-link.active {\n    background: linear-gradient(45deg, #667eea, #764ba2);\n    color: white !important;\n}\n\n.category-btn {\n    margin: 5px;\n    padding: 0px 10px;\n    border-radius: 25px;\n    transition: all 0.3s;\n    font-weight: 500;\n    border: 2px solid #667eea;\n    background: white;\n    color: #667eea;\n    cursor: pointer;\n}\n\n.category-btn.active {\n    background: linear-gradient(45deg, #667eea, #764ba2);\n    color: white !important;\n    border: none;\n}\n\n.gallery-card {\n    border-radius: 15px;\n    overflow: hidden;\n    margin-bottom: 25px;\n    cursor: pointer;\n    transition: transform 0.3s, box-shadow 0.3s;\n}\n\n.gallery-card:hover {\n    transform: translateY(-10px);\n    box-shadow: 0 15px 35px rgba(0,0,0,0.2);\n}\n\n.gallery-card img {\n    width: 100%;\n\/*     height: 250px; *\/\n    object-fit: cover;\n    transition: transform 0.3s;\n}\n\n.gallery-card:hover img {\n    transform: scale(1.05);\n}\n\n.card-body {\n    padding: 20px;\n}\n\n.category-badge {\n    display: inline-block;\n    padding: 0px 10px;\n    background: linear-gradient(45deg, #667eea, #764ba2);\n    color: white;\n    border-radius: 20px;\n    font-size: 10px;\n    margin-bottom: 10px;\n}\n\n\/* Video Cards - 4 Column Grid *\/\n.video-card {\n    border-radius: 15px;\n    overflow: hidden;\n    margin-bottom: 25px;\n    cursor: pointer;\n    box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n    transition: transform 0.3s;\n}\n\n.video-card:hover {\n    transform: translateY(-10px);\n    box-shadow: 0 15px 35px rgba(0,0,0,0.2);\n}\n\n.video-thumbnail {\n    position: relative;\n    overflow: hidden;\n}\n\n.video-thumbnail img {\n    width: 100%;\n    height: 200px;\n    object-fit: cover;\n    transition: transform 0.3s;\n}\n\n.video-card:hover .video-thumbnail img {\n    transform: scale(1.05);\n}\n\n.play-overlay {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 60px;\n    height: 60px;\n    background: rgba(255,255,255,0.9);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.3s;\n    opacity: 0.9;\n}\n\n.play-overlay i {\n    font-size: 28px;\n    color: #ff4757;\n    margin-left: 5px;\n}\n\n.video-card:hover .play-overlay {\n    transform: translate(-50%, -50%) scale(1.1);\n    opacity: 1;\n}\n\n.video-info {\n    padding: 15px;\n}\n\n.video-title {\n    font-size: 14px;\n    font-weight: 600;\n    margin-bottom: 8px;\n    line-height: 1.4;\n}\n\n.video-channel {\n    font-size: 12px;\n    color: #999;\n    margin-bottom: 5px;\n}\n\n.video-stats {\n    font-size: 11px;\n    color: #bbb;\n    display: flex;\n    align-items: center;\n    gap: 5px;\n}\n\n.shorts-card {\n    background: white;\n    border-radius: 15px;\n    overflow: hidden;\n    margin-bottom: 20px;\n    cursor: pointer;\n    transition: transform 0.3s;\n    box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n}\n\n.shorts-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 10px 30px rgba(0,0,0,0.2);\n}\n\n.shorts-card .video-thumbnail img {\n    height: 350px;\n}\n\n.shorts-badge {\n    position: absolute;\n    top: 10px;\n    right: 10px;\n    background: #ff4757;\n    color: white;\n    padding: 4px 10px;\n    border-radius: 20px;\n    font-size: 10px;\n    font-weight: bold;\n    z-index: 1;\n}\n\n\/* Social Cards - Facebook, Instagram, LinkedIn *\/\n.social-card {\n    border-radius: 15px;\n    padding: 20px;\n    margin-bottom: 20px;\n    transition: transform 0.3s;\n    box-shadow: 0 5px 15px rgba(0,0,0,0.08);\n}\n\n.social-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 10px 30px rgba(0,0,0,0.15);\n}\n\n.social-header {\n    display: flex;\n    align-items: center;\n    margin-bottom: 15px;\n}\n\n.social-icon {\n    width: 50px;\n    height: 50px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 25px;\n    margin-right: 15px;\n}\n\n.facebook-bg {\n    background: #1877f2;\n    color: white;\n}\n\n.instagram-bg {\n    background: linear-gradient(45deg, #f09433, #d62976, #962fbf);\n    color: white;\n}\n\n.linkedin-bg {\n    background: #0077b5;\n    color: white;\n}\n\n.social-image {\n    width: 100%;\n    border-radius: 10px;\n    margin: 15px 0;\n}\n\n.social-embed {\n    width: 100%;\n    border-radius: 10px;\n    margin: 15px 0;\n    min-height: 400px;\n    border: none;\n}\n\n.social-stats {\n    display: flex;\n    gap: 15px;\n    margin-top: 10px;\n    font-size: 13px;\n    color: #666;\n}\n\n\/* Buttons *\/\n.btn-group .btn {\n    padding: 12px;\n    font-weight: 500;\n}\n\n.btn-primary {\n    background: #6c757d;\n    border: none;\n    transition: all 0.3s;\n}\n\n.active-video-tab {\n    background: linear-gradient(45deg, #667eea, #764ba2) !important;\n}\n\n.social-filter {\n    margin: 5px;\n    padding: 10px 25px;\n    border-radius: 25px;\n    cursor: pointer;\n    background: white;\n    border: 2px solid #667eea;\n    color: #667eea;\n    transition: all 0.3s;\n}\n\n.social-filter.active {\n    background: linear-gradient(45deg, #667eea, #764ba2);\n    color: white;\n    border: none;\n}\n\n#loadMoreBtn {\n    background: linear-gradient(45deg, #667eea, #764ba2);\n    border: none;\n    padding: 12px 40px;\n    border-radius: 40px;\n    font-weight: bold;\n}\n\n@keyframes fadeInUp {\n    from {\n        opacity: 0;\n        transform: translateY(30px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n.fade-in-up {\n    animation: fadeInUp 0.6s ease-out;\n}\n\n\/* 4 Column Grid for Videos *\/\n@media (min-width: 992px) {\n    #regularVideos .col-md-3,\n    #shortsVideos .col-md-3 {\n        flex: 0 0 25%;\n        max-width: 25%;\n    }\n}\n\n@media (max-width: 991px) and (min-width: 768px) {\n    #regularVideos .col-md-3,\n    #shortsVideos .col-md-3 {\n        flex: 0 0 33.333%;\n        max-width: 33.333%;\n    }\n}\n\n@media (max-width: 767px) and (min-width: 576px) {\n    #regularVideos .col-md-3,\n    #shortsVideos .col-md-3 {\n        flex: 0 0 50%;\n        max-width: 50%;\n    }\n}\n\n@media (max-width: 575px) {\n    #regularVideos .col-md-3,\n    #shortsVideos .col-md-3 {\n        flex: 0 0 100%;\n        max-width: 100%;\n    }\n}\n\n@media (max-width: 768px) {\n    .hero-section h1 {\n        font-size: 28px;\n    }\n    \n    .nav-tabs .nav-link {\n        padding: 8px 15px;\n        font-size: 14px;\n    }\n    \n    .shorts-card .video-thumbnail img {\n        height: 250px;\n    }\n    \n    .category-btn {\n        padding: 6px 15px;\n        font-size: 12px;\n    }\n    \n    .stat-number {\n        font-size: 24px;\n    }\n}\n\n@media (max-width: 576px) {\n    .shorts-card .video-thumbnail img {\n        height: 200px;\n    }\n}\n<\/style>\n\n<script>\njQuery(document).ready(function($) {\n    \/\/ ============================================\n    \/\/ GLOBAL VARIABLES\n    \/\/ ============================================\n    let currentTab = 'image';\n    let currentCategory = 'all';\n    let currentSearch = '';\n    let imagePage = 1;\n    let videoPage = 1;\n    let socialPage = 1;\n    let videoType = 'regular';\n    let socialPlatform = 'all';\n    let isLoading = false;\n    let hasMoreImages = true;\n    let hasMoreVideos = true;\n    let hasMoreSocial = true;\n    let categories = [];\n    \n    \/\/ DPS Bhiwadi Social Media URLs\n    const INSTAGRAM_URL = 'https:\/\/www.instagram.com\/dpsbhiwadiofficial';\n    const LINKEDIN_URL = 'https:\/\/in.linkedin.com\/company\/dps-bhiwadi-official';\n    const FACEBOOK_URL = 'https:\/\/www.facebook.com\/profile.php?id=61581152210419';\n    \n    \/\/ ============================================\n    \/\/ HELPER FUNCTIONS\n    \/\/ ============================================\n    function formatNumber(num) {\n        if (num >= 1000000) return (num \/ 1000000).toFixed(1) + 'M';\n        if (num >= 1000) return (num \/ 1000).toFixed(1) + 'K';\n        return num.toString();\n    }\n    \n    function escapeHtml(text) {\n        if (!text) return '';\n        return $('<div>').text(text).html();\n    }\n    \n    \/\/ ============================================\n    \/\/ LOAD CATEGORIES FROM DATABASE\n    \/\/ ============================================\n    function loadCategories() {\n        $.ajax({\n            url: wpmg_ajax.rest_url + 'categories',\n            type: 'GET',\n            success: function(res) {\n                if (res && res.length > 0) {\n                    categories = res;\n                    let html = '<button class=\"category-btn active\" data-category=\"all\">All Categories<\/button>';\n                    $.each(res, function(i, cat) {\n                        let iconHtml = cat.icon ? `<i class=\"${cat.icon}\"><\/i> ` : '';\n                        html += `<button class=\"category-btn\" data-category=\"${cat.slug}\">${iconHtml} ${escapeHtml(cat.name)}<\/button>`;\n                    });\n                    $('#categoryFilters').html(html);\n                    \n                    $('.category-btn').on('click', function() {\n                        $('.category-btn').removeClass('active');\n                        $(this).addClass('active');\n                        currentCategory = $(this).data('category');\n                        loadImages(true);\n                    });\n                }\n            },\n            error: function() {\n                console.log('Error loading categories');\n                let fallbackHtml = '<button class=\"category-btn active\" data-category=\"all\">All Categories<\/button>';\n                fallbackHtml += '<button class=\"category-btn\" data-category=\"nature\">\ud83c\udf04 Nature<\/button>';\n                fallbackHtml += '<button class=\"category-btn\" data-category=\"technology\">\ud83d\udcbb Technology<\/button>';\n                fallbackHtml += '<button class=\"category-btn\" data-category=\"travel\">\u2708\ufe0f Travel<\/button>';\n                fallbackHtml += '<button class=\"category-btn\" data-category=\"food\">\ud83c\udf54 Food<\/button>';\n                fallbackHtml += '<button class=\"category-btn\" data-category=\"sports\">\u26bd Sports<\/button>';\n                fallbackHtml += '<button class=\"category-btn\" data-category=\"art\">\ud83c\udfa8 Art<\/button>';\n                $('#categoryFilters').html(fallbackHtml);\n            }\n        });\n    }\n    \n    \/\/ ============================================\n    \/\/ LOAD STATISTICS\n    \/\/ ============================================\n    function loadStats() {\n        $.ajax({\n            url: wpmg_ajax.rest_url + 'stats',\n            type: 'GET',\n            success: function(res) {\n                $('#totalImages').text(formatNumber(res.total_images || 0));\n                $('#totalVideos').text(formatNumber(res.total_videos || 0));\n                $('#totalShorts').text(formatNumber(res.total_shorts || 0));\n                $('#totalSocial').text(formatNumber(res.total_social || 0));\n            },\n            error: function() {\n                console.log('Error loading stats');\n            }\n        });\n    }\n    \n    \/\/ ============================================\n    \/\/ LOAD IMAGES - 4 columns\n    \/\/ ============================================\n    function loadImages(reset = true) {\n        if (isLoading) return;\n        isLoading = true;\n        \n        if (reset) {\n            imagePage = 1;\n            hasMoreImages = true;\n            $('#imageGrid').html('<div class=\"col-12 text-center py-5\"><div class=\"spinner-border text-primary\"><\/div><p>Loading images...<\/p><\/div>');\n        }\n        \n        $.ajax({\n            url: wpmg_ajax.rest_url + 'images',\n            data: { \n                category: currentCategory, \n                search: currentSearch, \n                page: imagePage, \n                per_page: 12 \n            },\n            success: function(res) {\n                if (res.images && res.images.length > 0) {\n                    let html = '';\n                    $.each(res.images, function(i, img) {\n                        let highResUrl = img.large_url || img.image_url;\n                        let displayUrl = img.medium_url || img.image_url;\n                        let categoryName = img.category_name ? img.category_name.toUpperCase() : 'GENERAL';\n                        \n                        html += `\n                            <div class=\"col-md-3 col-sm-6 fade-in-up\">\n                                <div class=\"gallery-card\" data-id=\"${img.id}\" data-highres=\"${highResUrl}\">\n                                    <img decoding=\"async\" src=\"${displayUrl}\" alt=\"${escapeHtml(img.title)}\" loading=\"lazy\">\n                                    <div class=\"card-body\">\n                                        <span class=\"category-badge\">${escapeHtml(categoryName)}<\/span>\n                                        <h6>${escapeHtml(img.title)}<\/h6>\n                                        <div class=\"d-flex justify-content-between small\">\n                                            <span><i class=\"fas fa-heart text-danger\"><\/i> ${formatNumber(img.likes || 0)}<\/span>\n                                            <span><i class=\"fas fa-eye\"><\/i> ${formatNumber(img.views || 0)}<\/span>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        `;\n                    });\n                    if (reset) $('#imageGrid').html(html);\n                    else $('#imageGrid').append(html);\n                    hasMoreImages = res.current_page < res.pages;\n                } else if (reset) {\n                    $('#imageGrid').html('<div class=\"col-12 text-center py-5\"><h4>No images found<\/h4><p>Try a different category or search term.<\/p><\/div>');\n                    hasMoreImages = false;\n                }\n                isLoading = false;\n                updateLoadMore();\n            },\n            error: function() {\n                $('#imageGrid').html('<div class=\"col-12 text-center py-5\"><h4>Error loading images<\/h4><p>Please refresh the page.<\/p><\/div>');\n                isLoading = false;\n            }\n        });\n    }\n    \n    \/\/ ============================================\n    \/\/ LOAD VIDEOS - 4 COLUMNS\n    \/\/ ============================================\n    function loadVideos(reset = true) {\n        if (isLoading) return;\n        isLoading = true;\n        let container = videoType === 'regular' ? '#regularVideos' : '#shortsVideos';\n        \n        if (reset) {\n            videoPage = 1;\n            hasMoreVideos = true;\n            $(container).html('<div class=\"col-12 text-center py-5\"><div class=\"spinner-border text-primary\"><\/div><p>Loading videos...<\/p><\/div>');\n        }\n        \n        $.ajax({\n            url: wpmg_ajax.rest_url + 'videos',\n            data: { type: videoType, page: videoPage, per_page: 12 },\n            success: function(res) {\n                if (res.videos && res.videos.length > 0) {\n                    let html = '';\n                    if (videoType === 'regular') {\n                        $.each(res.videos, function(i, vid) {\n                            html += `\n                                <div class=\"col-md-3 col-sm-6 fade-in-up\">\n                                    <div class=\"video-card\" data-videoid=\"${vid.youtube_id}\">\n                                        <div class=\"video-thumbnail\">\n                                            <img decoding=\"async\" src=\"${vid.thumbnail_url}\" alt=\"${escapeHtml(vid.title)}\" loading=\"lazy\">\n                                            <div class=\"play-overlay\"><i class=\"fas fa-play\"><\/i><\/div>\n                                        <\/div>\n                                        <div class=\"video-info\">\n                                            <div class=\"video-title\">${escapeHtml(vid.title)}<\/div>\n                                            <div class=\"video-channel\">${escapeHtml(vid.channel_title || 'YouTube')}<\/div>\n                                            <div class=\"video-stats\"><i class=\"fas fa-eye\"><\/i> ${formatNumber(vid.views)} views<\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            `;\n                        });\n                    } else {\n                        $.each(res.videos, function(i, vid) {\n                            html += `\n                                <div class=\"col-md-3 col-sm-6 fade-in-up\">\n                                    <div class=\"shorts-card\" data-videoid=\"${vid.youtube_id}\">\n                                        <div class=\"video-thumbnail\">\n                                            <img decoding=\"async\" src=\"${vid.thumbnail_url}\" alt=\"${escapeHtml(vid.title)}\" loading=\"lazy\">\n                                            <div class=\"play-overlay\"><i class=\"fas fa-play\"><\/i><\/div>\n                                            <span class=\"shorts-badge\">#Shorts<\/span>\n                                        <\/div>\n                                        <div class=\"video-info\">\n                                            <div class=\"video-title\">${escapeHtml(vid.title)}<\/div>\n                                            <div class=\"video-stats\"><i class=\"fas fa-eye\"><\/i> ${formatNumber(vid.views)} views<\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            `;\n                        });\n                    }\n                    if (reset) $(container).html(html);\n                    else $(container).append(html);\n                    hasMoreVideos = res.current_page < res.pages;\n                } else if (reset) {\n                    $(container).html('<div class=\"col-12 text-center py-5\"><h4>No videos found<\/h4><p>Check back later.<\/p><\/div>');\n                    hasMoreVideos = false;\n                }\n                isLoading = false;\n                updateLoadMore();\n            },\n            error: function() {\n                $(container).html('<div class=\"col-12 text-center py-5\"><h4>Error loading videos<\/h4><p>Please refresh.<\/p><\/div>');\n                isLoading = false;\n            }\n        });\n    }\n    \n    \/\/ ============================================\n    \/\/ DISPLAY INSTAGRAM FEED\n    \/\/ ============================================\n    function displayInstagramFeed() {\n        let html = `\n            <div class=\"col-md-12 fade-in-up\">\n                <div class=\"social-card\">\n                    <div class=\"social-header\">\n                        <div class=\"social-icon instagram-bg\"><i class=\"fab fa-instagram\"><\/i><\/div>\n                        <div>\n                            <strong>Instagram<\/strong>\n                            <div class=\"small text-muted\">@dpsbhiwadiofficial<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"social-embed\">\n                        <iframe src=\"https:\/\/www.instagram.com\/dpsbhiwadiofficial\/embed\/\" frameborder=\"0\" allowtransparency=\"true\" style=\"width:100%; min-height:450px; border:none;\"><\/iframe>\n                    <\/div>\n                    <a href=\"${INSTAGRAM_URL}\" target=\"_blank\" class=\"btn btn-primary mt-3\">\n                        <i class=\"fab fa-instagram\"><\/i> Follow on Instagram\n                    <\/a>\n                <\/div>\n            <\/div>\n        `;\n        $('#socialFeed').html(html);\n    }\n    \n    \/\/ ============================================\n    \/\/ DISPLAY LINKEDIN FEED\n    \/\/ ============================================\n    function displayLinkedInFeed() {\n        let html = `\n            <div class=\"col-md-12 fade-in-up\">\n                <div class=\"social-card\">\n                    <div class=\"social-header\">\n                        <div class=\"social-icon linkedin-bg\"><i class=\"fab fa-linkedin\"><\/i><\/div>\n                        <div>\n                            <strong>LinkedIn<\/strong>\n                            <div class=\"small text-muted\">DPS Bhiwadi Official<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"social-embed\">\n                        <iframe src=\"https:\/\/in.linkedin.com\/company\/dps-bhiwadi-official\" frameborder=\"0\" allowtransparency=\"true\" style=\"width:100%; min-height:450px; border:none;\"><\/iframe>\n                    <\/div>\n                    <a href=\"${LINKEDIN_URL}\" target=\"_blank\" class=\"btn btn-primary mt-3\">\n                        <i class=\"fab fa-linkedin\"><\/i> Follow on LinkedIn\n                    <\/a>\n                <\/div>\n            <\/div>\n        `;\n        $('#socialFeed').html(html);\n    }\n    \n    \/\/ ============================================\n    \/\/ DISPLAY FACEBOOK FEED (API or Embed)\n    \/\/ ============================================\n    function displayFacebookFeed() {\n        $.ajax({\n            url: wpmg_ajax.rest_url + 'social',\n            data: { platform: 'facebook', page: 1, per_page: 6 },\n            success: function(res) {\n                if (res.feeds && res.feeds.length > 0) {\n                    let html = '';\n                    $.each(res.feeds, function(i, feed) {\n                        html += `\n                            <div class=\"col-md-6 col-lg-4 fade-in-up\">\n                                <div class=\"social-card\">\n                                    <div class=\"social-header\">\n                                        <div class=\"social-icon facebook-bg\"><i class=\"fab fa-facebook\"><\/i><\/div>\n                                        <div>\n                                            <strong>${escapeHtml(feed.username || 'DPS Bhiwadi')}<\/strong>\n                                            <div class=\"small text-muted\">${feed.time_ago || 'recent'}<\/div>\n                                        <\/div>\n                                    <\/div>\n                                    <p>${escapeHtml(feed.content || '')}<\/p>\n                                    ${feed.media_url ? `<img decoding=\"async\" src=\"${feed.media_url}\" class=\"social-image\" loading=\"lazy\">` : ''}\n                                    <div class=\"social-stats\">\n                                        <span><i class=\"fas fa-heart text-danger\"><\/i> ${formatNumber(feed.likes)}<\/span>\n                                        <span><i class=\"fas fa-comment\"><\/i> ${formatNumber(feed.comments)}<\/span>\n                                        <span><i class=\"fas fa-share\"><\/i> ${formatNumber(feed.shares)}<\/span>\n                                    <\/div>\n                                    ${feed.permalink ? `<a href=\"${feed.permalink}\" target=\"_blank\" class=\"btn btn-sm btn-outline-primary mt-2\">View on Facebook<\/a>` : ''}\n                                <\/div>\n                            <\/div>\n                        `;\n                    });\n                    $('#socialFeed').html(html);\n                } else {\n                    \/\/ Fallback to Facebook embed if API fails\n                    let fallbackHtml = `\n                        <div class=\"col-md-12 fade-in-up\">\n                            <div class=\"social-card\">\n                                <div class=\"social-header\">\n                                    <div class=\"social-icon facebook-bg\"><i class=\"fab fa-facebook\"><\/i><\/div>\n                                    <div>\n                                        <strong>Facebook<\/strong>\n                                        <div class=\"small text-muted\">DPS Bhiwadi Official<\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"social-embed\">\n                                    <iframe loading=\"lazy\" src=\"https:\/\/www.facebook.com\/plugins\/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fprofile.php%3Fid%3D61581152210419&tabs=timeline&width=100%&height=450&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId\" width=\"100%\" height=\"450\" style=\"border:none;overflow:hidden\" frameborder=\"0\" allowtransparency=\"true\"><\/iframe>\n                                <\/div>\n                                <a href=\"${FACEBOOK_URL}\" target=\"_blank\" class=\"btn btn-primary mt-3\">\n                                    <i class=\"fab fa-facebook\"><\/i> Follow on Facebook\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                    `;\n                    $('#socialFeed').html(fallbackHtml);\n                }\n                isLoading = false;\n                updateLoadMore();\n            },\n            error: function() {\n                \/\/ Fallback to Facebook embed\n                let fallbackHtml = `\n                    <div class=\"col-md-12 fade-in-up\">\n                        <div class=\"social-card\">\n                            <div class=\"social-header\">\n                                <div class=\"social-icon facebook-bg\"><i class=\"fab fa-facebook\"><\/i><\/div>\n                                <div>\n                                    <strong>Facebook<\/strong>\n                                    <div class=\"small text-muted\">DPS Bhiwadi Official<\/div>\n                                <\/div>\n                            <\/div>\n                            <div class=\"social-embed\">\n                                <iframe loading=\"lazy\" src=\"https:\/\/www.facebook.com\/plugins\/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fprofile.php%3Fid%3D61581152210419&tabs=timeline&width=100%&height=450&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId\" width=\"100%\" height=\"450\" style=\"border:none;overflow:hidden\" frameborder=\"0\" allowtransparency=\"true\"><\/iframe>\n                            <\/div>\n                            <a href=\"${FACEBOOK_URL}\" target=\"_blank\" class=\"btn btn-primary mt-3\">\n                                <i class=\"fab fa-facebook\"><\/i> Follow on Facebook\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                `;\n                $('#socialFeed').html(fallbackHtml);\n                isLoading = false;\n                updateLoadMore();\n            }\n        });\n    }\n    \n    \/\/ ============================================\n    \/\/ DISPLAY ALL SOCIAL PLATFORMS\n    \/\/ ============================================\n    function displayAllSocialPlatforms() {\n        let html = `\n            <div class=\"col-md-6 col-lg-4 fade-in-up\">\n                <div class=\"social-card\">\n                    <div class=\"social-header\">\n                        <div class=\"social-icon facebook-bg\"><i class=\"fab fa-facebook\"><\/i><\/div>\n                        <div>\n                            <strong>Facebook<\/strong>\n                            <div class=\"small\">DPS Bhiwadi Official<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"social-embed\">\n                        <iframe loading=\"lazy\" src=\"https:\/\/www.facebook.com\/plugins\/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fprofile.php%3Fid%3D61581152210419&tabs=timeline&width=100%&height=400&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId\" width=\"100%\" height=\"400\" style=\"border:none;overflow:hidden\" frameborder=\"0\" allowtransparency=\"true\"><\/iframe>\n                    <\/div>\n                    <a href=\"${FACEBOOK_URL}\" target=\"_blank\" class=\"btn btn-sm btn-outline-primary mt-2\">Follow on Facebook<\/a>\n                <\/div>\n            <\/div>\n            <div class=\"col-md-6 col-lg-4 fade-in-up\">\n                <div class=\"social-card\">\n                    <div class=\"social-header\">\n                        <div class=\"social-icon instagram-bg\"><i class=\"fab fa-instagram\"><\/i><\/div>\n                        <div>\n                            <strong>Instagram<\/strong>\n                            <div class=\"small\">@dpsbhiwadiofficial<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"social-embed\">\n                        <iframe src=\"https:\/\/www.instagram.com\/dpsbhiwadiofficial\/embed\/\" frameborder=\"0\" allowtransparency=\"true\" style=\"width:100%; min-height:400px; border:none;\"><\/iframe>\n                    <\/div>\n                    <a href=\"${INSTAGRAM_URL}\" target=\"_blank\" class=\"btn btn-sm btn-outline-primary mt-2\">Follow on Instagram<\/a>\n                <\/div>\n            <\/div>\n            <div class=\"col-md-6 col-lg-4 fade-in-up\">\n                <div class=\"social-card\">\n                    <div class=\"social-header\">\n                        <div class=\"social-icon linkedin-bg\"><i class=\"fab fa-linkedin\"><\/i><\/div>\n                        <div>\n                            <strong>LinkedIn<\/strong>\n                            <div class=\"small\">DPS Bhiwadi Official<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"social-embed\">\n                        <iframe src=\"https:\/\/in.linkedin.com\/company\/dps-bhiwadi-official\" frameborder=\"0\" allowtransparency=\"true\" style=\"width:100%; min-height:400px; border:none;\"><\/iframe>\n                    <\/div>\n                    <a href=\"${LINKEDIN_URL}\" target=\"_blank\" class=\"btn btn-sm btn-outline-primary mt-2\">Follow on LinkedIn<\/a>\n                <\/div>\n            <\/div>\n        `;\n        $('#socialFeed').html(html);\n    }\n    \n    \/\/ ============================================\n    \/\/ LOAD SOCIAL FEEDS - Main Function\n    \/\/ ============================================\n    function loadSocialFeeds(reset = true) {\n        if (isLoading) return;\n        isLoading = true;\n        \n        if (reset) {\n            socialPage = 1;\n            hasMoreSocial = true;\n        }\n        \n        \/\/ Handle different platform selections\n        if (socialPlatform === 'instagram') {\n            displayInstagramFeed();\n            isLoading = false;\n            hasMoreSocial = false;\n            updateLoadMore();\n            return;\n        }\n        \n        if (socialPlatform === 'linkedin') {\n            displayLinkedInFeed();\n            isLoading = false;\n            hasMoreSocial = false;\n            updateLoadMore();\n            return;\n        }\n        \n        if (socialPlatform === 'facebook') {\n            displayFacebookFeed();\n            isLoading = false;\n            hasMoreSocial = false;\n            updateLoadMore();\n            return;\n        }\n        \n        \/\/ All platforms - show all three\n        displayAllSocialPlatforms();\n        isLoading = false;\n        hasMoreSocial = false;\n        updateLoadMore();\n    }\n    \n    \/\/ ============================================\n    \/\/ UPDATE LOAD MORE BUTTON\n    \/\/ ============================================\n    function updateLoadMore() {\n        let hasMore = currentTab === 'image' ? hasMoreImages : (currentTab === 'video' ? hasMoreVideos : hasMoreSocial);\n        \n        if (hasMore && currentTab !== 'social') {\n            $('#loadMoreContainer').show();\n            $('#loadMoreBtn').prop('disabled', false).text('Load More');\n        } else if (currentTab === 'social') {\n            $('#loadMoreContainer').hide();\n        } else {\n            $('#loadMoreContainer').hide();\n            $('#loadMoreBtn').prop('disabled', true).text('No more items');\n        }\n    }\n    \n    \/\/ ============================================\n    \/\/ PLAY VIDEO\n    \/\/ ============================================\n    function playVideo(videoId) {\n        let modal = new bootstrap.Modal($('#videoModal')[0]);\n        $('#videoIframe').attr('src', 'https:\/\/www.youtube.com\/embed\/' + videoId + '?autoplay=1&rel=0');\n        modal.show();\n        $('#videoModal').on('hidden.bs.modal', function() {\n            $('#videoIframe').attr('src', '');\n        });\n    }\n    \n    \/\/ ============================================\n    \/\/ EVENT HANDLERS\n    \/\/ ============================================\n    $('[data-tab]').on('click', function(e) {\n        e.preventDefault();\n        currentTab = $(this).data('tab');\n        $('[data-tab]').removeClass('active');\n        $(this).addClass('active');\n        \n        if (currentTab === 'image') {\n            $('#image-tab').tab('show');\n            if ($('#imageGrid').children().length <= 1) loadImages(true);\n        } else if (currentTab === 'video') {\n            $('#video-tab').tab('show');\n            if ($('#regularVideos').children().length <= 1) loadVideos(true);\n        } else {\n            $('#social-tab').tab('show');\n            if ($('#socialFeed').children().length <= 1) loadSocialFeeds(true);\n        }\n    });\n    \n    $('[data-video-type]').on('click', function() {\n        $('[data-video-type]').css('background', '#6c757d');\n        $(this).css('background', 'linear-gradient(45deg, #667eea, #764ba2)');\n        videoType = $(this).data('video-type');\n        $('#regularVideos, #shortsVideos').hide();\n        $(videoType === 'regular' ? '#regularVideos' : '#shortsVideos').show();\n        loadVideos(true);\n    });\n    \n    $('.social-filter').on('click', function() {\n        $('.social-filter').removeClass('active');\n        $(this).addClass('active');\n        socialPlatform = $(this).data('platform');\n        loadSocialFeeds(true);\n    });\n    \n    $('#searchBtn').on('click', function() {\n        currentSearch = $('#searchInput').val();\n        if (currentTab === 'image') loadImages(true);\n    });\n    \n    $('#searchInput').on('keypress', function(e) {\n        if (e.which === 13) $('#searchBtn').click();\n    });\n    \n    $('#loadMoreBtn').on('click', function() {\n        if (currentTab === 'image' && hasMoreImages && !isLoading) {\n            imagePage++;\n            loadImages(false);\n        } else if (currentTab === 'video' && hasMoreVideos && !isLoading) {\n            videoPage++;\n            loadVideos(false);\n        }\n    });\n    \n    $(document).on('click', '.video-card, .shorts-card', function() {\n        let videoId = $(this).data('videoid');\n        if (videoId) playVideo(videoId);\n    });\n    \n    $(document).on('click', '.gallery-card', function() {\n        let id = $(this).data('id');\n        let highResUrl = $(this).data('highres');\n        if (typeof WPMG_Lightbox !== 'undefined' && id) {\n            WPMG_Lightbox.open(id, highResUrl);\n        }\n    });\n    \n    \/\/ ============================================\n    \/\/ INITIALIZE\n    \/\/ ============================================\n    function init() {\n        loadCategories();\n        loadStats();\n        loadImages();\n    }\n    \n    init();\n});\n<\/script>\n<p>&nbsp;<\/p>\n<h3 data-section-id=\"4q8x8b\" data-start=\"39\" data-end=\"74\">Capturing Moments of Excellence<\/h3>\n<p data-start=\"76\" data-end=\"476\">Welcome to the Media Gallery of <a href=\"https:\/\/dpsrewari.com\/\"><strong data-start=\"102\" data-end=\"134\">Delhi Public School, Bhiwadi<\/strong><\/a>, where every photograph tells a story of such as learning, achievement, creativity, and growth. Our gallery showcases memorable moments from academic such as activities, cultural celebrations, sports events, educational excursions, special assemblies, competitions, and various school initiatives that contribute to the holistic development of our students.<\/p>\n<p data-start=\"478\" data-end=\"744\">Through these such as snapshots, parents, students, and visitors can experience the vibrant campus life and dynamic learning environment that define DPS Bhiwadi. Each image reflects our commitment to nurturing young minds, encouraging talent, and creating lifelong memories.<\/p>\n<p data-start=\"746\" data-end=\"851\">Explore our collection and witness the spirit, enthusiasm, and accomplishments of the DPS Bhiwadi family.<\/p>\n<hr data-start=\"853\" data-end=\"856\" \/>\n<h3 data-section-id=\"17a13bs\" data-start=\"858\" data-end=\"880\">Gallery Categories<\/h3>\n<h4 data-start=\"882\" data-end=\"903\">\ud83d\udcf8 School Events<\/h4>\n<p data-start=\"904\" data-end=\"1024\">A glimpse of annual functions, celebrations, assemblies, and special occasions that bring our school community together.<\/p>\n<h4 data-start=\"1026\" data-end=\"1055\">\ud83c\udfc6 Sports &amp; Achievements<\/h4>\n<p data-start=\"1056\" data-end=\"1154\">Highlights from inter-school competitions, sports meets, tournaments, and student accomplishments.<\/p>\n<h4 data-start=\"1156\" data-end=\"1183\">\ud83c\udfad Cultural Activities<\/h4>\n<p data-start=\"1184\" data-end=\"1283\">Hence Memorable moments from dance performances, music programs, art exhibitions, and cultural festivals.<\/p>\n<h4 data-start=\"1285\" data-end=\"1312\">\ud83e\uddea Academic Excellence<\/h4>\n<p data-start=\"1313\" data-end=\"1415\">Snapshots of classroom learning, science exhibitions, workshops, seminars, and educational activities.<\/p>\n<h4 data-start=\"1417\" data-end=\"1449\">\ud83c\udf31 Co-Curricular Activities<\/h4>\n<p data-start=\"1450\" data-end=\"1563\">Creative learning experiences through clubs, competitions, leadership programs, and skill-development activities.<\/p>\n<h4 data-start=\"1565\" data-end=\"1603\">\ud83d\ude8c Educational Trips &amp; Excursions<\/h4>\n<p data-start=\"1604\" data-end=\"1730\">Students exploring new destinations, gaining practical knowledge, and creating unforgettable experiences beyond the classroom.<\/p>\n<h4 data-start=\"1732\" data-end=\"1753\">\ud83c\udfa5 Video Gallery<\/h4>\n<p data-start=\"1754\" data-end=\"1882\">Watch inspiring videos featuring school events, student performances, achievements, campus activities, and special celebrations.<\/p>\n<hr data-start=\"1884\" data-end=\"1887\" \/>\n<h3 data-section-id=\"19irvg\" data-start=\"1889\" data-end=\"1908\">Closing Section<\/h3>\n<p data-start=\"1910\" data-end=\"2212\" data-is-last-node=\"\" data-is-only-node=\"\">Such as DPS Bhiwadi, every event is an opportunity to learn, grow, and celebrate. Hence our gallery preserves these cherished moments and reflects the vibrant journey of our students as they strive towards excellence in academics, sports, arts, and life. Explore the gallery and be a part of our remarkable story.<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":89,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-29","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Media Gallery - DPS Bhiwadi - School Gallery<\/title>\n<meta name=\"description\" content=\"Media Gallery of Delhi Public School, Bhiwadi, where every photograph tells a story of such as learning, achievement, creativity, and growth\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.delhipublicschoolbhiwadi.com\/media-gallery\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Media Gallery - DPS Bhiwadi - School Gallery\" \/>\n<meta property=\"og:description\" content=\"Media Gallery of Delhi Public School, Bhiwadi, where every photograph tells a story of such as learning, achievement, creativity, and growth\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.delhipublicschoolbhiwadi.com\/media-gallery\/\" \/>\n<meta property=\"og:site_name\" content=\"DPS Bhiwadi - School Gallery\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-15T06:30:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.delhipublicschoolbhiwadi.com\/media-gallery\/wp-content\/uploads\/2026\/06\/banners.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1792\" \/>\n\t<meta property=\"og:image:height\" content=\"592\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.delhipublicschoolbhiwadi.com\\\/media-gallery\\\/\",\"url\":\"https:\\\/\\\/www.delhipublicschoolbhiwadi.com\\\/media-gallery\\\/\",\"name\":\"Media Gallery - DPS Bhiwadi - School Gallery\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.delhipublicschoolbhiwadi.com\\\/media-gallery\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.delhipublicschoolbhiwadi.com\\\/media-gallery\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.delhipublicschoolbhiwadi.com\\\/media-gallery\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.delhipublicschoolbhiwadi.com\\\/media-gallery\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/banners.jpg\",\"datePublished\":\"2026-05-20T06:25:02+00:00\",\"dateModified\":\"2026-06-15T06:30:45+00:00\",\"description\":\"Media Gallery of Delhi Public School, Bhiwadi, where every photograph tells a story of such as learning, achievement, creativity, and growth\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.delhipublicschoolbhiwadi.com\\\/media-gallery\\\/#breadcrumb\"},\"inLanguage\":\"en\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.delhipublicschoolbhiwadi.com\\\/media-gallery\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"https:\\\/\\\/www.delhipublicschoolbhiwadi.com\\\/media-gallery\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.delhipublicschoolbhiwadi.com\\\/media-gallery\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/banners.jpg\",\"contentUrl\":\"https:\\\/\\\/www.delhipublicschoolbhiwadi.com\\\/media-gallery\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/banners.jpg\",\"width\":1792,\"height\":592},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.delhipublicschoolbhiwadi.com\\\/media-gallery\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.delhipublicschoolbhiwadi.com\\\/media-gallery\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Media Gallery\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.delhipublicschoolbhiwadi.com\\\/media-gallery\\\/#website\",\"url\":\"https:\\\/\\\/www.delhipublicschoolbhiwadi.com\\\/media-gallery\\\/\",\"name\":\"Delhi Public School Bhiwadi - Rank 1 School - Gallery\",\"description\":\"Delhi Public School Bhiwadi\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.delhipublicschoolbhiwadi.com\\\/media-gallery\\\/#organization\"},\"alternateName\":\"Delhi Public School Bhiwadi\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.delhipublicschoolbhiwadi.com\\\/media-gallery\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.delhipublicschoolbhiwadi.com\\\/media-gallery\\\/#organization\",\"name\":\"Delhi Public School Bhiwadi - Rank 1 School - Gallery\",\"url\":\"https:\\\/\\\/www.delhipublicschoolbhiwadi.com\\\/media-gallery\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"https:\\\/\\\/www.delhipublicschoolbhiwadi.com\\\/media-gallery\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.delhipublicschoolbhiwadi.com\\\/media-gallery\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/512200881.png\",\"contentUrl\":\"https:\\\/\\\/www.delhipublicschoolbhiwadi.com\\\/media-gallery\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/512200881.png\",\"width\":585,\"height\":344,\"caption\":\"Delhi Public School Bhiwadi - Rank 1 School - Gallery\"},\"image\":{\"@id\":\"https:\\\/\\\/www.delhipublicschoolbhiwadi.com\\\/media-gallery\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Media Gallery - DPS Bhiwadi - School Gallery","description":"Media Gallery of Delhi Public School, Bhiwadi, where every photograph tells a story of such as learning, achievement, creativity, and growth","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.delhipublicschoolbhiwadi.com\/media-gallery\/","og_locale":"en_US","og_type":"article","og_title":"Media Gallery - DPS Bhiwadi - School Gallery","og_description":"Media Gallery of Delhi Public School, Bhiwadi, where every photograph tells a story of such as learning, achievement, creativity, and growth","og_url":"https:\/\/www.delhipublicschoolbhiwadi.com\/media-gallery\/","og_site_name":"DPS Bhiwadi - School Gallery","article_modified_time":"2026-06-15T06:30:45+00:00","og_image":[{"width":1792,"height":592,"url":"https:\/\/www.delhipublicschoolbhiwadi.com\/media-gallery\/wp-content\/uploads\/2026\/06\/banners.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.delhipublicschoolbhiwadi.com\/media-gallery\/","url":"https:\/\/www.delhipublicschoolbhiwadi.com\/media-gallery\/","name":"Media Gallery - DPS Bhiwadi - School Gallery","isPartOf":{"@id":"https:\/\/www.delhipublicschoolbhiwadi.com\/media-gallery\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.delhipublicschoolbhiwadi.com\/media-gallery\/#primaryimage"},"image":{"@id":"https:\/\/www.delhipublicschoolbhiwadi.com\/media-gallery\/#primaryimage"},"thumbnailUrl":"https:\/\/www.delhipublicschoolbhiwadi.com\/media-gallery\/wp-content\/uploads\/2026\/06\/banners.jpg","datePublished":"2026-05-20T06:25:02+00:00","dateModified":"2026-06-15T06:30:45+00:00","description":"Media Gallery of Delhi Public School, Bhiwadi, where every photograph tells a story of such as learning, achievement, creativity, and growth","breadcrumb":{"@id":"https:\/\/www.delhipublicschoolbhiwadi.com\/media-gallery\/#breadcrumb"},"inLanguage":"en","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.delhipublicschoolbhiwadi.com\/media-gallery\/"]}]},{"@type":"ImageObject","inLanguage":"en","@id":"https:\/\/www.delhipublicschoolbhiwadi.com\/media-gallery\/#primaryimage","url":"https:\/\/www.delhipublicschoolbhiwadi.com\/media-gallery\/wp-content\/uploads\/2026\/06\/banners.jpg","contentUrl":"https:\/\/www.delhipublicschoolbhiwadi.com\/media-gallery\/wp-content\/uploads\/2026\/06\/banners.jpg","width":1792,"height":592},{"@type":"BreadcrumbList","@id":"https:\/\/www.delhipublicschoolbhiwadi.com\/media-gallery\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.delhipublicschoolbhiwadi.com\/media-gallery\/"},{"@type":"ListItem","position":2,"name":"Media Gallery"}]},{"@type":"WebSite","@id":"https:\/\/www.delhipublicschoolbhiwadi.com\/media-gallery\/#website","url":"https:\/\/www.delhipublicschoolbhiwadi.com\/media-gallery\/","name":"Delhi Public School Bhiwadi - Rank 1 School - Gallery","description":"Delhi Public School Bhiwadi","publisher":{"@id":"https:\/\/www.delhipublicschoolbhiwadi.com\/media-gallery\/#organization"},"alternateName":"Delhi Public School Bhiwadi","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.delhipublicschoolbhiwadi.com\/media-gallery\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en"},{"@type":"Organization","@id":"https:\/\/www.delhipublicschoolbhiwadi.com\/media-gallery\/#organization","name":"Delhi Public School Bhiwadi - Rank 1 School - Gallery","url":"https:\/\/www.delhipublicschoolbhiwadi.com\/media-gallery\/","logo":{"@type":"ImageObject","inLanguage":"en","@id":"https:\/\/www.delhipublicschoolbhiwadi.com\/media-gallery\/#\/schema\/logo\/image\/","url":"https:\/\/www.delhipublicschoolbhiwadi.com\/media-gallery\/wp-content\/uploads\/2026\/05\/512200881.png","contentUrl":"https:\/\/www.delhipublicschoolbhiwadi.com\/media-gallery\/wp-content\/uploads\/2026\/05\/512200881.png","width":585,"height":344,"caption":"Delhi Public School Bhiwadi - Rank 1 School - Gallery"},"image":{"@id":"https:\/\/www.delhipublicschoolbhiwadi.com\/media-gallery\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.delhipublicschoolbhiwadi.com\/media-gallery\/wp-json\/wp\/v2\/pages\/29","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.delhipublicschoolbhiwadi.com\/media-gallery\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.delhipublicschoolbhiwadi.com\/media-gallery\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.delhipublicschoolbhiwadi.com\/media-gallery\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.delhipublicschoolbhiwadi.com\/media-gallery\/wp-json\/wp\/v2\/comments?post=29"}],"version-history":[{"count":23,"href":"https:\/\/www.delhipublicschoolbhiwadi.com\/media-gallery\/wp-json\/wp\/v2\/pages\/29\/revisions"}],"predecessor-version":[{"id":105,"href":"https:\/\/www.delhipublicschoolbhiwadi.com\/media-gallery\/wp-json\/wp\/v2\/pages\/29\/revisions\/105"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.delhipublicschoolbhiwadi.com\/media-gallery\/wp-json\/wp\/v2\/media\/89"}],"wp:attachment":[{"href":"https:\/\/www.delhipublicschoolbhiwadi.com\/media-gallery\/wp-json\/wp\/v2\/media?parent=29"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}