Kinderland School - Premier Early Childhood Education body { box-sizing: border-box; } .hero-gradient { background: linear-gradient(135deg); } .section-divider { background: linear-gradient(90deg, transparent, #e5e7eb, transparent); height: 1px; } .card-hover { transition: all 0.3s ease; } .card-hover:hover { transform: translateY(-5px); box-shadow: 0 20px 40px rgba(0,0,0,0.1); } .feature-icon { width: 80px; height: 80px; background: linear-gradient(135deg, #667eea, #764ba2); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 2rem; color: white; margin: 0 auto 1rem; } .methodology-card { border-left: 4px solid #667eea; background: linear-gradient(135deg, #f8fafc, #e2e8f0); } .stats-counter { font-size: 3rem; font-weight: bold; color: #667eea; } @view-transition { navigation: auto; }
document.getElementById('mobile-menu-button').onclick = function() { document.getElementById('mobile-menu-dropdown').classList.toggle('hidden'); };
.enquiry-buttons { position: fixed; top: 40%; right: 0; display: flex; flex-direction: column; gap: 14px; z-index: 999; } /* Base button */ .enquiry-button { position: relative; height: 90px; width: 34px; background: linear-gradient(145deg, rgba(255,255,255,0.25), rgba(255,255,255,0.05)); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); color: #1d3557; font-weight: 700; font-size: 14px; letter-spacing: 1px; display: flex; justify-content: center; align-items: center; border-radius: 12px 0 0 12px; border: 1px solid rgba(255,255,255,0.35); cursor: pointer; user-select: none; transition: all 0.35s ease; box-shadow: -4px 6px 18px rgba(0,0,0,0.15); } /* Slide-out effect */ .enquiry-button:hover { transform: translateX(-8px); } /* Text */ .enquiry-button span { writing-mode: vertical-rl; transform: rotate(180deg); } /* Glow dot */ .enquiry-button::after { content: ""; position: absolute; bottom: 8px; width: 6px; height: 6px; border-radius: 50%; background: currentColor; opacity: 0.6; } /* Individual colors */ .enquiry-button:nth-child(1) { color: #f4a261; } .enquiry-button:nth-child(2) { color: #2a9d8f; } .enquiry-button:nth-child(3) { color: #e76f51; } /* Hover glow */ .enquiry-button:hover { box-shadow: -6px 10px 25px rgba(0,0,0,0.25); } /* Subtle floating animation */ @keyframes float { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(-4px); } } .enquiry-button { animation: float 4s ease-in-out infinite; } .enquiry-button:nth-child(2) { animation-delay: 0.8s; } .enquiry-button:nth-child(3) { animation-delay: 1.6s; } function handleClick() { window.open( "https://gcckinderland.com/#contact-title", "_blank" ); } function handleCall() { window.location.href = "tel:+918655645092"; } function handleVisit() { window.location.href = "#contact"; }

About GCC Kinderland

GCC Kinderland (GKL) is a leading pre-school brand with two thriving branches in Mira Road and Bhayander East.

Our newly launched centre at Jesal Park, Bhayander East, operational since June 2024, proudly welcomes 150+ students. We provide a warm, homely environment where children learn through love, laughter, and joyful discovery.

Every corner of our 3,000 sq. ft. campus is thoughtfully designed to spark curiosity and support holistic development—creating a safe, stimulating space for young learners.

From bright classrooms and secure play zones to interactive sensory corners, our spaces invite children to explore, imagine, and grow—both indoors and outdoors.

Our curriculum embraces the latest advancements in early childhood education and is inspired by NEP 2020, ensuring a meaningful and engaging foundation for lifelong learning.

We are proudly associated with GCC International School, Mira Road (ICSE Board) and offer direct admissions to Grade 1, ensuring a smooth and seamless transition in your child’s educational journey. . boob morph annettevvv

Kids playing
Kids learning
Kids activities

OUR VISION & OUR MISSION

Kids Learning

OUR VISION

To be a happy place where little minds imagine, explore and grow - creating confident, kind learners who shine in their own unique way !

OUR MISSION

  • To make everyday joyful with play, discovery, stories, music and hands-on activities.
  • To nurture each child’s imagination and creativity.
  • To build a loving and safe environment where children feel heard, valued and free to be themselves.
  • To partner with parents, guardians and families and celebrate every milestone — big and small.

OUR CORE VALUES

JOY

JOY

At GCC Kinderland, we harmonize learning with joy. A school should be a safe and happy space for both students and staff.

TRANSPARENCY

TRANSPARENCY

We value openness and honesty, creating strong relationships and a culture built on trust.

SERVICE

SERVICE

We nurture social responsibility so our students grow into thoughtful, caring citizens of tomorrow.

DIGNITY

DIGNITY

We teach respect for others, the environment, and oneself, treating every child equally regardless of background or ability.

/* Title */ .section-title { font-size: clamp(2.2rem, 4vw, 3rem); font-weight: 700; text-align: center; color: #1d3557; margin-bottom: 60px; } /* Grid */ .values-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; } /* Flip Card */ .flip-card { perspective: 1000px; width: 100%; height: 260px; } .flip-inner { position: relative; width: 100%; height: 100%; transition: transform 0.7s ease; transform-style: preserve-3d; } /* Hover (Desktop) */ .flip-card:hover .flip-inner { transform: rotateY(180deg); } /* Touch (Mobile) */ .flip-card:active .flip-inner { transform: rotateY(180deg); } .flip-front, .flip-back { position: absolute; inset: 0; border-radius: 20px; backface-visibility: hidden; overflow: hidden; } /* Front */ .flip-front img { width: 100%; height: 100%; object-fit: cover; } /* Back */ .flip-back { background: #f8fbff; transform: rotateY(180deg); padding: 20px; text-align: center; display: flex; flex-direction: column; justify-content: center; } .flip-back h3 { font-size: 1.25rem; color: #1d3557; margin-bottom: 10px; } .flip-back p { font-size: 0.95rem; line-height: 1.6; color: #4a4a4a; } /* Fade-up Animation */ .fade-up { opacity: 0; transform: translateY(30px); animation: fadeUp 0.9s ease forwards; } @keyframes fadeUp { to { opacity: 1; transform: translateY(0); } } /* Tablet */ @media (max-width: 1024px) { .values-grid { grid-template-columns: repeat(2, 1fr); } } /* Mobile */ @media (max-width: 640px) { .values-grid { grid-template-columns: 1fr; justify-items: center; /* centers grid items */ } .flip-card { width: 90%; max-width: 340px; /* keeps cards centered and neat */ height: 300px; } }

Director’s Message

<img src="https://gcckinderland.com/wp-content/uploads/2025/07/director_maam_aanchal_saini-soares_desk-scaled-1.webp" alt="Director Photo" class="w-full h-full object-cover object-center" />

A Message from Our Director

As a mother, I know how tender these early years are - how every smile, every new word, every tiny milestone holds a special place in our hearts. I understand the hope, the pride and the quiet worries that come with guiding the little one through their first steps into the world. That is why when you entrust your child with us, I don’t see it as a responsibility alone - it is a privilege we cherish deeply.

GCC Kinderland is built on a belief that every child is unique and deserves a place where they feel understood, safe and celebrated. I want each child who walks through our doors to feel exactly what I want for my own - to be surrounded by gentle hands, loving hearts and joyful experiences that make learning feel like magic.

Here, we learn through laughter, play, stories and moments of discovery… Our teachers care for your children as their own, nurturing their individuality and guiding them with kindness as they grow into themselves.
To every parent who chooses us - thank you. I know how difficult it can be to let go of that little hand, even for a few hours. But I promise you this - we will hold it with the same love, care and protection that a mother would.

Together, let us make these early years unforgettable - filled with warmth, love and simple joys of watching our little ones bloom.

<img src="https://gcckinderland.com/wp-content/uploads/2025/07/director_maam_aanchal_saini-soares_desk-scaled-1.webp" alt="Director Signature" class="w-full h-full object-cover" />

Mrs. Aanchal Saini

Director, GCC Kinderland

/* Fade-Up Animation */ .fade-up { opacity: 0; transform: translateY(40px); transition: all 1s ease; } .fade-up.show { opacity: 1; transform: translateY(0); } /* Optional: Smooth hover effect for CTA */ .director-cta { transition: all 0.3s ease; } .director-cta:hover { transform: translateY(-3px); } /* Optional: Soft image shadow */ .director-photo { box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15); } /* Rounded card shadow enhancement */ .director-card { box-shadow: 0 5px 30px rgba(0, 0, 0, 0.10); } .bordered-section { border: 3px dashed #d96faa; } const fadeUps = document.querySelectorAll('.fade-up'); function revealOnScroll() { fadeUps.forEach(el => { const top = el.getBoundingClientRect().top; if (top < window.innerHeight - 80) el.classList.add('show'); }); } window.addEventListener('scroll', revealOnScroll); window.addEventListener('load', revealOnScroll); /* Grid layout */ .flip-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 30px; padding: 40px; justify-items: center; } /* Card wrapper */ .flip-card { width: 260px; height: 360px; perspective: 1000px; } /* Inner rotation */ .flip-card-inner { width: 100%; height: 100%; position: relative; transform-style: preserve-3d; transition: transform 0.7s ease; } .flip-card:hover .flip-card-inner { transform: rotateY(180deg); } /* Front and back shared styles */ .flip-card-front, .flip-card-back { position: absolute; width: 100%; height: 100%; backface-visibility: hidden; overflow: hidden; border-radius: 12px; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18); } /* Front */ .flip-card-front { background: #fff; display: flex; flex-direction: column; text-align: center; } .flip-card-front img { width: 100%; height: 72%; object-fit: cover; } .flip-card-front h3 { font-size: 1.2rem; padding: 12px 0; } /* Back */ .flip-card-back { color: #333; padding: 20px; transform: rotateY(180deg); display: flex; flex-direction: column; justify-content: space-between; text-align: center; } .flip-card-back h3 { font-size: 1.25rem; margin-bottom: 10px; } .flip-card-back p { font-size: 0.95rem; line-height: 1.4; } /* Button */ .flip-btn { margin-top: 20px; padding: 10px 14px; background: #d98c5f; color: #fff; text-decoration: none; border-radius: 6px; font-size: 0.95rem; transition: background 0.25s ease; } .flip-btn:hover { background: #c4784f; } .why-card { border-radius: 12px; overflow: hidden; transition: transform 0.4s ease, box-shadow 0.4s ease; } .why-card:hover { transform: translateY(-10px); box-shadow: 0 15px 25px rgba(0,0,0,0.15); } .why-text { color: white; font-family: 'Fredoka', sans-serif; }

Follow us for updates

<a href="https://www.facebook.com/gcckinderland" target="_blank" aria-label="Facebook" class="w-11 h-11 flex items-center justify-center rounded-full bg-white shadow-md hover:bg-blue-600 hover:text-white transition duration-300" > <a href="https://www.instagram.com/gcckinderland" target="_blank" aria-label="Instagram" class="w-11 h-11 flex items-center justify-center rounded-full bg-white shadow-md hover:bg-gradient-to-tr hover:from-pink-500 hover:via-red-500 hover:to-yellow-500 hover:text-white transition duration-300" >
<img src="https://gcckinderland.com/wp-content/uploads/2025/05/GKL-Logo-color.png" alt="Kinderland Logo" class="w-[220px] sm:w-[260px]" loading="lazy" />

Saini House, Bunglow No. 9, Jesal Park, Behind Kapoor Tower, Bhayandar (East), Thane-401105.

+91-86556 45092

Our Associations

<img src="https://gcckinderland.com/wp-content/uploads/2025/07/MCB-1.png" alt="MCB" class="w-[180px] sm:w-[220px]" loading="lazy" />

Awards & Accreditations

.slider-frame { height: 220px; overflow: hidden; border-radius: 14px; } .slides { display: flex; height: 100%; animation: slide 12s infinite; } .slides img { min-width: 100%; height: 100%; object-fit: cover; } @keyframes slide { 0%, 30% { transform: translateX(0); } 35%, 65% { transform: translateX(-100%); } 70%, 100% { transform: translateX(-200%); } } /* Mobile */ @media (max-width: 640px) { .slider-frame { height: 180px; } }

© 2025 GCC Kinderland. All rights reserved.

.about-section { background-image: url('https://gcckinderland.com/wp-content/uploads/2025/12/Web-b.png'); background-size: inherit; background-position: center; background-repeat: no-repeat; } .about-container { margin: auto; display: flex; gap: 50px; align-items: center; } /* Text */ .about-text { flex: 1; } .about-title { font-size: clamp(2.2rem, 4vw, 3rem); color: #ffffff; margin-bottom: 20px; } .about-paragraph { font-size: clamp(1rem, 1.2vw, 1.15rem); line-height: 1.7; color: #ffffff; margin-bottom: 16px; } .about-highlight { background: #ffffff; color: #000000; line-height: 1.7; } /* Slider */ .about-image { flex: 1; position: relative; aspect-ratio: 4 / 3; /* KEY FIX */ overflow: hidden; border-radius: 18px; } .slide { position: absolute; inset: 0; opacity: 0; transition: opacity 1.5s ease-in-out; } .slide.active { opacity: 1; z-index: 1; } .about-image img { width: 100%; height: 100%; object-fit: cover; } /* Mobile */ @media (max-width: 768px) { .about-container { flex-direction: column; text-align: center; } .about-image { width: 100%; aspect-ratio: 16 / 9; } } const slides = document.querySelectorAll('.slide'); let index = 0; setInterval(() => { slides[index].classList.remove('active'); index = (index + 1) % slides.length; slides[index].classList.add('active'); }, 4500); .values-section { padding: 20px 60px; } .values-container { margin: auto; display: flex; align-items: center; justify-content: center; gap: 60px; } .values-image img { max-width: 100%; height: auto; display: block; } .values-title { font-size: 46px; font-weight: 700; color: #6a2a83; } .value-box { display: flex; align-items: flex-start; gap: 20px; padding: 25px 30px; border-radius: 14px; margin-bottom: 25px; background: white; border: 3px dashed #d96faa; } .mission-box { border-color: #23bebe; } .value-icon img { width: 45px; } .value-text h3 { font-size: 24px; margin-bottom: 8px; color: #333; } .value-text p { font-size: 14px; line-height: 1.6; color: #666; } /* Animation */ .fade-up { opacity: 0; transform: translateY(40px); transition: all 0.9s ease-out; } .fade-up.show { opacity: 1; transform: translateY(0); } .fade-stagger { opacity: 0; transform: translateY(40px); transition: all 1.1s ease-out; } .fade-stagger.show { opacity: 1; transform: translateY(0); } /* Responsive */ @media (max-width: 900px) { .values-container { flex-direction: column; text-align: center; } @media (max-width: 768px) { .values-section { padding: 20px 20px; } } .values-image { width: 100%; display: flex; justify-content: center; /* Centers horizontally */ align-items: center; /* Centers vertically if needed */ margin: 0 auto; } .value-box { text-align: left; } } @keyframes click-shake { 0% { transform: translateX(0); } 15% { transform: translateX(-5px); } 30% { transform: translateX(5px); } 45% { transform: translateX(-4px); } 60% { transform: translateX(4px); } 75% { transform: translateX(-2px); } 100% { transform: translateX(0); } } .shake { animation: click-shake 0.5s ease-in-out; } document.querySelectorAll('.value-box').forEach(box => { box.addEventListener('click', () => { box.classList.remove('shake'); // reset void box.offsetWidth; // force reflow box.classList.add('shake'); // play animation }); }); const animated = document.querySelectorAll('.fade-up, .fade-stagger'); function animateOnScroll() { animated.forEach(el => { if (el.getBoundingClientRect().top < window.innerHeight - 100) { el.classList.add('show'); } }); } window.addEventListener('scroll', animateOnScroll); window.addEventListener('load', animateOnScroll);