<footer class="bg-<?php echo $set['site_color'];?> padding-five-bottom xs-padding-30px-bottom">
                <div class="bg-light-gray padding-50px-tb xs-padding-30px-tb">
                <div class="container">
                    <div class="row equalize xs-equalize-auto">
                        <!-- start social media -->
                        <div class="col-md-8 col-sm-5 col-xs-12 col-xs-12 center-col text-center display-table xs-text-center">
                            <div class="display-table-cell vertical-align-middle">
                                <div class="social-icon-style-8 display-inline-block vertical-align-middle">
                                    <ul class="small-icon no-margin-bottom">
                                        <?php
                                        $data = mysqli_query($dbc, "SELECT * FROM social_links");
                                        while($row1 = mysqli_fetch_array($data)){
                                        if(!empty($row1['value'])){ ?>
                                        <li><a class="<?php echo $row1['type'];?> text-extra-dark-gray" href="<?php echo $row1['value'];?>" title="<?php echo $row1['type'];?>" target="_blank"><i class="fa fa-<?php echo $row1['type'];?>" aria-hidden="true"></i></a></li>
                                        <?php } } ?> 
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <!-- end social media -->
                    </div>
                </div>
            </div>
    <div class="footer-widget-area padding-five-tb xs-padding-30px-tb">
        <div class="container">
            <div class="row equalize xs-equalize-auto">
                <div class="col-md-3 col-sm-12 col-xs-12 widget sm-margin-30px-bottom xs-text-left">
                    <div class="widget-title alt-font text-medium  text-white text-uppercase margin-10px-bottom font-weight-600"><?php echo $set['site_name'];?></div>
                    <ul class="list-unstyled alt-font">
                        <?php if(!empty($set['mobile'])){?>
                        <li><a class="text-small text-white" href="javascript:void;"><?php echo $set['mobile'];?></a></li>
                        <?php }?>
                        <?php if(!empty($set['email'])){?>
                        <li><a class="text-small text-white" href="javascript:void;"><?php echo $set['email'];?></a></li>
                        <?php }?>
                        <?php if(!empty($set['address'])){?>
                        <li><a class="text-small text-white" href="javascript:void;"><?php echo $set['address'];?></a></li>
                        <?php }?>
                    </ul>
                </div>
                <div class="col-md-3 col-sm-12 col-xs-12 widget sm-margin-30px-bottom xs-text-left">
                    <div class="widget-title alt-font text-medium text-white text-uppercase margin-10px-bottom font-weight-600">Quick links</div>
                    <ul class="list-unstyled alt-font">
                        <li><a class="text-small text-white" href="./blog/1">Latest news</a></li>
                        <li><a class="text-small text-white"href="./why_us" >Why us</a></li>
                        <li><a class="text-small text-white"href="./about" >About us</a></li>
                        <li><a class="text-small text-white"href="./#contact" >Help center</a></li>
                    </ul>
                </div>
                <div class="col-md-3 col-sm-12 col-xs-12 widget padding-45px-left sm-padding-15px-left sm-margin-30px-bottom xs-text-left">
                    <div class="widget-title alt-font text-medium text-white text-uppercase margin-10px-bottom font-weight-600">Additional Links</div>
                    <ul class="list-unstyled alt-font">
                        <li><a class="text-small text-white" href="./#services">Services</a></li>
                        <?php $sr=mysqli_query($dbc, "SELECT * FROM trending_cat");
                        while($cat=mysqli_fetch_array($sr)){ ?>
                        <li><a class="text-small text-white" href="cat/<?php echo $cat['id'];?>/1"><?php echo$cat['categories']; ?></a></li>
                        <?php } ?>
                        <?php if(mysqli_num_rows(mysqli_query($dbc, "SELECT * FROM faq"))>0){?>
                        <li><a class="text-small text-white" href=".#faq" >Frequently asked questions</a></li>
                        <?php }?>
                    </ul>
                </div>
                <div class="col-md-3 col-sm-12 col-xs-12 widget padding-45px-left sm-padding-15px-left sm-clear-both sm-no-border-right  xs-margin-30px-bottom xs-text-left">
                    <div class="widget-title alt-font text-medium text-white text-uppercase margin-10px-bottom font-weight-600">More</div>
                    <ul class="list-unstyled alt-font">
                        <?php if(mysqli_num_rows(mysqli_query($dbc, "SELECT * FROM pages WHERE status = '1'"))>0){
                        $result=mysqli_query($dbc, "SELECT * FROM pages WHERE status=1");
                        while($df=mysqli_fetch_array($result)){?>
                        <li><a class="text-small text-white"href="./page/<?php echo $df['id'];?>"><?php echo $df['title'];?></a></li>
                        <?php } }?>
                    </ul>
                </div>
            </div>
        </div>
    </div>
        <div class="container">
            <div class="footer-bottom padding-30px-top">
                <div class="row">
                    <!-- start copyright -->
                    <div class="col-md-12 col-sm-12 col-xs-12 text-small text-white alt-font xs-text-center"><?php echo $ui['footer_extratext'];?></div>
                    <!-- end copyright -->
                </div>
            </div>
        </div>
