 <!-- Footer Start -->
   <!-- load font awesome for icons -->
   <link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css" />


<!-- add your custom CSS -->
<style>
body {
 font-family: sans-serif;
}

/* Add WA floating button CSS */
.floating {
 position: fixed;
 width: 60px;
 height: 60px;
 bottom: 40px;
 left: 40px;
 background-color: #25d366;
 color: #fff;
 border-radius: 50px;
 text-align: center;
 font-size: 30px;
 box-shadow: 2px 2px 3px #999;
 z-index: 100;
}

.fab-icon {
 margin-top: 16px;
}
</style>

<!-- render the button and direct it to wa.me -->
<a href="https://wa.me/+919821107892?text=Hello%20I%20Want%20More%20Details%20Regarding%20Course." class="floating" target="_blank">
<i class="fab fa-whatsapp fab-icon"></i>
</a>


 <div class="container-fluid position-relative overlay-top bg-dark text-white-50 py-5" style="margin-top: 90px;">
        <div class="container mt-4 pt-4">
            <!-- <div class="row">
                <div class="col-md-6 mb-1  " >
                   <a href="index.html" class="navbar-brand">
                     
                      <img src="img/footer logo.png" width="60%" >  
                       
                    </a> 
                </div>
                <p class="m-0">Accusam nonumy clita sed rebum kasd eirmod elitr. Ipsum ea lorem at et diam est, tempor rebum ipsum sit ea tempor stet et consetetur dolores. Justo stet diam ipsum lorem vero clita diam</p>
                <p class="m-0">Accusam nonumy clita sed rebum kasd eirmod elitr. Ipsum ea lorem at et diam est, tempor rebum ipsum sit ea tempor stet et consetetur dolores. Justo stet diam ipsum lorem vero clita diam</p>
<br><br>
                <div class="col-md-6 mb-5">
                    <h3 class="text-white mb-4">Newsletter</h3>
                    <div class="w-100">
                        <div class="input-group">
                            <input type="text" class="form-control border-light" style="padding: 30px;" placeholder="Your Email Address">
                            <div class="input-group-append">
                                <button class="btn btn-primary px-4">Sign Up</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>   -->
            <div class="row">
                <div class="col-md-3 mb-4">
                    <h3 class="text-white mb-4">Get In Touch</h3>
                    <p><i class="fa fa-map-marker-alt mr-2"></i>A-37, Ground Floor,Sunlight Colony-2, Hari Nagar Ashram, New Delhi, Delhi 110014</p>
                    <p><i class="fa fa-phone-alt mr-2"  href="tel:+91 98211 07892"></i>+91 98211 07892</p>
                
                    
                    <p><i class="fa fa-envelope mr-2" href="mailto:admin@youthpdorg.in"></i>admin@youthpdorg.in</p>
                    
                </div>
                <div class="col-md-3 mb-4">
                    <h3 class="text-white mb-4">Our Best Courses</h3>
                    <div class="d-flex flex-column justify-content-start">
                        <a class="text-white-50 mb-2" href="web-designing.php"><i class="fa fa-angle-right mr-2"></i>Web Design</a>
                        <a class="text-white-50 mb-2" href="graphic-designing.php"><i class="fa fa-angle-right mr-2"></i>Graphic Designing</a>
                        <a class="text-white-50 mb-2" href="digital-marketing.php"><i class="fa fa-angle-right mr-2"></i>Digital Marketing</a>
                        <a class="text-white-50 mb-2" href="e-accounting.php"><i class="fa fa-angle-right mr-2"></i>E-Accounting</a>
                        <a class="text-white-50" href="basic-computer-course.php"><i class="fa fa-angle-right mr-2"></i>Basic Computer(CCC)</a>
                        
                    </div>
                </div>
                <div class="col-md-3 mb-4">
                    <h3 class="text-white mb-4">Quick Links</h3>
                    <div class="d-flex flex-column justify-content-start">
                        <a class="text-white-50 mb-2" href="registration.php"><i class="fa fa-angle-right mr-2"></i>Registration</a>
                        <a class="text-white-50 mb-2" href="about-us.php"><i class="fa fa-angle-right mr-2"></i>About Us</a>
                        <a class="text-white-50 mb-2" href="certificate-verify"><i class="fa fa-angle-right mr-2"></i>Verify Certificate</a>
                        <a class="text-white-50 mb-2" href="our-gallery.php"><i class="fa fa-angle-right mr-2"></i>Gallery</a>
                        <a class="text-white-50" href="contact.php"><i class="fa fa-angle-right mr-2"></i>Contact</a>
                   
                        
                   
                </div>
                </div>
                    <div class="col-md-3 mb-8"> <div><center><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3503.7749468391567!2d77.2582544!3d28.57652!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390ce3a193edc45d%3A0x28a18aa8049147f2!2sYouth%20Personality%20Development%20Organisation!5e0!3m2!1sen!2sin!4v1740820913222!5m2!1sen!2sin" width="100%" height="150%" style="border:0;" allowfullscreen="yes" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
        </center>
        <div class="d-flex justify-content-start mt-4">
                        <a class="text-white mr-4" href="https://www.instagram.com/youthpdorg.ngo/"><i class="fab fa-2x fa-instagram"></i></a>
                        <a class="text-white mr-4" href="https://www.facebook.com/people/Youth-Personality-Development-Organization/61566453501375/?mibextid=ZbWKwL"><i class="fab fa-2x fa-facebook-f"></i></a>
                        <a class="text-white mr-4" href="https://wa.me/+919821107892?text=Hello%20I%20Want%20More%20Details%20Regarding%20Course."><i class="fab fa-2x fa-whatsapp"></i></a>
                        <a class="text-white" href="https://g.co/kgs/jEURc7i"><i class="fab fa-2x fa fa-map-marker-alt"></i></a>
                       
                    </div>
        </div></div>
                
            </div>
            
        </div>
       

    </div>

    
    <div class="container-fluid bg-dark text-white-50 border-top py-2 " style="border-color: rgba(256, 256, 256, .1) !important;">
        <div class="container">
            <div class="row">
                <div class="col-md-8 text-center text-md-left mb-4 mb-md-0">
                    <p class="m-0">Copyright &copy; <a class="text-white" href="#">Youth Personality Development Organization</a>. All Rights Reserved. 2010-<script>document.write(new Date().getFullYear());</script>
                    </p>
                </div>
                <div class="col-md-4 text-center text-md-right mb-3 mb-md-0">
                    <p class="m-0">Developed and Managed by <a class="text-white" href="https://instagram.com/_sharma_pandit_ji_">SMDM</a>
                    </p>
                </div>
            </div>
        </div>
    </div>
    <!-- Footer End -->


    <!-- Back to Top -->
    <a href="#" class="btn btn-lg btn-primary rounded-0 btn-lg-square back-to-top"><i class="fa fa-angle-double-up"></i></a>


    <!-- JavaScript Libraries -->
    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.bundle.min.js"></script>
    <script src="lib/easing/easing.min.js"></script>
    <script src="lib/waypoints/waypoints.min.js"></script>
    <script src="lib/counterup/counterup.min.js"></script>
    <script src="lib/owlcarousel/owl.carousel.min.js"></script>

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