<footer>
        <div class="footer-top-area black-soft-bg py-3">
            <div class="container">
                <div class="row">
                    <div class="col-xl-4 col-lg-2">
                        <div class="footer-logo ">
                            <a href="index.html"><img src="assets/img/logo/logo-2.png" alt=""></a>
                        </div>
                    </div>
                    <div class="col-xl-8 col-lg-10 col-md-12">
                        <div class="footer-icon ">
                            <a target="_blank" href="https://www.facebook.com/cloudcentricfoundation"><i class="fab fa-facebook-f"></i></a>
                            <a target="_blank" href="https://www.linkedin.com/company/cloudcentric-foundation#"><i class="fab fa-linkedin"></i></a>
                             
                             
                            <!-- <a href="#"><i class="fab fa-instagram"></i></a> -->
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <div class="footer-middle-area pt-80 pb-25" style="background-image:url(assets/img/bg/bg-05.jpg)">
            <div class="container">
                <div class="row">
                    <div class="col-xl-4 col-lg-4 col-md-6">
                        <div class="footer-wrapper ">
                            <h3 class="footer-title">Contact Us</h3>
                            <ul class="contact-link">
                                <li>
                                    <div class="contact-address-icon">
                                        <i class="far fa-map-marker-alt"></i>

                                    </div>
                                    <div class="contact-address-text">
                                        <span>H-146/147 Sector 63<br> Noida 201301, India</span>
                                    </div>
                                </li>
                                <li>
                                    <div class="contact-address-icon">
                                        <i class="far fa-envelope-open"></i>
                                    </div>
                                    <div class="contact-address-text">
                                        <span>care@cloudcentricfoundation.org
 </span>
                                    </div>
                                </li>
                                <li>
                                    <div class="contact-address-icon">
                                        <i class="far fa-phone"></i>
                                    </div>
                                    <div class="contact-address-text">
                                        <span>+0120-4219130 </span>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-4 col-md-6">
                        <div class="footer-wrapper mb-30">
                            <h3 class="footer-title">Company</h3>
                            <div class="footer-link">
                                <ul>
                                    <li><a href="about-us.php">About Us</a></li>
                                    <li><a href="volunteer.php">Volunteer</a></li>
                                    <li><a href="events.php">Events</a></li>
                                    <li><a href="contact.php">Contact</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                     
                    <div class="col-xl-4 col-lg-3 col-md-6">
                        <div class="footer-wrapper pl-70 mb-30">
                            <h3 class="footer-title">Photo Gallery</h3>
                            <ul class="footer-2-img">
                                <li>
                                    <a href="#"><img alt="" src="assets/img/team/team-img.jpg"> </a>
                                </li>
                                <li>
                                <a href="#"><img alt="" src="assets/img/team/donation-img.jpg"> </a>

                                </li>
                                <li>
                                <a href="#"><img alt="" src="assets/img/team/logo-img.jpg"> </a>

                                </li>
                                <!-- <li>
                                    <a href="#"><img alt="" src="assets/img/instagram/04.jpg"></a>
                                </li>
                                <li>
                                    <a href="#"><img alt="" src="assets/img/instagram/05.jpg"></a>
                                </li>
                                <li>
                                    <a href="#"><img alt="" src="assets/img/instagram/06.jpg"></a>
                                </li> -->
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="footer-bottom-area pt-25 mt-45">
                    <div class="row">
                        <div class="col-xl-12">
                            <div class="copyright text-center">
                                <p><i class="far fa-copyright"></i><?php echo date('Y',time()); ?> <a href="#">CloudCentric Fundation.</a> All Rights Reserved</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>
        <!-- JS here -->
        <script src="assets/js/vendor/modernizr-3.5.0.min.js"></script>
    <script src="assets/js/vendor/jquery-1.12.4.min.js"></script>
    <script src="assets/js/popper.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/owl.carousel.min.js"></script>
    <script src="assets/js/isotope.pkgd.min.js"></script>
    <script src="assets/js/slick.min.js"></script>
    <script src="assets/js/jquery.meanmenu.min.js"></script>
    <script src="assets/js/ajax-form.js"></script>
    <script src="assets/js/wow.min.js"></script>
    <script src="assets/js/jquery.scrollUp.min.js"></script>
    <script src="assets/js/jquery.counterup.min.js"></script>
    <script src="assets/js/waypoints.min.js"></script>
    <script src="assets/js/jquery.knob.js"></script>
    <script src="assets/js/jquery.appear.js"></script>
    <script src="assets/js/imagesloaded.pkgd.min.js"></script>
    <script src="assets/js/jquery.magnific-popup.min.js"></script>
    <script src="assets/js/plugins.js"></script>
    <script src="assets/js/main.js"></script>