           <!-- Appointment Start -->
        <div class="container-xxl py-5">
            <div class="container">
                <div class="bg-light rounded">
                    <div class="row g-0">
                        <div class="col-lg-6 wow fadeIn" data-wow-delay="0.1s">
                            <div class="h-100 d-flex flex-column justify-content-center p-5">
                                <h1 class="mb-4">Make Appointment</h1>
                                <form method="post">
                                    <div class="row g-3">
                                        <div class="col-sm-6">
                                            <div class="form-floating">
                                                <input type="text" name="name" class="form-control border-0" id="gname" placeholder="Gurdian Name">
                                                <label for="gname">Gurdian Name</label>
                                            </div>
                                        </div>
                                        <div class="col-sm-6">
                                            <div class="form-floating">
                                                <input type="email" name="email" class="form-control border-0" id="gmail" placeholder="Gurdian Email">
                                                <label for="gmail">Gurdian Email</label>
                                            </div>
                                        </div>
                                        <div class="col-sm-6">
                                            <div class="form-floating">
                                                <input type="text" name="mobile" class="form-control border-0" id="mobile" placeholder="Mobile">
                                                <label for="mobile">Mobile</label>
                                            </div>
                                        </div>
                                        
                                          <div class="col-sm-6">
                                            <div class="form-floating">
                                                <!--<input type="text" name="class" class="form-control border-0" id="class" placeholder="Class">-->
                                                <!--<label for="class">Class</label>-->
                                                
                                                <select name="class" required class="form-select border-0">
                                                    <option value="">Please Select</option>
                                                    <option value="Play Group">Play Group</option>
                                                    <option value="Nursery">Nursery</option>
                                                    <option value="LKG">LKG</option>
                                                    <option value="UKG">UKG</option>
                                                     <option value="Day Care">Day Care</option>
                                                </select>
                                                
                                            </div>
                                        </div>
                                        
                                        <div class="col-sm-12">
                                            <div class="form-floating">
                                                <textarea class="form-control border-0" name="message" placeholder="Leave a message here" id="message" ></textarea>
                                                <label for="message">Message</label>
                                            </div>
                                        </div>
                                        <div class="col-12">
                                            <button class="btn btn-primary w-100 py-3" type="submit" name="submit">Submit</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                        <div class="col-lg-6 wow fadeIn" data-wow-delay="0.5s" style="min-height: 400px;">
                            <div class="position-relative h-100">
                                <img class="position-absolute w-100 h-100 rounded" src="<?=$baseurl?>/img/appointment.jpg" style="object-fit: cover;">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Appointment End -->

        
        
        <!-- Footer Start -->
        <div class="container-fluid bg-dark text-white-50 footer pt-5 mt-5 wow fadeIn" data-wow-delay="0.1s">
            <div class="container py-5">
                <div class="row g-5">
                    <div class="col-lg-3 col-md-6">
                        <h3 class="text-white mb-4">Get In Touch</h3>
                        <p class="mb-2"><i class="fa fa-map-marker-alt me-3"></i><?=$address[0]['address']?></p>
                     <p class="mb-2">Phone: <a href="tel:<?=$address[0]['phone1']?>"><?=$address[0]['phone1']?></a> , <a href="tel:<?=$address[0]['phone2']?>"><?=$address[0]['phone2']?></a></p>
                    <p class="mb-2"><i class="fa fa-envelope me-3"></i>: <a href="mailto:<?=$address[0]['email1']?>"><?=$address[0]['email1']?></a> , <a href="mailto:<?=$address[0]['email2']?>"><?=$address[0]['email2']?></a></p>
                   
                        <!--<p class="mb-2"><i class="fa fa-envelope me-3"></i>info@example.com</p>-->
                        <div class="d-flex pt-2">
                            <a class="btn btn-outline-light btn-social" href="<?=$address[0]['twitter']?>"><i class="fa fa-twitter"></i></a>
                            <a class="btn btn-outline-light btn-social" href="<?=$address[0]['fb']?>"><i class="fa fa-instagram"></i></a>
                            <a class="btn btn-outline-light btn-social" href="https://api.whatsapp.com/send?phone=<?=$address[0]['phone1']?>"><i class="fa fa-whatsapp"></i></a>
                            <!--<a class="btn btn-outline-light btn-social" href=""><i class="fa fa-linkedin-in"></i></a>-->
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6">
                        <h3 class="text-white mb-4">Quick Links</h3>
                        <a class="btn btn-link text-white-50" href="<?=$baseurl?>/about.php">About Us</a>
                        <a class="btn btn-link text-white-50" href="<?=$baseurl?>/contact">Contact Us</a>
                        <a class="btn btn-link text-white-50" href="<?=$baseurl?>/classes">Classes</a>
                        <!--<a class="btn btn-link text-white-50" href="">Privacy Policy</a>-->
                        <!--<a class="btn btn-link text-white-50" href="">Terms & Condition</a>-->
                    </div>
                    <div class="col-lg-3 col-md-6">
                        <h3 class="text-white mb-4">Photo Gallery</h3>
                        <div class="row g-2 pt-2">
                             <?php 
      $gallery=$manage_website->self_query("select * from tbl_gallery where  status=1 order by id limit 6");
      for ($i=0; $i <count($gallery) ; $i++) { 
             
      ?>
                            <div class="col-4">
                                <img class="img-fluid rounded bg-light p-1" style="width:100%;height:100px;" src="<?=$baseurl?>/images/main_img/<?=$gallery[$i]['image']?>" alt="<?=$gallery[$i]['title']?>" title="<?=$gallery[$i]['title']?>">
                            </div>
                            
                            <?php } ?>
                            <!--<div class="col-4">-->
                            <!--    <img class="img-fluid rounded bg-light p-1" src="<?=$baseurl?>/img/classes-2.jpg" alt="">-->
                            <!--</div>-->
                            <!--<div class="col-4">-->
                            <!--    <img class="img-fluid rounded bg-light p-1" src="<?=$baseurl?>/img/classes-3.jpg" alt="">-->
                            <!--</div>-->
                            <!--<div class="col-4">-->
                            <!--    <img class="img-fluid rounded bg-light p-1" src="<?=$baseurl?>/img/classes-4.jpg" alt="">-->
                            <!--</div>-->
                            <!--<div class="col-4">-->
                            <!--    <img class="img-fluid rounded bg-light p-1" src="<?=$baseurl?>/img/classes-5.jpg" alt="">-->
                            <!--</div>-->
                            <!--<div class="col-4">-->
                            <!--    <img class="img-fluid rounded bg-light p-1" src="<?=$baseurl?>/img/classes-6.jpg" alt="">-->
                            <!--</div>-->
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6">
                        <h3 class="text-white mb-4">Newsletter</h3>
                        <p>Every year Parents Day is celebrated in the month of July. All parents have the important responsibility of providing for, protecting, nurturing, teaching, and loving their children.</p>
                        <div class="position-relative mx-auto" style="max-width: 400px;">
                            <!--<input class="form-control bg-transparent 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">SignUp</button>-->
                        </div>
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="copyright">
                    <div class="row">
                        <div class="col-md-6 text-center text-md-start mb-3 mb-md-0">
                            &copy; <a class="border-bottom" href="#">kidz</a>, All Right Reserved. 
							
							<!--/*** This template is free as long as you keep the footer author’s credit link/attribution link/backlink. If you'd like to use the template without the footer author’s credit link/attribution link/backlink, you can purchase the Credit Removal License from "https://htmlcodex.com/credit-removal". Thank you for your support. ***/-->
							Designed By <a class="border-bottom" href="http://galaxyemind.com/">galaxyemind</a>
                        </div>
                        <div class="col-md-6 text-center text-md-end">
                            <div class="footer-menu">
                                <a href="<?=$baseurl?>">Home</a>
                                <!--<a href="">Cookies</a>-->
                                <!--<a hr<?=$baseurl?>ef="">Help</a>-->
                                <a href="">FQAs</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Footer End -->


        <!-- Back to Top -->
        <a href="#" class="btn btn-lg btn-primary btn-lg-square back-to-top"><i class="bi bi-arrow-up"></i></a>
    </div>

    <!-- JavaScript Libraries -->
    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
    <script src="<?=$baseurl?>/lib/wow/wow.min.js"></script>
    <script src="<?=$baseurl?>/lib/easing/easing.min.js"></script>
    <script src="<?=$baseurl?>/lib/waypoints/waypoints.min.js"></script>
    <script src="<?=$baseurl?>/lib/owlcarousel/owl.carousel.min.js"></script>

    <!-- Template Javascript -->
    <script src="<?=$baseurl?>/js/main.js"></script>
</body>

</html>