ƒ<script type="application/ld+json">{
    "@context": "https://schema.org",
    "@graph": [
        {
            "@type": [
                "EducationalOrganization",
                "LocalBusiness"
            ],
            "name": "Bharti Vidya Niketan Public School Examination Center",
            "url": "https://examstay.com/CenterDetails.php?center=Bharti+Vidya+Niketan+Public+School",
            "description": "Official exam center details, address, directions, parking, and reviews for Bharti Vidya Niketan Public School.",
            "image": "CenterImage/29/Bharti Vidya Niketan Public School01.jpg",
            "address": {
                "@type": "PostalAddress",
                "streetAddress": "A-26, Ranjit Vihar, Chander Vihar, Nilothi, West Delhi, Delhi – 110041",
                "addressLocality": "Delhi",
                "addressRegion": "Delhi",
                "addressCountry": "IN"
            },
            "geo": {
                "@type": "GeoCoordinates",
                "latitude": 28.653465170000000483696567243896424770355224609375,
                "longitude": 77.071646560000004910762072540819644927978515625
            },
            "hasMap": "https://maps.app.goo.gl/Lf6oJv4VBT9tYfGD6",
            "aggregateRating": {
                "@type": "AggregateRating",
                "ratingValue": "3.2",
                "bestRating": "5",
                "worstRating": "1",
                "ratingCount": "10"
            }
        },
        {
            "@type": "FAQPage",
            "mainEntity": [
                {
                    "@type": "Question",
                    "name": "How to reach Bharti Vidya Niketan Public School exam center?",
                    "acceptedAnswer": {
                        "@type": "Answer",
                        "text": "Delhi Junction: Around 17.6 KM via Rohtak Rd and 28.2 KM via Ring Road.Nangloi Railway Station: The closest for local EMU trains, at about 4 km. However, for long-distance travel, New Delhi Railway Station (NDLS) is about 20 km away, and Old Delhi (DLI) is roughly 22 km away.Transport Instructions: If taking a taxi from the station, tell the driver: &quot;&quot;Chander Vihar, near A-Block, Nilothi Extension, Bharti Vidya Niketan SchoolEstimated Fare: ₹350 – ₹500 for a cab from NDLS; ₹200 – ₹250 for an auto."
                    }
                },
                {
                    "@type": "Question",
                    "name": "Are there hotels near Bharti Vidya Niketan Public School?",
                    "acceptedAnswer": {
                        "@type": "Answer",
                        "text": "Yes, there are multiple budget and premium hotels available near Bharti Vidya Niketan Public School in Delhi. Check ExamStay for a full list with distances."
                    }
                },
                {
                    "@type": "Question",
                    "name": "Is parking available at Bharti Vidya Niketan Public School?",
                    "acceptedAnswer": {
                        "@type": "Answer",
                        "text": "Parking at Bharti Vidya Niketan Public School is: Limited"
                    }
                },
                {
                    "@type": "Question",
                    "name": "What is the nearest airport to Bharti Vidya Niketan Public School?",
                    "acceptedAnswer": {
                        "@type": "Answer",
                        "text": "Indira Gandhi International Airport: The closest airport, situated roughly 18 km from the school. Travel time can vary significantly based on Delhi&#039;s traffic but generally takes 45 to 60 minutes.How to reach: The most straightforward method is to book an app-based cab (Ola or Uber) from the airport&#039;s designated pick-up zones. You can also use the Prepaid Taxi Counter at Terminal 1 or 3. If you are looking for a more economical route, take the Airport Express Line to Dhaula Kuan, switch to the Pink Line, and eventually reach Janakpuri West.Estimated Fare: ₹450 – ₹650 for a cab; ₹250 – ₹300 for a bike taxi (Rapido)"
                    }
                }
            ]
        },
        {
            "@type": "BreadcrumbList",
            "itemListElement": [
                {
                    "@type": "ListItem",
                    "position": 1,
                    "name": "Home",
                    "item": "https://examstay.com/"
                },
                {
                    "@type": "ListItem",
                    "position": 2,
                    "name": "Delhi",
                    "item": "https://examstay.com/state/Delhi"
                },
                {
                    "@type": "ListItem",
                    "position": 3,
                    "name": "Delhi",
                    "item": "https://examstay.com/city/Delhi"
                },
                {
                    "@type": "ListItem",
                    "position": 4,
                    "name": "Bharti Vidya Niketan Public School"
                }
            ]
        }
    ]
}</script><!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="icon" href="/assets/favicon.png" type="image/png">
    <meta property="og:type" content="website" />

    <title>Bharti Vidya Niketan Public School Exam Center Delhi – Address, Hotels &amp; How To Reach</title>
    <meta name="description" content="How to reach Bharti Vidya Niketan Public School exam center in Delhi, Delhi. Find full address, nearby hotels, bus &amp; railway info, parking details, student reviews, and tourist places near Bharti Vidya Niketan Public School.">

    <!-- Keywords: natural mix of what students actually search -->
    <meta name="keywords" content="Bharti Vidya Niketan Public School exam center Delhi, how to reach Bharti Vidya Niketan Public School, hotel near Bharti Vidya Niketan Public School Delhi, Bharti Vidya Niketan Public School address Delhi, Bharti Vidya Niketan Public School exam center parking, Delhi exam center hotels, Bharti Vidya Niketan Public School photos reviews">

    <!-- Open Graph -->
    <meta property="og:title"       content="Bharti Vidya Niketan Public School Exam Center Delhi – Hotels &amp; Travel Guide">
    <meta property="og:description" content="How to reach Bharti Vidya Niketan Public School exam center in Delhi, Delhi. Find full address, nearby hotels, bus &amp; railway info, parking details, student reviews, and tourist places near Bharti Vidya Niketan Public School.">
    <meta property="og:image"       content="https://examstay.com/CenterImage/29/Bharti Vidya Niketan Public School01.jpg">
    <meta property="og:url"         content="https://examstay.com/CenterDetails.php?center=Bharti+Vidya+Niketan+Public+School">

    <!-- Twitter Card -->
    <meta name="twitter:card"        content="summary_large_image">
    <meta name="twitter:title"       content="Bharti Vidya Niketan Public School Exam Center Delhi">
    <meta name="twitter:description" content="How to reach Bharti Vidya Niketan Public School exam center in Delhi, Delhi. Find full address, nearby hotels, bus &amp; railway info, parking details, student reviews, and tourist places near Bharti Vidya Niketan Public School.">
    <meta name="twitter:image"       content="https://examstay.com/CenterImage/29/Bharti Vidya Niketan Public School01.jpg">

    <link rel="canonical" href="https://examstay.com/CenterDetails.php?center=Bharti+Vidya+Niketan+Public+School" />

    <!-- Geo tags for local SEO -->
        <meta name="geo.region"    content="IN-Delhi">
    <meta name="geo.placename" content="Delhi">
    <meta name="geo.position"  content="28.65346517;77.07164656">
    <meta name="ICBM"          content="28.65346517, 77.07164656">
    

<!-- Organization Schema (appears on all pages) -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "ExamStay",
  "url": "https://examstay.com/",
  "logo": "https://examstay.com/assets/logo.png",
  "description": "ExamStay helps students find hotels and travel information near exam centers across India.",
  "sameAs": [
    "https://t.me/examstaycommunity"
  ]
}
</script>

<!-- Google Ads -->
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2376443080436223" crossorigin="anonymous"></script>

<!-- Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-SSLWE6ZFZN"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-SSLWE6ZFZN');
</script>

<!-- Bootstrap 5 CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" />
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css" rel="stylesheet" />

