BabyCare - Daycare Website Template< /title> <meta content="width=device-width, initial-scale=1.0" name="viewport" /> <meta content="" name="keywords" /> <meta content="" name="description" />  <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link href="https://fonts.googleapis.com/css2?family=Fredoka:wght@600;700&family=Montserrat:wght@200;400;600&display=swap" rel="stylesheet" />  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" /> <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet" />  <link href="lib/animate/animate.min.css" rel="stylesheet" /> <link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet" /> <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet" />  <link href="css/bootstrap.min.css" rel="stylesheet" />  <link href="css/style.css" rel="stylesheet" /> </head> <body>  <div id="spinner" class="show w-100 vh-100 bg-white position-fixed translate-middle top-50 start-50 d-flex align-items-center justify-content-center" > <div class="spinner-grow text-primary" role="status"></div> </div>   <div class="container-fluid border-bottom bg-light wow fadeIn" data-wow-delay="0.1s" > <div class="container topbar bg-primary d-none d-lg-block py-2" style="border-radius: 0 40px" > <div class="d-flex justify-content-between"> <div class="top-info ps-2"> <small class="me-3" ><i class="fas fa-map-marker-alt me-2 text-secondary"></i> <a href="#" class="text-white">Chandigarh</a></small > <small class="me-3" ><i class="fas fa-envelope me-2 text-secondary"></i ><a href="#" class="text-white">rdcachandigarh.com</a></small > </div> <div class="top-link pe-2"> <a href="https://www.facebook.com/RDCAMohali" class="btn btn-light btn-sm-square rounded-circle" ><i class="fab fa-facebook-f text-secondary"></i ></a> <a href="" class="btn btn-light btn-sm-square rounded-circle" ><i class="fab fa-twitter text-secondary"></i ></a> <a href="https://www.instagram.com/rdcadefenceacademy/" class="btn btn-light btn-sm-square rounded-circle" ><i class="fab fa-instagram text-secondary"></i ></a> <a href="" class="btn btn-light btn-sm-square rounded-circle me-0" ><i class="fab fa-linkedin-in text-secondary"></i ></a> </div> </div> </div> <div class="container px-0"> <nav class="navbar navbar-light navbar-expand-xl py-3"> <a href="index.html" class="navbar-brand" ><h1 class="text-primary display-6"> <img src="./img/ribslogo.png" alt="" style="height: 60px;"><span class="text-primary">RDCA</span> </h1></a > <button class="navbar-toggler py-2 px-3" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" > <span class="fa fa-bars text-primary"></span> </button> <div class="collapse navbar-collapse" id="navbarCollapse"> <div class="navbar-nav mx-auto"> <a href="index.html" class="nav-item nav-link active">Home</a> <a href="about.html" class="nav-item nav-link">About</a> <a href="service.html" class="nav-item nav-link">Services</a> <a href="program.html" class="nav-item nav-link">Programs</a> <a href="galary.html" class="nav-item nav-link">Galary</a> <a href="event.html" class="nav-item nav-link">Events</a>  <a href="contact.html" class="nav-item nav-link">Contact</a> </div> <div class="d-flex me-4"> <div id="phone-tada" class="d-flex align-items-center justify-content-center" > <a href="" class="position-relative wow tada" data-wow-delay=".9s" > <i class="fa fa-phone-alt text-primary fa-2x me-4"></i> <div class="position-absolute" style="top: -7px; left: 20px"> <span ><i class="fa fa-comment-dots text-secondary"></i ></span> </div> </a> </div> <div class="d-flex flex-column pe-3 border-end border-primary"> <span class="text-primary">Have any questions?</span> <a href="#" ><span class="text-secondary">+91-99885-23100, +91-93160-61122</span></a > </div> </div> <button class="btn-search btn btn-primary btn-md-square rounded-circle" data-bs-toggle="modal" data-bs-target="#searchModal" > <i class="fas fa-search text-white"></i> </button> </div> </nav> </div> </div>   <div class="modal fade" id="searchModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true" > <div class="modal-dialog modal-fullscreen"> <div class="modal-content rounded-0"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLabel"> Search by keyword </h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close" ></button> </div> <div class="modal-body d-flex align-items-center"> <div class="input-group w-75 mx-auto d-flex"> <input type="search" class="form-control p-3" placeholder="keywords" aria-describedby="search-icon-1" /> <span id="search-icon-1" class="input-group-text p-3" ><i class="fa fa-search"></i ></span> </div> </div> </div> </div> </div>   <div class="container-fluid page-header py-5 wow fadeIn" data-wow-delay="0.1s" > <div class="container text-center py-5"> <h1 class="display-2 text-white mb-4">Services</h1> <nav aria-label="breadcrumb"> <ol class="breadcrumb justify-content-center mb-0"> <li class="breadcrumb-item"><a href="#">Home</a></li> <li class="breadcrumb-item"><a href="#">Pages</a></li> <li class="breadcrumb-item text-white" aria-current="page"> Services </li> </ol> </nav> </div> </div>   <div class="container-fluid service py-5"> <div class="container py-5"> <div class="mx-auto text-center wow fadeIn" data-wow-delay="0.1s" style="max-width: 700px" > <h4 class="text-primary mb-4 border-bottom border-primary border-2 d-inline-block p-2 title-border-radius" > What We Do </h4> <h1 class="mb-5 display-3">Thanks To Get Started With Our School</h1> </div> <div class="row g-5"> <div class="col-md-6 col-lg-6 col-xl-3 wow fadeIn" data-wow-delay="0.1s" > <div class="text-center border-primary border bg-white service-item" > <div class="service-content d-flex align-items-center justify-content-center p-4" > <div class="service-content-inner"> <div class="p-4"> <i class="fas fa-gamepad fa-6x text-primary"></i> </div> <a href="#" class="h4">Study & Game</a> <p class="my-3"> Balance study and games for holistic growth. Develop skills, excel academically, and stay active with engaging sports and learning activities. </p> <a href="#" class="btn btn-primary text-white px-4 py-2 my-2 btn-border-radius" >Read More</a > </div> </div> </div> </div> <div class="col-md-6 col-lg-6 col-xl-3 wow fadeIn" data-wow-delay="0.3s" > <div class="text-center border-primary border bg-white service-item" > <div class="service-content d-flex align-items-center justify-content-center p-4" > <div class="service-content-inner"> <div class="p-4"> <i class="fas fa-sort-alpha-down fa-6x text-primary"></i> </div> <a href="#" class="h4">A to Z Programs</a> <p class="my-3"> Explore A to Z programs covering academics, sports, and life skills. Comprehensive learning ensures holistic growth for every student. </p> <a href="#" class="btn btn-primary text-white px-4 py-2 my-2 btn-border-radius" >Read More</a > </div> </div> </div> </div> <div class="col-md-6 col-lg-6 col-xl-3 wow fadeIn" data-wow-delay="0.5s" > <div class="text-center border-primary border bg-white service-item" > <div class="service-content d-flex align-items-center justify-content-center p-4" > <div class="service-content-inner"> <div class="p-4"> <i class="fas fa-users fa-6x text-primary"></i> </div> <a href="#" class="h4">Expert Teacher</a> <p class="my-3"> Learn from expert teachers dedicated to excellence. Their guidance, knowledge, and support ensure students achieve academic and personal success. </p> <a href="#" class="btn btn-primary text-white px-4 py-2 my-2 btn-border-radius" >Read More</a > </div> </div> </div> </div> <div class="col-md-6 col-lg-6 col-xl-3 wow fadeIn" data-wow-delay="0.7s" > <div class="text-center border-primary border bg-white service-item" > <div class="service-content d-flex align-items-center justify-content-center p-4" > <div class="service-content-inner"> <div class="p-4"> <i class="fas fa-user-nurse fa-6x text-primary"></i> </div> <a href="#" class="h4">Mental Health</a> <p class="my-3"> Prioritize mental health with counseling, meditation, and supportive activities. Empower students to build resilience and achieve emotional well-being. </p> <a href="#" class="btn btn-primary text-white px-4 py-2 my-2 btn-border-radius" >Read More</a > </div> </div> </div> </div> </div> </div> </div>   <div class="container-fluid footer py-5 wow fadeIn" data-wow-delay="0.1s"> <div class="container py-5"> <div class="row g-5"> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="footer-item"> <h2 class="fw-bold mb-3"> <span class="text-primary mb-0">RDCA</span ><span class="text-secondary">Chandigarh</span> </h2> <p class="mb-4"> Along with school studies, special preparation for entrance exams is provided. </p> <div class="border border-primary p-3 rounded bg-light"> <h5 class="mb-3">Newsletter</h5> <div class="position-relative mx-auto border border-primary rounded" style="max-width: 400px" > <input class="form-control border-0 w-100 py-3 ps-4 pe-5" type="text" placeholder="Your email" /> <button type="button" class="btn btn-primary py-2 position-absolute top-0 end-0 mt-2 me-2 text-white" > SignUp </button> </div> </div> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="footer-item"> <div class="d-flex flex-column p-4 ps-5 text-dark border border-primary" style="border-radius: 50% 20% / 10% 40%" > <p>Monday: 8am to 5pm</p> <p>Tuesday: 8am to 5pm</p> <p>Wednes: 8am to 5pm</p> <p>Thursday: 8am to 5pm</p> <p>Friday: 8am to 5pm</p> <p>Saturday: 8am to 5pm</p> <p class="mb-0">Sunday: Closed</p> </div> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="footer-item"> <h4 class="text-primary mb-4 border-bottom border-primary border-2 d-inline-block p-2 title-border-radius" > LOCATION </h4> <div class="d-flex flex-column align-items-start"> <a href="" class="text-body mb-4" ><i class="fa fa-map-marker-alt text-primary me-2"></i> Chandigarh</a > <a href="" class="text-start rounded-0 text-body mb-4" ><i class="fa fa-phone-alt text-primary me-2"></i> +91-99885-23100, +91-93160-61122</a > <a href="" class="text-start rounded-0 text-body mb-4" ><i class="fas fa-envelope text-primary me-2"></i> rdcachandigarh@gmail.com</a > <a href="" class="text-start rounded-0 text-body mb-4" ><i class="fa fa-clock text-primary me-2"></i> 26/7 Hours Service</a > <div class="footer-icon d-flex"> <a class="btn btn-primary btn-sm-square me-3 rounded-circle text-white" href="" ><i class="fab fa-facebook-f"></i ></a> <a class="btn btn-primary btn-sm-square me-3 rounded-circle text-white" href="" ><i class="fab fa-twitter"></i ></a> <a href="#" class="btn btn-primary btn-sm-square me-3 rounded-circle text-white" ><i class="fab fa-instagram"></i ></a> <a href="#" class="btn btn-primary btn-sm-square rounded-circle text-white" ><i class="fab fa-linkedin-in"></i ></a> </div> </div> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="footer-item"> <h4 class="text-primary mb-4 border-bottom border-primary border-2 d-inline-block p-2 title-border-radius" > OUR GALLARY </h4> <div class="row g-3"> <div class="col-4"> <div class="footer-galary-img rounded-circle border border-primary" > <img src="img/galary-1.jpg" class="img-fluid rounded-circle p-2" alt="" /> </div> </div> <div class="col-4"> <div class="footer-galary-img rounded-circle border border-primary" > <img src="img/galary-2.jpg" class="img-fluid rounded-circle p-2" alt="" /> </div> </div> <div class="col-4"> <div class="footer-galary-img rounded-circle border border-primary" > <img src="img/galary-3.jpg" class="img-fluid rounded-circle p-2" alt="" /> </div> </div> <div class="col-4"> <div class="footer-galary-img rounded-circle border border-primary" > <img src="img/galary-4.jpg" class="img-fluid rounded-circle p-2" alt="" /> </div> </div> <div class="col-4"> <div class="footer-galary-img rounded-circle border border-primary" > <img src="img/galary-5.jpg" class="img-fluid rounded-circle p-2" alt="" /> </div> </div> <div class="col-4"> <div class="footer-galary-img rounded-circle border border-primary" > <img src="img/galary-6.jpg" class="img-fluid rounded-circle p-2" alt="" /> </div> </div> </div> </div> </div> </div> </div> </div>   <div class="container-fluid copyright bg-dark py-4"> <div class="container"> <div class="row"> <div class="col-md-6 text-center text-md-start mb-3 mb-md-0"> <span class="text-light"><a href="#"><i class="fas fa-copyright text-light me-2"></i>RDCA</a>, All right reserved.</span> </div> <div class="col-md-6 my-auto text-center text-md-end text-white"> Designed By <a class="border-bottom" href="">Nishnat</a> Distributed By <a clas="border-bottom" href="">Team RDCA</a> </div> </div> </div> </div>   <a href="#" class="btn btn-primary border-3 border-primary rounded-circle back-to-top" ><i class="fa fa-arrow-up"></i ></a>  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script> <script src="lib/wow/wow.min.js"></script> <script src="lib/easing/easing.min.js"></script> <script src="lib/waypoints/waypoints.min.js"></script> <script src="lib/lightbox/js/lightbox.min.js"></script> <script src="lib/owlcarousel/owl.carousel.min.js"></script>  <script src="js/main.js"></script> </body> </html>