</footer>
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/<?php echo $set['tawk_id']; ?>/default';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>
        <!-- end footer -->
        <!-- start scroll to top -->
        <a class="scroll-top-arrow md-raised" href="javascript:void(0);"><i class="ti-arrow-up text-black"></i></a>
        <!-- end scroll to top  -->
        <!-- javascript libraries -->
        <script type="text/javascript" src="asset/js/jquery.js"></script>
        <script type="text/javascript" src="asset/js/modernizr.js"></script>
        <script type="text/javascript" src="asset/js/bootstrap.min.js"></script>
        <script type="text/javascript" src="asset/js/jquery.easing.1.3.js"></script>
        <script type="text/javascript" src="asset/js/skrollr.min.js"></script>
        <script type="text/javascript" src="asset/js/smooth-scroll.js"></script>
        <script type="text/javascript" src="asset/js/jquery.appear.js"></script>
        <!-- menu navigation -->
        <script type="text/javascript" src="asset/js/bootsnav.js"></script>
        <script type="text/javascript" src="asset/js/jquery.nav.js"></script>
        <!-- animation -->
        <script type="text/javascript" src="asset/js/wow.min.js"></script>
        <!-- page scroll -->
        <script type="text/javascript" src="asset/js/page-scroll.js"></script>
        <!-- swiper carousel -->
        <script type="text/javascript" src="asset/js/swiper.min.js"></script>
        <!-- counter -->
        <script type="text/javascript" src="asset/js/jquery.count-to.js"></script>
        <!-- parallax -->
        <script type="text/javascript" src="asset/js/jquery.stellar.js"></script>
        <!-- magnific popup -->
        <script type="text/javascript" src="asset/js/jquery.magnific-popup.min.js"></script>
        <!-- portfolio with shorting tab -->
        <script type="text/javascript" src="asset/js/isotope.pkgd.min.js"></script>
        <!-- images loaded -->
        <script type="text/javascript" src="asset/js/imagesloaded.pkgd.min.js"></script>
        <!-- pull menu -->
        <script type="text/javascript" src="asset/js/classie.js"></script>
        <script type="text/javascript" src="asset/js/hamburger-menu.js"></script>
        <!-- counter  -->
        <script type="text/javascript" src="asset/js/counter.js"></script>
        <!-- fit video  -->
        <script type="text/javascript" src="asset/js/jquery.fitvids.js"></script>
        <!-- equalize -->
        <script type="text/javascript" src="asset/js/equalize.min.js"></script>
        <!-- skill bars  -->
        <script type="text/javascript" src="asset/js/skill.bars.jquery.js"></script> 
        <!-- justified gallery  -->
        <script type="text/javascript" src="asset/js/justified-gallery.min.js"></script>
        <!--pie chart-->
        <script type="text/javascript" src="asset/js/jquery.easypiechart.min.js"></script>
        <!-- instagram -->
        <script type="text/javascript" src="asset/js/instafeed.min.js"></script>
        <!-- retina -->
        <script type="text/javascript" src="asset/js/retina.min.js"></script>
        <!-- revolution -->
        <script type="text/javascript" src="asset/revolution/js/jquery.themepunch.tools.min.js"></script>
        <script type="text/javascript" src="asset/revolution/js/jquery.themepunch.revolution.min.js"></script>
        <script type="text/javascript" src="asset/js/main.js"></script>
    </body>
</html>