<style>
    body { background-color: #f8f9fa; font-family: "Segoe UI", sans-serif; padding-top: 80px; }
    .navbar { background-color: #ffffff !important; box-shadow: 0 2px 6px rgba(0,0,0,0.05); }
    .navbar-brand { font-size: 1.6rem; font-weight: bold; color: #0d6efd !important; }
    .navbar-nav .nav-link { color: #343a40 !important; font-weight: 500; }
    .navbar-nav .nav-link:hover { color: #0d6efd !important; }
    .btn-login { background-color: #ffc107; color: #000; border-radius: 20px; padding: 5px 15px; font-size: 0.9rem; font-weight: 600; }
    .footer { background-color: #ffffff; border-top: 1px solid #dee2e6; padding: 15px 0; text-align: center; font-size: 14px; color: #6c757d; }
    .content-container { min-height: 80vh; background-color: #ffffff; padding-right: 1rem; }
    .rounded-search { border-radius: 50px; padding: 0.75rem 1.5rem; }
    .fade-in-up { opacity: 0; transform: translateY(20px); transition: all 0.6s ease-in-out; }
    .fade-in-up.appear { opacity: 1; transform: translateY(0); }
    .section-padding { padding: 60px 0; }
    .icon-style { font-size: 2rem; color: #0d6efd; }
    @media (min-width: 992px) {
        .content-container { padding-left: 3rem; padding-right: 3rem; }
    }
</style>

<!-- Google Search Console verification -->
<meta name="google-site-verification" content="oaYCwlHIjJmVL4b-buxsRBD1RkFm5jYeSPQV3fSz1Io" />

<!-- tpembars script PERMANENTLY REMOVED (was malicious) -->

</head>
<body>
<nav class="navbar navbar-expand-lg fixed-top">
    <div class="container-fluid px-4">
        <a class="navbar-brand ms-2" href="/index.php">Exam<span style="color: #f1b606; font-style: bold;">Stay</span></a>
        <button class="navbar-toggler border-0 bg-transparent" type="button" data-bs-toggle="collapse" data-bs-target="#mainNavbar">
            <i class="bi bi-list fs-2 text-dark"></i>
        </button>
        <div class="collapse navbar-collapse" id="mainNavbar">
            <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                <li class="nav-item"><a class="nav-link" href="/index.php">Home</a></li>
                <li class="nav-item"><a class="nav-link" href="/about.php">About</a></li>
                <li class="nav-item"><a class="nav-link" href="/contact.php">Contact</a></li>
                <li class="nav-item"><a class="nav-link" href="/ExamCenterMaps.php">Map</a></li>
         
                <li class="nav-item">
                    <a class="nav-link" href="/include/list-your-exam-center-in-examstay.php" style="color: #0d6efd !important;">Center Listing</a>
                </li>
            </ul>
            <ul class="navbar-nav mb-2 mb-lg-0 d-flex align-items-center gap-3">

               
<li class="nav-item">
                    <a class="btn btn-login px-3" href="/ExamCenterMaps.php">Center MAP</a>
                </li>

            </ul>
        </div>
    </div>
</nav>

<div class="content-container py-4">
<!-- Leaflet CSS & JS -->
<link rel="stylesheet" href="https://unpkg.com/leaflet/dist/leaflet.css" />
<script src="https://unpkg.com/leaflet/dist/leaflet.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/glightbox/dist/css/glightbox.min.css" />
<script src="https://cdn.jsdelivr.net/npm/glightbox/dist/js/glightbox.min.js"></script>
<script>
    document.addEventListener('DOMContentLoaded', function() {
        const lightbox = GLightbox({
            selector: '.glightbox',
            touchNavigation: true,
            loop: true,
            zoomable: true,
            autoplayVideos: true,
            openEffect: 'zoom',
            closeEffect: 'zoom'
        });
    });
</script>
<style>
:root {
    --gallery-gap: 12px;
    --gallery-radius: 16px;
}
.gallery-grid {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: var(--gallery-gap);
    height: 400px;
    overflow: hidden;
    width: 100%;
}
.side-grid {
    display: grid;
    grid-template-rows: 1fr 1fr;
    gap: var(--gallery-gap);
    min-height: 0;
    height: 100%;
}
.gallery-item {
    position: relative;
    border-radius: var(--gallery-radius);
    overflow: hidden;
    height: 100%;
}
.gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.gallery-item:hover img { transform: scale(1.05); }
.gallery-overlay {
    position: absolute; inset: 0; background: rgba(0, 0, 0, 0.2);
    display: flex; align-items: center; justify-content: center;
    color: white; font-size: 1.5rem; opacity: 0; transition: opacity 0.3s;
}
.gallery-item:hover .gallery-overlay { opacity: 1; }
.more-photos-overlay {
    position: absolute; inset: 0;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(2px);
    display: flex; align-items: center; justify-content: center;
    color: white; font-weight: 700; font-size: 1.25rem;
    transition: background 0.3s ease;
}
.gallery-item:hover .more-photos-overlay { background: rgba(0, 0, 0, 0.6); }
.gallery-placeholder, .gallery-empty-state {
    height: 300px; display: flex; flex-direction: column;
    align-items: center; justify-content: center;
    background: #f1f3f5; border-radius: var(--gallery-radius);
}
.gallery-empty-state { padding: 3rem 1rem; border: 2px dashed #dee2e6; background: #fff; text-align: center;}
.leaflet-custom-btn {
    background: #0d6efd;
    color: #fff !important;
    padding: 8px 12px;
    border-radius: 4px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    box-shadow: 0 1px 5px rgba(0,0,0,0.4);
    display: inline-block;
}
.leaflet-custom-btn:hover { background: #0b5ed7; }
@media (min-width: 769px) { .map-mobile { display: none !important; } }
@media (max-width: 768px) {
    .gallery-grid { grid-template-columns: 1fr; height: auto; }
    .gallery-grid .main-feature { height: 250px; }
    .side-grid { grid-template-columns: 1fr 1fr; grid-template-rows: none; height: 120px; }
    .more-photos-overlay { font-size: 1rem; }
    .sidebar { background-color: #fff; position: sticky; top: 20px; height: 90vh; overflow-y: auto; }
    .leaflet-control-custom-wrapper { display: none !important; }
    #centerMap { height: 300px; }
}
.reveal {
    opacity: 0;
    transform: translateY(40px);
    transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    will-change: opacity, transform;
}
.reveal.visible { opacity: 1; transform: translateY(0); }
.reveal-delay-1 { transition-delay: 0.1s; }
.sidebar { background-color: #fff; position: sticky; top: 20px; height: 90vh; overflow-y: auto; }
.reach-score-box {
    background: linear-gradient(135deg, #e0f2fe, #bae6fd);
    border: 1px solid #0ea5e9;
    border-radius: 12px;
    padding: 20px;
    text-align: center;
}
.score-label { font-size: 0.85rem; text-transform: uppercase; font-weight: 700; color: #0369a1; margin-bottom: 8px; }
.score-value { font-size: 2rem; font-weight: 800; color: #0c4a6e; }
.rating-modern { display: inline-flex; align-items: center; background: #f8f9fa; padding: 6px 12px; border-radius: 8px; font-weight: 600; border: 1px solid #e5e5e5; }
.rating-number { font-size: 1rem; color: #212529; }
.rating-star { color: #ffc107; margin-left: 4px; font-size: 1rem; }
</style>
<script>
document.addEventListener("DOMContentLoaded", function() {
    const observerOptions = { root: null, threshold: 0.1 };
    const revealObserver = new IntersectionObserver((entries, observer) => {
        entries.forEach(entry => {
            if (entry.isIntersecting) {
                entry.target.classList.add("visible");
                observer.unobserve(entry.target);
            }
        });
    }, observerOptions);
    document.querySelectorAll('.reveal').forEach(el => { revealObserver.observe(el); });
});
</script>
<div class="container-fluid">
    <div class="row">
        <div class="col-md-9 col-sm-12 main-content">
           <div class="location-header">
            <h1 class="section-title mb-0 border-bottom pb-2">
   <i class="bi bi-geo-alt-fill me-2 text-primary"></i> Bharti Vidya Niketan Public School</h1></div>
<p class="text-muted small mb-2">
            Last Updated: April 3, 2026                • Rating: 3.2    </p>
          <div class="modern-gallery mb-4">
            <div class="gallery-grid">
            <div class="gallery-item main-feature">
                <a href="CenterImage/29/Bharti Vidya Niketan Public School01.jpg" class="glightbox" data-gallery="center-gallery">
                    <img src="CenterImage/29/Bharti Vidya Niketan Public School01.jpg"
                         alt="Bharti Vidya Niketan Public School exam center main view" loading="lazy">
                    <div class="gallery-overlay"><i class="bi bi-arrows-angle-expand"></i></div>
                </a>
            </div>
            <div class="side-grid">
                <div class="gallery-item sub-feature">
                                            <div class="gallery-placeholder"><i class="bi bi-image opacity-25"></i></div>
                                    </div>
                <div class="gallery-item sub-feature">
                                            <div class="gallery-placeholder"><i class="bi bi-image opacity-25"></i></div>
                                    </div>
            </div>
                    </div>
    </div>
    <hr class="my-3" />
<div class="location-wrapper">
    <div class="location-grid mb-4">
        <div class="detail-box">
            <span class="detail-label">State</span>
            <span class="detail-value">Delhi</span>
        </div>
        <div class="detail-box">
            <span class="detail-label">City</span>
            <span class="detail-value">Delhi</span>
        </div>
        <div class="detail-box">
            <span class="detail-label">Locality</span>
            <span class="detail-value">Chander Vihar</span>
        </div>
        <div class="detail-box">
            <span class="detail-label">Country</span>
            <span class="detail-value">India</span>
        </div>
    </div>
    <div class="row g-3 mb-5">
        <div class="col-md-8">
            <div class="address-strip">
                <div class="icon-circle"><i class="bi bi-pin-map"></i></div>
                <div class="ms-3">
                    <div class="detail-label text-primary">Full Address</div>
                    <div class="detail-value text-white">A-26, Ranjit Vihar, Chander Vihar, Nilothi, West Delhi, Delhi – 110041</div>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="parking-box">
                <div class="d-flex justify-content-between align-items-center">
                    <div>
                        <div class="detail-label">Parking Status</div>
                        <div class="detail-value">Limited</div>
                    </div>
                    <div class="fs-2 text-primary opacity-50"><i class="bi bi-p-square"></i></div>
                </div>
            </div>
        </div>
    </div>
<div class="location-header reveal reveal-delay-1 mb-4">
        <h2 class="section-title mb-0 border-bottom pb-2">
            <i class="bi bi-geo-alt-fill me-2 text-primary"></i>How To Reach Bharti Vidya Niketan Public School        </h2>
        <p class="text-muted small mt-2">Comprehensive location and transport guide</p>
    </div>
    <div class="description-block reveal mb-5">
    <div class="d-flex justify-content-between align-items-center mb-3">
        <h5 class="subsection-title mb-0">Detailed Overview</h5>
            <div class="rating-modern">
        <span class="rating-number">3.2</span>
        <span class="rating-star">★</span>
    </div>
    </div>
    <div class="text-secondary lh-lg">
        Bharti Vidya Niketan Public School is located in the Nilothi/Chander Vihar area of West Delhi, near Vikaspuri. This center is a well-established educational landmark, making it a reliable choice for examination candidates who need a quiet but accessible venue. Situated in a residential pocket of West Delhi, the school is surrounded by local amenities like pharmacies and small grocery stores, which are handy for quick purchases. For students, this location is advantageous as it bridges the gap between the busy commercial hubs of Janakpuri and the residential zones of Nangloi, offering decent road connectivity without the intense noise of the main market areas. The area is generally easy to navigate for those coming from both the Blue and Magenta metro lines, ensuring a relatively smooth commute on exam day.    </div>
</div>
    <hr class="my-5 opacity-10">
    <h3 class="subsection-title mb-4">
        <i class="bi bi-connector-fill me-2"></i>Connectivity &amp; Transport
    </h3>
   <div class="row g-3 reveal reveal-delay-1">
    <div class="col-lg-6 col-md-6">
        <div class="local-commute-box h-100">
            <div class="d-flex align-items-center mb-2">
                <i class="bi bi-airplane me-2 text-warning"></i>
                <h3>Nearest Airport</h3>
            </div>
                        <p class="mb-0 small text-dark"><ul class="mb-0 ps-3"><li><strong>Indira Gandhi International Airport: </strong>The closest airport, situated roughly 18 km from the school. Travel time can vary significantly based on Delhi&#039;s traffic but generally takes 45 to 60 minutes.</li><li><strong>How to reach: </strong>The most straightforward method is to book an app-based cab (Ola or Uber) from the airport&#039;s designated pick-up zones. You can also use the Prepaid Taxi Counter at Terminal 1 or 3. If you are looking for a more economical route, take the Airport Express Line to Dhaula Kuan, switch to the Pink Line, and eventually reach Janakpuri West.</li><li><strong>Estimated Fare: </strong>₹450 – ₹650 for a cab; ₹250 – ₹300 for a bike taxi (Rapido)</li></ul></p>
        </div>
    </div>
    <div class="col-lg-6 col-md-6">
        <div class="local-commute-box h-100">
            <div class="d-flex align-items-center mb-2">
                <i class="bi bi-train-front me-2 text-success"></i>
                <h3>Railway Station</h3>
            </div>
            <p class="mb-0 small text-dark"><ul class="mb-0 ps-3"><li><strong>Delhi Junction: </strong>Around 17.6 KM via Rohtak Rd and 28.2 KM via Ring Road.</li><li><strong>Nangloi Railway Station: </strong>The closest for local EMU trains, at about 4 km. However, for long-distance travel, New Delhi Railway Station (NDLS) is about 20 km away, and Old Delhi (DLI) is roughly 22 km away.</li><li><strong>Transport Instructions: </strong>If taking a taxi from the station, tell the driver: &quot;&quot;Chander Vihar, near A-Block, Nilothi Extension, Bharti Vidya Niketan School</li><li><strong>Estimated Fare: </strong>₹350 – ₹500 for a cab from NDLS; ₹200 – ₹250 for an auto.</li></ul></p>
        </div>
    </div>
    <div class="col-lg-12">
        <div class="local-commute-box h-100">
            <div class="d-flex align-items-center mb-2">
                <i class="bi bi-train-lightrail-front me-2 text-primary"></i>
                <h3>Metro Station</h3>
            </div>
            <p class="mb-0 small text-dark"><ul class="mb-0 ps-3"><li><strong>Janakpuri West Metro Station: </strong>The most convenient station, located approximately 4 km away. Alternatively, Nangloi Metro Station (Green Line) is also a viable option at about 4.5 km distance.</li><li><strong>How to reach: </strong>From Janakpuri West, you can easily find E-rickshaws, shared autos, or private autos heading toward Chander Vihar or Nilothi.</li><li><strong>Travel Time: </strong>15–20 minutes from the station</li><li><strong>Estimated Fare: </strong>₹20 – ₹30 for a shared E-rickshaw; ₹80 – ₹120 for a private auto.</li></ul></p>
        </div>
    </div>
    <div class="col-lg-6 col-md-6">
        <div class="local-commute-box h-100">
            <div class="d-flex align-items-center mb-2">
                <i class="bi bi-bus-front me-2 text-danger"></i>
                <h3>Bus Connectivity</h3>
            </div>
            <p class="mb-0 small text-dark"><ul class="mb-0 ps-3"><li><strong>ISBT Kashmere Gate: </strong>18.8 -28.6 KM from the center, depending on the route.</li><li><strong>Vikas Puri Terminal: </strong>Vikas Puri Terminal is about 2 km away.</li><li><strong>Bus Routes: </strong>Several DTC and cluster buses serve this area, including route numbers 153, 883, 871, and 588A.</li><li><strong>Connectivity: </strong>Direct bus connectivity to Vikas Puri and Janakpuri is excellent. From the bus stop, walking or a short cycle-rickshaw ride of ₹10 will bring you to the school gate.</li><li><strong>Bus Fare: </strong>₹5 – ₹25 depending on the distance and bus type.</li></ul></p>
        </div>
    </div>
    <div class="col-lg-6 col-md-6">
        <div class="local-commute-box h-100">
            <div class="d-flex align-items-center mb-2">
                <i class="bi bi-taxi-front me-2 text-info"></i>
                <h3>Local Taxi / Auto</h3>
            </div>
            <p class="mb-0 small text-dark"><ul class="mb-0 ps-3"><li><strong>From Railway Station to Center: </strong>Auto: ₹200 – ₹300  Cab: ₹400 – ₹550</li><li><strong>From Bus Stand to Center: </strong>Auto: ₹60 – ₹100  E-Rickshaw: ₹20 – ₹40</li><li><strong>App-Based Services: </strong>Ola, Uber, and Rapido are the best ways to ensure you reach the exact gate of the school without needing to ask for directions multiple times.</li><li><strong>Candidate Tip: </strong>The school is located on the Chander Vihar Main Road. To avoid confusion with other schools in the area, look for the &quot;&quot;H-3 Petrol Pump&quot;&quot; landmark in Vikas Puri if you are navigating yourself; the school is just a short drive from there</li></ul></p>
        </div>
    </div>
</div>
    <div class="row mt-5 align-items-stretch">
        <div class="col-md-8 mb-3">
        <div class="useful-links-strip h-100">
            <i class="bi bi-link-45deg me-2 text-primary"></i>
            <span class="me-3 fw-bold text-danger">Quick Links:</span>
                        <div class="links-container"><p class="mb-0">For detailed route maps, schedules, and fare information, visit the official websites:<br>👉 <a href="https://dtc.delhi.gov.in/" target="_blank" style="color:#0d47a1;font-weight:600;">Delhi Transport Corporation (DTC)</a><br>👉 <a href="https://www.delhimetrorail.com/" target="_blank" style="color:#0d47a1;font-weight:600;">Delhi Metro Rail Corporation (DMRC)</a><br></p></div>
        </div>
    </div>
                <div class="col-md-4 mb-3">
        <div class="reach-score-box h-100 d-flex flex-column justify-content-center align-items-center"
             style="background: linear-gradient(135deg, #dcfce7, #bbf7d0); border: 1px solid #16a34a;">
            <div class="score-label" style="color: #16a34a;">Reachability Score</div>
            <div class="score-value" style="color: #065f46;">7/10</div>
        </div>
    </div>
    </div>
<p class="small text-muted mb-0"><i class="bi bi-info-circle me-1"></i>
    Reachability Score shows how easily this center can be accessed by airport, metro, bus, railway, and taxi. Higher score = better connectivity.
</p></div>

<style>
:root { --primary-brand: #2563eb; --bg-light: #f8fafc; --text-main: #1e293b; --border-color: #e2e8f0; }
.location-wrapper { font-family: 'Inter', sans-serif; background: transparent; padding: 10px 0; }
.section-title { color: var(--text-main); font-weight: 800; letter-spacing: -0.5px; }
.subsection-title { font-size: 1.5rem; font-weight: 800; color: var(--text-main); border-left: 4px solid var(--primary-brand); padding-left: 12px; }
.location-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 15px; }
.detail-box { background: var(--bg-light); padding: 15px; border-radius: 12px; border: 1px solid var(--border-color); }
.detail-label { display: block; font-size: 0.85rem; text-transform: uppercase; font-weight: 700; color: #dc3545; margin-bottom: 4px; }
.detail-value { font-weight: 600; color: var(--text-main); font-size: 0.95rem; }
.address-strip { background: linear-gradient(135deg, #1e293b 0%, #334155 100%); padding: 24px; border-radius: 16px; display: flex; align-items: center; height: 100%; }
.icon-circle { width: 45px; height: 45px; background: rgba(255,255,255,0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.2rem; }
.parking-box { background: #eff6ff; border: 1px dashed var(--primary-brand); padding: 24px; border-radius: 16px; height: 100%; }
.local-commute-box { background: #f1f5f9; padding: 20px; border-radius: 12px; border: 1px solid transparent; transition: all 0.2s ease; }
.local-commute-box:hover { background: #e2e8f0; border-color: #cbd5e1; }
.local-commute-box strong { font-size: 0.95rem; color: #0d6efd; }
.local-commute-box h3 { font-size: 1rem; color: #dc3545; font-weight: 800; }
.useful-links-strip { background: #f8fafc; padding: 15px 20px; border-radius: 10px; font-size: 0.85rem; display: flex; align-items: center; border: 1px solid var(--border-color); }
.links-container a { color: var(--primary-brand); text-decoration: none; font-weight: 600; margin-right: 15px; }
</style>

<hr style="margin-top: 4rem;">
<div class="location-header reveal mb-4">
    <h2 class="section-title mb-0 border-bottom pb-2">
        <i class="bi bi-geo-alt-fill me-2 text-primary"></i>
        Bharti Vidya Niketan Public School 360° Street View
    </h2>
</div>
<div class="mb-4 rounded shadow-sm border reveal reveal-delay-1" style="overflow:hidden;">
    <iframe
        src="https://www.google.com/maps?q=&layer=c&cbll=28.65346517,77.07164656&cbp=11,0,0,0,0&output=svembed"
        width="100%" height="400" style="border:0;" allowfullscreen loading="lazy">
    </iframe>
    <p class="small text-muted mb-0"><i class="bi bi-info-circle me-1"></i>360° imagery courtesy of Google Maps Street View.</p>
</div>

<div class="text-center mt-3">
    <a href="https://maps.app.goo.gl/Lf6oJv4VBT9tYfGD6" target="_blank" class="btn btn-primary px-4">
        📍 Open in Google Maps
    </a>
</div>


<hr style="margin-top: 4rem;">
<div class="location-header reveal mb-4">
   <h2 class="section-title mb-0 border-bottom pb-2">
            <i class="bi bi-geo-alt-fill me-2 text-primary"></i>Best Hotels &amp; Stays near- Bharti Vidya Niketan Public School</h2>
            <p class="text-muted small mt-2 mb-0">
       <i class="bi bi-info-circle me-1"></i>
       Hotels listed below are automatically generated based on proximity to- Bharti Vidya Niketan Public School.
   </p>
</div>
<div class="row reveal reveal-delay-1">       <div class="col-md-6 col-lg-4 mb-4 reveal reveal-delay-1">
  <div class="card h-100 border-0 shadow-sm hover-shadow transition-all rounded-3 overflow-hidden">
    <img src="assets/HotelImage01.png" class="card-img-top" style="height: 140px; object-fit: cover;">
    <div class="card-body text-center p-2">
      <h6 class="fw-semibold text-primary mb-2">Radisson Blu Hotel, New Delhi Paschim Vihar</h6>
      <p class="text-muted small mb-2">
        ⭐ 4.4 |        <i class="bi bi-geo-alt"></i> 2.48 km
      </p>
    </div>
    <div class="card-footer bg-white p-0">
  <div class="d-flex">
    <a href="https://www.google.com/maps/dir/?api=1&origin=Radisson+Blu+Hotel%2C+New+Delhi+Paschim+Vihar+Delhi&destination=Bharti+Vidya+Niketan+Public+School+Delhi"
       target="_blank" class="btn btn-google w-50 rounded-0 py-2">View map</a>
    <a href="https://www.google.com/travel/hotels?q=Radisson+Blu+Hotel%2C+New+Delhi+Paschim+Vihar+Delhi"
       target="_blank" class="btn btn-google w-50 rounded-0 py-2 border-start">Check price</a>
  </div>
</div>
  </div>
</div>
<style>
.btn-google { background-color: #ffffff; color: #1a73e8; font-weight: 500; border: 1px solid #dadce0; font-size: 14px; transition: background-color 0.2s ease, color 0.2s ease; }
.btn-google:hover { background-color: #1a73e8; color: #ffffff; text-decoration: none; }
.card { transition: box-shadow 0.25s ease; }
.card:hover { box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12); }
</style>
                <div class="col-md-6 col-lg-4 mb-4 reveal reveal-delay-1">
  <div class="card h-100 border-0 shadow-sm hover-shadow transition-all rounded-3 overflow-hidden">
    <img src="assets/HotelImage02.png" class="card-img-top" style="height: 140px; object-fit: cover;">
    <div class="card-body text-center p-2">
      <h6 class="fw-semibold text-primary mb-2">Jaypee Siddharth - 5 Star Luxury Hotels in Delhi</h6>
      <p class="text-muted small mb-2">
        ⭐ 4.2 |        <i class="bi bi-geo-alt"></i> 10.2 km
      </p>
    </div>
    <div class="card-footer bg-white p-0">
  <div class="d-flex">
    <a href="https://www.google.com/maps/dir/?api=1&origin=Jaypee+Siddharth+-+5+Star+Luxury+Hotels+in+Delhi+Delhi&destination=Bharti+Vidya+Niketan+Public+School+Delhi"
       target="_blank" class="btn btn-google w-50 rounded-0 py-2">View map</a>
    <a href="https://www.google.com/travel/hotels?q=Jaypee+Siddharth+-+5+Star+Luxury+Hotels+in+Delhi+Delhi"
       target="_blank" class="btn btn-google w-50 rounded-0 py-2 border-start">Check price</a>
  </div>
</div>
  </div>
</div>
<style>
.btn-google { background-color: #ffffff; color: #1a73e8; font-weight: 500; border: 1px solid #dadce0; font-size: 14px; transition: background-color 0.2s ease, color 0.2s ease; }
.btn-google:hover { background-color: #1a73e8; color: #ffffff; text-decoration: none; }
.card { transition: box-shadow 0.25s ease; }
.card:hover { box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12); }
</style>
                <div class="col-md-6 col-lg-4 mb-4 reveal reveal-delay-1">
  <div class="card h-100 border-0 shadow-sm hover-shadow transition-all rounded-3 overflow-hidden">
    <img src="assets/HotelImage03.png" class="card-img-top" style="height: 140px; object-fit: cover;">
    <div class="card-body text-center p-2">
      <h6 class="fw-semibold text-primary mb-2">JW Marriott Hotel New Delhi Aerocity</h6>
      <p class="text-muted small mb-2">
        ⭐ 4.6 |        <i class="bi bi-geo-alt"></i> 12.16 km
      </p>
    </div>
    <div class="card-footer bg-white p-0">
  <div class="d-flex">
    <a href="https://www.google.com/maps/dir/?api=1&origin=JW+Marriott+Hotel+New+Delhi+Aerocity+Delhi&destination=Bharti+Vidya+Niketan+Public+School+Delhi"
       target="_blank" class="btn btn-google w-50 rounded-0 py-2">View map</a>
    <a href="https://www.google.com/travel/hotels?q=JW+Marriott+Hotel+New+Delhi+Aerocity+Delhi"
       target="_blank" class="btn btn-google w-50 rounded-0 py-2 border-start">Check price</a>
  </div>
</div>
  </div>
</div>
<style>
.btn-google { background-color: #ffffff; color: #1a73e8; font-weight: 500; border: 1px solid #dadce0; font-size: 14px; transition: background-color 0.2s ease, color 0.2s ease; }
.btn-google:hover { background-color: #1a73e8; color: #ffffff; text-decoration: none; }
.card { transition: box-shadow 0.25s ease; }
.card:hover { box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12); }
</style>
                <div class="col-md-6 col-lg-4 mb-4 reveal reveal-delay-1">
  <div class="card h-100 border-0 shadow-sm hover-shadow transition-all rounded-3 overflow-hidden">
    <img src="assets/HotelImage04.png" class="card-img-top" style="height: 140px; object-fit: cover;">
    <div class="card-body text-center p-2">
      <h6 class="fw-semibold text-primary mb-2">Hotel Delhi Aerocity</h6>
      <p class="text-muted small mb-2">
        ⭐ 4.1 |        <i class="bi bi-geo-alt"></i> 13.41 km
      </p>
    </div>
    <div class="card-footer bg-white p-0">
  <div class="d-flex">
    <a href="https://www.google.com/maps/dir/?api=1&origin=Hotel+Delhi+Aerocity+Delhi&destination=Bharti+Vidya+Niketan+Public+School+Delhi"
       target="_blank" class="btn btn-google w-50 rounded-0 py-2">View map</a>
    <a href="https://www.google.com/travel/hotels?q=Hotel+Delhi+Aerocity+Delhi"
       target="_blank" class="btn btn-google w-50 rounded-0 py-2 border-start">Check price</a>
  </div>
</div>
  </div>
</div>
<style>
.btn-google { background-color: #ffffff; color: #1a73e8; font-weight: 500; border: 1px solid #dadce0; font-size: 14px; transition: background-color 0.2s ease, color 0.2s ease; }
.btn-google:hover { background-color: #1a73e8; color: #ffffff; text-decoration: none; }
.card { transition: box-shadow 0.25s ease; }
.card:hover { box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12); }
</style>
                <div class="col-md-6 col-lg-4 mb-4 reveal reveal-delay-1">
  <div class="card h-100 border-0 shadow-sm hover-shadow transition-all rounded-3 overflow-hidden">
    <img src="assets/HotelImage05.png" class="card-img-top" style="height: 140px; object-fit: cover;">
    <div class="card-body text-center p-2">
      <h6 class="fw-semibold text-primary mb-2">The Claridges</h6>
      <p class="text-muted small mb-2">
        ⭐ 4.5 |        <i class="bi bi-geo-alt"></i> 15.32 km
      </p>
    </div>
    <div class="card-footer bg-white p-0">
  <div class="d-flex">
    <a href="https://www.google.com/maps/dir/?api=1&origin=The+Claridges+Delhi&destination=Bharti+Vidya+Niketan+Public+School+Delhi"
       target="_blank" class="btn btn-google w-50 rounded-0 py-2">View map</a>
    <a href="https://www.google.com/travel/hotels?q=The+Claridges+Delhi"
       target="_blank" class="btn btn-google w-50 rounded-0 py-2 border-start">Check price</a>
  </div>
</div>
  </div>
</div>
<style>
.btn-google { background-color: #ffffff; color: #1a73e8; font-weight: 500; border: 1px solid #dadce0; font-size: 14px; transition: background-color 0.2s ease, color 0.2s ease; }
.btn-google:hover { background-color: #1a73e8; color: #ffffff; text-decoration: none; }
.card { transition: box-shadow 0.25s ease; }
.card:hover { box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12); }
</style>
         </div><hr class="my-3" /><h2 class="section-title mb-0 border-bottom pb-2">⭐Candidate-Verified &amp; Recommended Hotels</h2>    <div class="col-12 text-center py-4 text-muted reveal reveal-delay-1">
        <i class="bi bi-shop fs-1"></i>
        <p class="mb-1">Help others — share details to get it added to our Verified list.</p>
        <a href="include/How-to-list-hotel-in-examstay.php?center=Bharti+Vidya+Niketan+Public+School" class="btn btn-sm btn-warning btn-outline-dark">
            <i class="bi bi-plus-circle me-1"></i>Contribute</a>
    </div>

<hr style="margin-top: 4rem;">
<div class="location-header mb-4">
    <h2 class="section-title mb-0 border-bottom pb-2">
        <i class="bi bi-geo-alt-fill me-2 text-primary"></i>Tourist Places in Delhi</h2>
</div>
<hr class="my-3" />
<div class="row" id="touristPlacesContainer">
                    <div class="col-md-6 col-lg-4 mb-4 tourist-card" style="">
            <div class="card h-100 border-0 shadow-sm hover-shadow rounded-3 overflow-hidden">
                <a href="https://www.google.com/maps/place/?q=place_id:ChIJC03rqdriDDkRXT6SJRGXFwc" target="_blank">
                    <img src="assets/NearbyTouristPlacesIMG/ChIJC03rqdriDDkRXT6SJRGXFwc_1775197428.jpg"
                         class="card-img-top" style="height: 180px; object-fit: cover;">
                </a>
                <div class="card-body text-center p-2">
                    <h6 class="fw-semibold text-primary mb-2">India Gate</h6>
                                        <p class="text-muted small mb-2">
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">☆</span>
                                                <small class="text-muted">(4.6/5)</small>                    </p>
                    <a href="https://www.google.com/maps/place/?q=place_id:ChIJC03rqdriDDkRXT6SJRGXFwc" target="_blank"
                       class="btn btn-gradient w-100 py-2 fw-semibold text-white rounded-0">View on Map</a>
                </div>
            </div>
        </div>
                    <div class="col-md-6 col-lg-4 mb-4 tourist-card" style="">
            <div class="card h-100 border-0 shadow-sm hover-shadow rounded-3 overflow-hidden">
                <a href="https://www.google.com/maps/place/?q=place_id:ChIJpwtG6BzjDDkRDajfOy268bk" target="_blank">
                    <img src="assets/NearbyTouristPlacesIMG/ChIJpwtG6BzjDDkRDajfOy268bk_1775197801.jpg"
                         class="card-img-top" style="height: 180px; object-fit: cover;">
                </a>
                <div class="card-body text-center p-2">
                    <h6 class="fw-semibold text-primary mb-2">Humayun’s Tomb</h6>
                                        <p class="text-muted small mb-2">
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">☆</span>
                                                <small class="text-muted">(4.5/5)</small>                    </p>
                    <a href="https://www.google.com/maps/place/?q=place_id:ChIJpwtG6BzjDDkRDajfOy268bk" target="_blank"
                       class="btn btn-gradient w-100 py-2 fw-semibold text-white rounded-0">View on Map</a>
                </div>
            </div>
        </div>
                    <div class="col-md-6 col-lg-4 mb-4 tourist-card" style="">
            <div class="card h-100 border-0 shadow-sm hover-shadow rounded-3 overflow-hidden">
                <a href="https://www.google.com/maps/place/?q=place_id:ChIJT5uBZwYeDTkRuJ11YPGVSYM" target="_blank">
                    <img src="assets/NearbyTouristPlacesIMG/ChIJT5uBZwYeDTkRuJ11YPGVSYM_1775197809.jpg"
                         class="card-img-top" style="height: 180px; object-fit: cover;">
                </a>
                <div class="card-body text-center p-2">
                    <h6 class="fw-semibold text-primary mb-2">Qutb Minar</h6>
                                        <p class="text-muted small mb-2">
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">☆</span>
                                                <small class="text-muted">(4.5/5)</small>                    </p>
                    <a href="https://www.google.com/maps/place/?q=place_id:ChIJT5uBZwYeDTkRuJ11YPGVSYM" target="_blank"
                       class="btn btn-gradient w-100 py-2 fw-semibold text-white rounded-0">View on Map</a>
                </div>
            </div>
        </div>
                    <div class="col-md-6 col-lg-4 mb-4 tourist-card" style="display:none;">
            <div class="card h-100 border-0 shadow-sm hover-shadow rounded-3 overflow-hidden">
                <a href="https://www.google.com/maps/place/?q=place_id:ChIJNS7J7OziDDkR6ksNHEt2wIY" target="_blank">
                    <img src="assets/NearbyTouristPlacesIMG/ChIJNS7J7OziDDkR6ksNHEt2wIY_1775197819.jpg"
                         class="card-img-top" style="height: 180px; object-fit: cover;">
                </a>
                <div class="card-body text-center p-2">
                    <h6 class="fw-semibold text-primary mb-2">Lodhi Garden</h6>
                                        <p class="text-muted small mb-2">
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">☆</span>
                                                <small class="text-muted">(4.5/5)</small>                    </p>
                    <a href="https://www.google.com/maps/place/?q=place_id:ChIJNS7J7OziDDkR6ksNHEt2wIY" target="_blank"
                       class="btn btn-gradient w-100 py-2 fw-semibold text-white rounded-0">View on Map</a>
                </div>
            </div>
        </div>
                    <div class="col-md-6 col-lg-4 mb-4 tourist-card" style="display:none;">
            <div class="card h-100 border-0 shadow-sm hover-shadow rounded-3 overflow-hidden">
                <a href="https://www.google.com/maps/place/?q=place_id:ChIJ74XAbuL8DDkR-wJQ-vQyHkQ" target="_blank">
                    <img src="assets/NearbyTouristPlacesIMG/ChIJ74XAbuL8DDkR-wJQ-vQyHkQ_1775197830.jpg"
                         class="card-img-top" style="height: 180px; object-fit: cover;">
                </a>
                <div class="card-body text-center p-2">
                    <h6 class="fw-semibold text-primary mb-2">Red Fort</h6>
                                        <p class="text-muted small mb-2">
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">☆</span>
                                                <small class="text-muted">(4.5/5)</small>                    </p>
                    <a href="https://www.google.com/maps/place/?q=place_id:ChIJ74XAbuL8DDkR-wJQ-vQyHkQ" target="_blank"
                       class="btn btn-gradient w-100 py-2 fw-semibold text-white rounded-0">View on Map</a>
                </div>
            </div>
        </div>
                    <div class="col-md-6 col-lg-4 mb-4 tourist-card" style="display:none;">
            <div class="card h-100 border-0 shadow-sm hover-shadow rounded-3 overflow-hidden">
                <a href="https://www.google.com/maps/place/?q=place_id:ChIJK0PmUIUDDTkRb_eFW3xuv8Y" target="_blank">
                    <img src="assets/NearbyTouristPlacesIMG/ChIJK0PmUIUDDTkRb_eFW3xuv8Y_1775197844.jpg"
                         class="card-img-top" style="height: 180px; object-fit: cover;">
                </a>
                <div class="card-body text-center p-2">
                    <h6 class="fw-semibold text-primary mb-2">Bharat Darshan Park</h6>
                                        <p class="text-muted small mb-2">
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">☆</span>
                                                <small class="text-muted">(4.3/5)</small>                    </p>
                    <a href="https://www.google.com/maps/place/?q=place_id:ChIJK0PmUIUDDTkRb_eFW3xuv8Y" target="_blank"
                       class="btn btn-gradient w-100 py-2 fw-semibold text-white rounded-0">View on Map</a>
                </div>
            </div>
        </div>
                    <div class="col-md-6 col-lg-4 mb-4 tourist-card" style="display:none;">
            <div class="card h-100 border-0 shadow-sm hover-shadow rounded-3 overflow-hidden">
                <a href="https://www.google.com/maps/place/?q=place_id:ChIJm8RPaUr9DDkRDBt4YsluSqI" target="_blank">
                    <img src="assets/NearbyTouristPlacesIMG/ChIJm8RPaUr9DDkRDBt4YsluSqI_1775197889.jpg"
                         class="card-img-top" style="height: 180px; object-fit: cover;">
                </a>
                <div class="card-body text-center p-2">
                    <h6 class="fw-semibold text-primary mb-2">Jantar Mantar</h6>
                                        <p class="text-muted small mb-2">
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">☆</span>
                                                <small class="text-muted">(4.2/5)</small>                    </p>
                    <a href="https://www.google.com/maps/place/?q=place_id:ChIJm8RPaUr9DDkRDBt4YsluSqI" target="_blank"
                       class="btn btn-gradient w-100 py-2 fw-semibold text-white rounded-0">View on Map</a>
                </div>
            </div>
        </div>
                    <div class="col-md-6 col-lg-4 mb-4 tourist-card" style="display:none;">
            <div class="card h-100 border-0 shadow-sm hover-shadow rounded-3 overflow-hidden">
                <a href="https://www.google.com/maps/place/?q=place_id:ChIJ2WjYEzP9DDkRG_AKY2WphJA" target="_blank">
                    <img src="assets/NearbyTouristPlacesIMG/ChIJ2WjYEzP9DDkRG_AKY2WphJA_1775197952.jpg"
                         class="card-img-top" style="height: 180px; object-fit: cover;">
                </a>
                <div class="card-body text-center p-2">
                    <h6 class="fw-semibold text-primary mb-2">Agrasen ki Baoli</h6>
                                        <p class="text-muted small mb-2">
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">☆</span>
                                                <small class="text-muted">(4.2/5)</small>                    </p>
                    <a href="https://www.google.com/maps/place/?q=place_id:ChIJ2WjYEzP9DDkRG_AKY2WphJA" target="_blank"
                       class="btn btn-gradient w-100 py-2 fw-semibold text-white rounded-0">View on Map</a>
                </div>
            </div>
        </div>
                    <div class="col-md-6 col-lg-4 mb-4 tourist-card" style="display:none;">
            <div class="card h-100 border-0 shadow-sm hover-shadow rounded-3 overflow-hidden">
                <a href="https://www.google.com/maps/place/?q=place_id:ChIJFZkh6uPhDDkRHCcxh5hX_BQ" target="_blank">
                    <img src="assets/NearbyTouristPlacesIMG/ChIJFZkh6uPhDDkRHCcxh5hX_BQ_1775198098.jpg"
                         class="card-img-top" style="height: 180px; object-fit: cover;">
                </a>
                <div class="card-body text-center p-2">
                    <h6 class="fw-semibold text-primary mb-2">The Garden of Five Senses</h6>
                                        <p class="text-muted small mb-2">
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">☆</span>
                                                <small class="text-muted">(4.1/5)</small>                    </p>
                    <a href="https://www.google.com/maps/place/?q=place_id:ChIJFZkh6uPhDDkRHCcxh5hX_BQ" target="_blank"
                       class="btn btn-gradient w-100 py-2 fw-semibold text-white rounded-0">View on Map</a>
                </div>
            </div>
        </div>
                    <div class="col-md-6 col-lg-4 mb-4 tourist-card" style="display:none;">
            <div class="card h-100 border-0 shadow-sm hover-shadow rounded-3 overflow-hidden">
                <a href="https://www.google.com/maps/place/?q=place_id:ChIJFbKJ3xj9DDkRlp2_KZ42V90" target="_blank">
                    <img src="assets/NearbyTouristPlacesIMG/ChIJFbKJ3xj9DDkRlp2_KZ42V90_1775200654.jpg"
                         class="card-img-top" style="height: 180px; object-fit: cover;">
                </a>
                <div class="card-body text-center p-2">
                    <h6 class="fw-semibold text-primary mb-2">Jama Masjid</h6>
                                        <p class="text-muted small mb-2">
                                                    <span style="color:#f5c518; font-size:16px;">☆</span>
                                                    <span style="color:#f5c518; font-size:16px;">☆</span>
                                                    <span style="color:#f5c518; font-size:16px;">☆</span>
                                                    <span style="color:#f5c518; font-size:16px;">☆</span>
                                                    <span style="color:#f5c518; font-size:16px;">☆</span>
                                                                    </p>
                    <a href="https://www.google.com/maps/place/?q=place_id:ChIJFbKJ3xj9DDkRlp2_KZ42V90" target="_blank"
                       class="btn btn-gradient w-100 py-2 fw-semibold text-white rounded-0">View on Map</a>
                </div>
            </div>
        </div>
    </div>
    <div class="text-center mt-3">
        <button id="seeMorePlaces" class="btn btn-sm btn-warning btn-outline-dark px-4">See More Place</button>
    </div>
<script>
document.getElementById('seeMorePlaces')?.addEventListener('click', function() {
    document.querySelectorAll('.tourist-card').forEach(card => card.style.display = 'block');
    this.style.display = 'none';
});
</script>
<style>
.tourist-card { transition: transform 0.3s ease, box-shadow 0.3s ease; }
.tourist-card:hover { transform: translateY(-5px); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12); }
.tourist-card .btn-gradient { background: linear-gradient(90deg, #0072ff, #00c6ff); border: none; transition: background 0.3s ease, transform 0.2s ease; }
.tourist-card .btn-gradient:hover { background: linear-gradient(90deg, #0059ff, #00a6e0); transform: scale(1.02); }
</style>

<hr style="margin-top: 4rem;">
<div class="location-header reveal mb-4">
    <h2 class="section-title mb-0 border-bottom pb-2"><i class="bi bi-geo-alt-fill me-2 text-primary"></i>All Exam Centers in Delhi Complete List &amp; Details</h2>
</div>
<hr class="my-3" />
                    <div class="card shadow-sm mb-3 border-0 overflow-hidden">
            <div class="card-body reveal reveal-delay-1 p-0">
                <div class="d-flex align-items-stretch">
                    <div class="flex-shrink-0" style="width:100px; min-height:90px;">
                                                    <img src="CenterImage/34/MRS Global Institute of Tecnology01.jpg"
                                 alt="MRS Global Institute of Tecnology"
                                 style="width:100px; height:100%; object-fit:cover; display:block;">
                                            </div>
                    <div class="flex-grow-1 p-3 d-flex flex-column justify-content-between">
                        <div class="d-flex flex-column flex-md-row justify-content-between align-items-start align-items-md-center mb-1">
                            <h5 class="card-title mb-1 mb-md-0">
                                <a href="CenterDetails.php?center=MRS+Global+Institute+of+Tecnology"
                                   class="text-decoration-none text-primary fw-semibold">MRS Global Institute of Tecnology</a>
                            </h5>
                            <div class="mt-1 mt-md-0">
                                                                <p class="text-muted small mb-0">
                                                                            <span style="color:#f5c518; font-size:16px;">☆</span>
                                                                            <span style="color:#f5c518; font-size:16px;">☆</span>
                                                                            <span style="color:#f5c518; font-size:16px;">☆</span>
                                                                            <span style="color:#f5c518; font-size:16px;">☆</span>
                                                                            <span style="color:#f5c518; font-size:16px;">☆</span>
                                                                                                        </p>
                            </div>
                        </div>
                        <p class="mb-0 text-muted small">
                            📍 2nd &amp; 3rd Floor, Kh No 7/5, Plot No 2 &amp; 3 Pillar No. 811, near Dwarka Metro Station Hari Vihar, Kakrola, Dwarka, New Delhi, 110078<br>
                            🗺️ 5.99 km from this center
                        </p>
                    </div>
                </div>
            </div>
        </div>
                    <div class="card shadow-sm mb-3 border-0 overflow-hidden">
            <div class="card-body reveal reveal-delay-1 p-0">
                <div class="d-flex align-items-stretch">
                    <div class="flex-shrink-0" style="width:100px; min-height:90px;">
                                                    <img src="CenterImage/39/Pawan Ganga01.jpg"
                                 alt="Pawan Ganga Educational Center"
                                 style="width:100px; height:100%; object-fit:cover; display:block;">
                                            </div>
                    <div class="flex-grow-1 p-3 d-flex flex-column justify-content-between">
                        <div class="d-flex flex-column flex-md-row justify-content-between align-items-start align-items-md-center mb-1">
                            <h5 class="card-title mb-1 mb-md-0">
                                <a href="CenterDetails.php?center=Pawan+Ganga+Educational+Center"
                                   class="text-decoration-none text-primary fw-semibold">Pawan Ganga Educational Center</a>
                            </h5>
                            <div class="mt-1 mt-md-0">
                                                                <p class="text-muted small mb-0">
                                                                            <span style="color:#f5c518; font-size:16px;">★</span>
                                                                            <span style="color:#f5c518; font-size:16px;">★</span>
                                                                            <span style="color:#f5c518; font-size:16px;">★</span>
                                                                            <span style="color:#f5c518; font-size:16px;">★</span>
                                                                            <span style="color:#f5c518; font-size:16px;">☆</span>
                                                                        <small class="text-muted">(4.1/5)</small>                                </p>
                            </div>
                        </div>
                        <p class="mb-0 text-muted small">
                            📍 Rohtak Rd, Mundka Industrial Area, Hiran Kudna PIN-110041<br>
                            🗺️ 7.59 km from this center
                        </p>
                    </div>
                </div>
            </div>
        </div>
                    <div class="card shadow-sm mb-3 border-0 overflow-hidden">
            <div class="card-body reveal reveal-delay-1 p-0">
                <div class="d-flex align-items-stretch">
                    <div class="flex-shrink-0" style="width:100px; min-height:90px;">
                                                    <div class="d-flex align-items-center justify-content-center h-100 bg-light text-muted"
                                 style="width:100px; font-size:1.8rem;">
                                🏛️
                            </div>
                                            </div>
                    <div class="flex-grow-1 p-3 d-flex flex-column justify-content-between">
                        <div class="d-flex flex-column flex-md-row justify-content-between align-items-start align-items-md-center mb-1">
                            <h5 class="card-title mb-1 mb-md-0">
                                <a href="CenterDetails.php?center=Md+Indraprastha+Public+School"
                                   class="text-decoration-none text-primary fw-semibold">Md Indraprastha Public School</a>
                            </h5>
                            <div class="mt-1 mt-md-0">
                                                                <p class="text-muted small mb-0">
                                                                            <span style="color:#f5c518; font-size:16px;">☆</span>
                                                                            <span style="color:#f5c518; font-size:16px;">☆</span>
                                                                            <span style="color:#f5c518; font-size:16px;">☆</span>
                                                                            <span style="color:#f5c518; font-size:16px;">☆</span>
                                                                            <span style="color:#f5c518; font-size:16px;">☆</span>
                                                                                                        </p>
                            </div>
                        </div>
                        <p class="mb-0 text-muted small">
                            📍 Barwala Rd, Rajiv Nagar Extension, Sector 22, Rohini, Delhi PIN-110099<br>
                            🗺️ 8.88 km from this center
                        </p>
                    </div>
                </div>
            </div>
        </div>
                    <div class="card shadow-sm mb-3 border-0 overflow-hidden">
            <div class="card-body reveal reveal-delay-1 p-0">
                <div class="d-flex align-items-stretch">
                    <div class="flex-shrink-0" style="width:100px; min-height:90px;">
                                                    <img src="CenterImage/38/Webinfotron technologies private limited01.jpg"
                                 alt="Webinfotron technologies private limited"
                                 style="width:100px; height:100%; object-fit:cover; display:block;">
                                            </div>
                    <div class="flex-grow-1 p-3 d-flex flex-column justify-content-between">
                        <div class="d-flex flex-column flex-md-row justify-content-between align-items-start align-items-md-center mb-1">
                            <h5 class="card-title mb-1 mb-md-0">
                                <a href="CenterDetails.php?center=Webinfotron+technologies+private+limited"
                                   class="text-decoration-none text-primary fw-semibold">Webinfotron technologies private limited</a>
                            </h5>
                            <div class="mt-1 mt-md-0">
                                                                <p class="text-muted small mb-0">
                                                                            <span style="color:#f5c518; font-size:16px;">★</span>
                                                                            <span style="color:#f5c518; font-size:16px;">★</span>
                                                                            <span style="color:#f5c518; font-size:16px;">★</span>
                                                                            <span style="color:#f5c518; font-size:16px;">☆</span>
                                                                            <span style="color:#f5c518; font-size:16px;">☆</span>
                                                                        <small class="text-muted">(3.1/5)</small>                                </p>
                            </div>
                        </div>
                        <p class="mb-0 text-muted small">
                            📍 Khasra No 265, J J Colony, Sawda, New Delhi, Delhi, 110081<br>
                            🗺️ 10.52 km from this center
                        </p>
                    </div>
                </div>
            </div>
        </div>
                    <div class="card shadow-sm mb-3 border-0 overflow-hidden">
            <div class="card-body reveal reveal-delay-1 p-0">
                <div class="d-flex align-items-stretch">
                    <div class="flex-shrink-0" style="width:100px; min-height:90px;">
                                                    <img src="CenterImage/33/Mount Abu Public School001.jpg"
                                 alt="Mount Abu Public School"
                                 style="width:100px; height:100%; object-fit:cover; display:block;">
                                            </div>
                    <div class="flex-grow-1 p-3 d-flex flex-column justify-content-between">
                        <div class="d-flex flex-column flex-md-row justify-content-between align-items-start align-items-md-center mb-1">
                            <h5 class="card-title mb-1 mb-md-0">
                                <a href="CenterDetails.php?center=Mount+Abu+Public+School"
                                   class="text-decoration-none text-primary fw-semibold">Mount Abu Public School</a>
                            </h5>
                            <div class="mt-1 mt-md-0">
                                                                <p class="text-muted small mb-0">
                                                                            <span style="color:#f5c518; font-size:16px;">★</span>
                                                                            <span style="color:#f5c518; font-size:16px;">★</span>
                                                                            <span style="color:#f5c518; font-size:16px;">★</span>
                                                                            <span style="color:#f5c518; font-size:16px;">☆</span>
                                                                            <span style="color:#f5c518; font-size:16px;">☆</span>
                                                                        <small class="text-muted">(3.5/5)</small>                                </p>
                            </div>
                        </div>
                        <p class="mb-0 text-muted small">
                            📍 H Block, Dattaram Society, Sector-18, Rohini, New Delhi PIN- 110089<br>
                            🗺️ 11.63 km from this center
                        </p>
                    </div>
                </div>
            </div>
        </div>
                    <div class="card shadow-sm mb-3 border-0 overflow-hidden">
            <div class="card-body reveal reveal-delay-1 p-0">
                <div class="d-flex align-items-stretch">
                    <div class="flex-shrink-0" style="width:100px; min-height:90px;">
                                                    <img src="CenterImage/36/R K Digital Center01.jpg"
                                 alt="R K Digital Computer Centre"
                                 style="width:100px; height:100%; object-fit:cover; display:block;">
                                            </div>
                    <div class="flex-grow-1 p-3 d-flex flex-column justify-content-between">
                        <div class="d-flex flex-column flex-md-row justify-content-between align-items-start align-items-md-center mb-1">
                            <h5 class="card-title mb-1 mb-md-0">
                                <a href="CenterDetails.php?center=R+K+Digital+Computer+Centre"
                                   class="text-decoration-none text-primary fw-semibold">R K Digital Computer Centre</a>
                            </h5>
                            <div class="mt-1 mt-md-0">
                                                                <p class="text-muted small mb-0">
                                                                            <span style="color:#f5c518; font-size:16px;">★</span>
                                                                            <span style="color:#f5c518; font-size:16px;">★</span>
                                                                            <span style="color:#f5c518; font-size:16px;">★</span>
                                                                            <span style="color:#f5c518; font-size:16px;">☆</span>
                                                                            <span style="color:#f5c518; font-size:16px;">☆</span>
                                                                        <small class="text-muted">(3.1/5)</small>                                </p>
                            </div>
                        </div>
                        <p class="mb-0 text-muted small">
                            📍 Gate No. 2, Shakti Nagar, Near Lilawati Vidya Mandir School, New Delhi – 110007<br>
                            🗺️ 11.9 km from this center
                        </p>
                    </div>
                </div>
            </div>
        </div>
    
<div class="alert alert-warning mt-3 mb-0 small text-center" role="alert">
    ⚠️ <strong>Note:</strong> The distance between centers shown above is approximate and may not be fully accurate.
    Please verify using Google Maps or other reliable sources for precise directions.
</div>
<hr class="my-3" />
<div class="location-header reveal mb-4">
<h2 class="section-title mb-0 border-bottom pb-2">
    <i class="bi bi-geo-alt-fill me-2 text-primary"></i>Delhi City – All Exam Centers on One Map</h2>
</div>
<div id="mapMultiple" style="height: 450px;" class="mb-4 rounded shadow-sm border"></div>
<script>
var mapMultiple = L.map('mapMultiple').setView([28.65346517, 77.07164656], 13);
mapMultiple.scrollWheelZoom.disable();
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { attribution: '&copy; OpenStreetMap contributors' }).addTo(mapMultiple);
var mainIcon = L.icon({ iconUrl: 'https://raw.githubusercontent.com/pointhi/leaflet-color-markers/master/img/marker-icon-red.png', iconSize: [25, 41], iconAnchor: [12, 41], popupAnchor: [1, -34] });
L.marker([28.65346517, 77.07164656], {icon: mainIcon}).addTo(mapMultiple).bindPopup("<b>Bharti Vidya Niketan Public School</b><br>Main Center");
var blueIcon = L.icon({ iconUrl: 'https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.9.4/images/marker-icon.png', iconSize: [25, 41], iconAnchor: [12, 41], popupAnchor: [1, -34] });
// SECURITY: json_encode handles all escaping for JS context
var otherCenters = [{"name":"MRS Global Institute of Tecnology","lat":28.6186045500000005858964868821203708648681640625,"lng":77.0248846700000058262958191335201263427734375,"id":34},{"name":"Pawan Ganga Educational Center","lat":28.677605310000000571335476706735789775848388671875,"lng":76.998847949999998263592715375125408172607421875,"id":39},{"name":"Md Indraprastha Public School","lat":28.733026200000001182388587039895355701446533203125,"lng":77.06390267000000449115759693086147308349609375,"id":35},{"name":"Webinfotron technologies private limited","lat":28.708118330000001350299498881213366985321044921875,"lng":76.9835875499999957582986098714172840118408203125,"id":38},{"name":"Mount Abu Public School","lat":28.742927980000001042526491801254451274871826171875,"lng":77.133508309999996299666236154735088348388671875,"id":33},{"name":"R K Digital Computer Centre","lat":28.678007720000000091431502369232475757598876953125,"lng":77.190404330000006893897079862654209136962890625,"id":36}];
var bounds = [[28.65346517, 77.07164656]];
otherCenters.forEach(function(c) {
    if(c.lat && c.lng) {
        L.marker([c.lat, c.lng], {icon: blueIcon}).addTo(mapMultiple).bindPopup('<b>' + c.name + '</b><br><a href="CenterDetails.php?center=' + encodeURIComponent(c.name) + '">View Details</a>');
        bounds.push([c.lat, c.lng]);
    }
});
if(bounds.length > 1) { mapMultiple.fitBounds(bounds, {padding: [50, 50]}); }
</script>

<hr style="margin-top: 4rem;">
<div class="location-header reveal mb-4">
    <h2 class="section-title mb-0 border-bottom pb-2">
        <i class="bi bi-geo-alt-fill me-2 text-primary"></i>Write and Read, Real User Experiences</h2>
</div>
    <p class="text-muted">No reviews yet for this center. Be the first to write one!</p>

<hr class="my-4">
<h4 class="fw-semibold mb-3 text-primary">Write a Review</h4><hr class="my-3" />

<form action="" method="POST" class="border rounded p-4 shadow-sm bg-light">
    <input type="hidden" name="center_id" value="29">
    <input type="hidden" name="submit_review" value="1">

    <!-- SECURITY: Honeypot field – hidden from real users, bots fill it -->
    <div style="display:none;" aria-hidden="true">
        <input type="text" name="website" tabindex="-1" autocomplete="off">
    </div>

    <div class="row mb-3">
        <div class="col-md-6">
            <label for="username" class="form-label">Your Name *</label>
            <input type="text" class="form-control" id="username" name="username"
                   maxlength="100" required>
        </div>
        <div class="col-md-6">
            <label for="rating" class="form-label">Rating *</label>
            <select class="form-select" id="rating" name="rating" required>
                <option value="">-- Select Rating --</option>
                                    <option value="5">5 Stars</option>
                                    <option value="4">4 Stars</option>
                                    <option value="3">3 Stars</option>
                                    <option value="2">2 Stars</option>
                                    <option value="1">1 Star</option>
                            </select>
        </div>
    </div>
    <div class="mb-3">
        <label class="form-label">Select Review Type (Optional)</label>
        <select class="form-select mb-2" id="reviewTemplate">
           <option value="">-- Select a Topic --</option>
           <option value="The nearby hotel is ">Nearby Hotel</option>
           <option value="The nearest bus stop is ">Nearest Bus Stop</option>
           <option value="The nearest railway station is ">Nearest Railway Station</option>
           <option value="Parking facility at the center is ">Parking Facility</option>
           <option value="The exam hall condition was ">Exam Hall Condition</option>
           <option value="The staff behavior was ">Staff Behaviour</option>
           <option value="The overall exam experience was ">Overall Experience</option>
        </select>
        <label for="comment" class="form-label">Your Review *</label>
        <textarea class="form-control" id="comment" name="comment"
                  rows="4" maxlength="2000" required></textarea>
    </div>
    <div class="mb-3">
        <label class="form-label">Your Social Profile *</label>
        <div class="input-group">
            <select class="form-select" name="platform">
                <option value="instagram">Instagram</option>
                <option value="twitter">Twitter</option>
                <option value="facebook">Facebook</option>
                <option value="linkedin">LinkedIn</option>
                <option value="telegram">Telegram</option>
            </select>
            <input type="text" class="form-control" name="social_username"
                   placeholder="Username or handle (without @)"
                   maxlength="60" pattern="[a-zA-Z0-9._\-]{1,60}" required>
        </div>
    </div>
    <button type="submit" class="btn btn-primary">Submit Review</button>
</form>
        </div>
<script>
const dropdown = document.getElementById('reviewTemplate');
const textarea = document.getElementById('comment');
dropdown.addEventListener('change', function() {
    if (this.value !== "") { textarea.value = this.value; textarea.focus(); }
});
</script>
        <!-- sidebar.php -->
<div class="col-md-3 d-none d-md-block sidebar">
    <div class="bg-light rounded-4 shadow-sm p-4 mb-4">
        <h5 class="text-primary fw-semibold mb-3">
            <i class="bi bi-people-fill me-2"></i> Contribute to the Community
        </h5>
        <p class="text-secondary mb-3 small">
            Know a hotel or place to stay near this exam center? Share it to help thousands of students.
        </p>
        <a href="https://docs.google.com/forms/d/e/1FAIpQLSdGA1MWf0qLClyDmfYlg4wJJkWgAAID0kGtwiLYIzzwjuuCrQ/viewform" class="btn btn-outline-primary btn-sm rounded-pill px-4 fw-medium">
            Add Hotel or Center
        </a>
    </div>
</div>
    </div>
</div>
</div> <!-- close content-container -->

<footer class="footer">
    <div class="container-fluid">
        &copy; 2026 ExamStay. All rights reserved.
        | <a href="/sitemap.xml" target="_blank" style="color: #0d6efd; text-decoration: none;">Sitemap</a>
        <a href="//www.dmca.com/Protection/Status.aspx?ID=2891b660-7cba-4997-9bb3-c2d08063541a" title="DMCA.com Protection Status" class="dmca-badge">
  <img src="https://images.dmca.com/Badges/dmca-badge-w100-5x1-08.png?ID=2891b660-7cba-4997-9bb3-c2d08063541a" alt="DMCA.com Protection Status" />
</a>
<script src="https://images.dmca.com/Badges/DMCABadgeHelper.min.js"></script>

    </div>
</footer>

<!-- Bootstrap 5 JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script>

<!-- Scroll Animation -->
<script>
    function handleScrollAnimation() {
        document.querySelectorAll('.fade-in-up').forEach(function(el) {
            const top = el.getBoundingClientRect().top;
            const windowHeight = window.innerHeight;
            if (top < windowHeight - 50) {
                el.classList.add('appear');
            }
        });
    }

    window.addEventListener('scroll', handleScrollAnimation);
    window.addEventListener('load', handleScrollAnimation);
</script>

</body>
</html>