<!-- start footer -->  
        <footer>
            <div class="container">
                <div class="row upper-footer">
                    <div class="col col-md-5 col-xs-6">
                        <div class="widget about-widget">
                            <div class="logo">
                                <img style="background-color: white; border-radius:5px; width:250px;" src="admin/html/<?php echo $logo?>" alt class="img img-responsive">
                            </div>

                            <div class="details" style="padding-left:0px;">
                                <p style="margin-bottom:20px; color:white"><?php echo $about_content ?></p>
                                <a style="margin-bottom:20px; color:white" href="mailto:<?php echo $email; ?>" class="btn theme-btn-s2">
                                    <i class="fa fa-envelope" style="color:white;"></i> <?php echo $email; ?>
                                </a>

                                <a style="margin-bottom:20px; color:white" href="tel:<?php echo str_replace(' ', '', $phone); ?>" class="btn theme-btn-s2">
                                    <i class="fa fa-phone" style="color:white;"></i> <?php echo $phone; ?>
                                </a>

                                <a  href="#" class="btn theme-btn-s2 color:white;" style="color:white">
                                    <i class="fa fa-map-marker" style="color:white;"></i>
                                     <?php echo $address; ?>
                                </a>
                               
                                <ul class="social-links">
    <li><a href="#"><i class="fab fa-facebook-f"  style="color:white;"></i></a></li>
    <li><a style="color:white;" href="https://youtube.com/@serveshikshafoundation?si=zAUlDUx2RLy0ngBV"><i class="fab fa-youtube"></i></a></li>
    <li><a style="color:white;" href="https://www.instagram.com/serve_shiksha_foundation_ngo?igsh=MXdpdHNnMGltZXQ2OA=="><i class="fab fa-instagram"></i></a></li>

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

                    <div class="col col-md-2 col-xs-6">
                        <div class="widget">
                            <h3 style="color:white" >Quick Links</h3>
                            <ul>
                                <li><a style="color:white;" href="index.php">Home</a></li>
                                <li><a style="color:white;" href="about.php">About Us</a></li>
                                <li><a style="color:white;" href="service.php">Services</a></li>
                                <li><a style="color:white;" href="gallery.php">Gallery</a></li>
                                <li><a style="color:white;" href="contact.php">Contact Us</a></li>
                            </ul>
                        </div>
                    </div>

                    <div class="col col-md-2 col-xs-6">
                        <div class="widget">
                            <h3 style="color:white;">Our Serives</h3>
                            <ul>
                                <li><a style="color:white;" href="#">Advanced Computer Training</a></li>
                                <li><a style="color:white;" href="#">Tailoring Dress Designing</a></li>
                                <li><a style="color:white;" href="#">English Speaking </a></li>
                                
                            </ul>
                        </div>
                    </div>

                    <div class="col col-md-3 col-xs-6">
                        <div class="widget contact-widget">
                            <h3 style="color:white;">Contact</h3>
                            <div>
                                <form action="#" class="form">
                                    <div>
                                        <input type="text" style="color:white;" class="form-control" placeholder="your name" required>
                                    </div>
                                    <div>
                                        <input type="email" style="color:white;" class="form-control" placeholder="email address" required>
                                    </div>
                                    <div>
                                        <textarea style="color:white;" placeholder="write"></textarea>
                                    </div>
                                    <div>
                                        <button class="btn theme-btn" type="submit">Send</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div> <!-- end upper-footer -->
            </div> <!-- end container -->

            <div class="row lower-footer">
                <div class="col col-xs-12">
                    <p style="color:white;">Copyright 2025<span>Serve Shiksha Foundation. </span> All rights reserved  by </span><a href="https://www.sspsoftproindia.com/">SSP Softpro India PVT LTD</a></p>
                </div>
            </div>
        </footer>
        <!-- end footer -->
    </div>
    <!-- end of page-wrapper -->


    <!-- All JavaScript files
    ================================================== -->
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>

    <!-- Plugins for this template -->
    <script src="js/jquery-plugin-collection.js"></script>

    <!-- Custom script for this template -->
    <script src="js/script.js"></script>

    <!-- Google map API -->
    <script src="http://maps.google.com/maps/api/js?key="></script>

    
</html>