<footer class="site-footer fixed-footer ">
    <div class="main-footer">
        <div class="container">
            <div class="row">
                <div class="col-md-3 col-sm-6 col-xs-12">
                    <div class="footer-widget about-widget">
                        <a href="<?php echo $wspath?>"><img src="<?php echo $wspath?>admin/images/<?php echo $data1["logo"];?>" alt="Awesome Image"/></a>
                        <!--<h3 style="color:white;">About us</h3>-->
                        <p style="color:white;"><?php echo $dataf["short_about"]; ?></p>
                    </div>
                </div>
                <div class="col-md-2 col-sm-6 col-xs-12">
                    <div class="footer-widget links-widget">
                        <div class="title">
                            <h3 style="color:white;">Links</h3>
                        </div>
                        <ul class="links-list" style="color:white;">
                            <li><a href="<?php echo $wspath?>" style="color:white;">Home</a></li>
                            <li><a href="<?php echo $wspath?>about.html" style="color:white;">About Us</a></li>
                            <li><a href="<?php echo $wspath?>product-categories.html" style="color:white;">Services</a></li>
                            <li><a href="<?php echo $wspath?>gallery.html" style="color:white;">Gallery</a></li>
                            <li><a href="<?php echo $wspath?>contact.html" style="color:white;">Contact</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6 col-xs-12">
                    <div class="footer-widget services-widget">
                        <div class="title">
                            <h3 style="color:white;">Our Services</h3>
                        </div>
                         
                        <ul class="links-list" >
                            <?php
                                $sqltype = "SELECT * FROM `tbl_product`";
                                $runtype = mysqli_query($db,$sqltype) or die("Query Not run");
                                while($datatype = mysqli_fetch_assoc($runtype)){
                            ?>
                            <li><a href="<?php echo $wspath?>product<?php echo $datatype['slug_link']?>.html"style="color:white;"><?php echo $datatype['product_name']?></a></li>
                            <?php } ?>
                        </ul>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 col-xs-12">
                    <div class="footer-widget links-widget">
                        <div class="title">
                            <h3 style="color:white;">Contact Details</h3>
                        </div>
                        <ul class="links-list" style="color:white;">
                            <li><a style="color:white;"><i class="fa fa-map"style="color:white; padding-right:10px;"></i> <?php echo $datac["address"]; ?></a></li><br>
                            <li><a href="tel:<?php echo $datac["phone"]; ?>" style="color:white; padding-right:10px;"><i class="fa fa-phone"style="color:white;"></i> <?php echo $datac["phone"]; ?></a></li><br>
                            <li><a href="mailto:<?php echo $datac["email"]; ?>" style="color:white; padding-right:10px;"><i class="fa fa-envelope"style="color:white;"></i> <?php echo $datac["email"]; ?></a></li>
                        </ul>
                    </div>
                    
                    <div class="social" style="padding-top:20px;">
                        <a href="<?php echo $dataf["facebook_link"]; ?>" style="padding-right:10px;" class="fab fa-facebook-f"></a>
                        <a href="<?php echo $dataf["twitter_link"]; ?>" style="padding-right:10px;" class="fab fa-twitter"></a>
                        <a href="<?php echo $dataf["youtube_link"]; ?>" style="padding-right:10px;" class="fab fa-youtube"></a>
                        <a href="<?php echo $dataf["insta_link"]; ?>" style="padding-right:10px;" class="fab fa-instagram"></a>
                        <a href="<?php echo $dataf["pinterest_link"]; ?>" class="fab fa-linkedin"></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="bottom-footer">
        <div class="container">
            <div class="col-md-12 text-center">
            <p class="font-13 text-black-777 m-0" style=" font-size:13px;">Copyright &copy;2024 <?php echo $datal['site_name'];?> All Rights Reserved | Website Designed, Developed and Promoted by  <a href="https://www.webkeyindia.com/" target="_blank" class="cmpy"> WebKeyIndia.Com.</a></p>
          </div>
        </div>
    </div>
</footer>

<section class="hidden-sidebar side-navigation">
    <a href="#" class="close-button side-navigation-close-btn fa fa-times"></a>
    <div class="sidebar-content">
        <div class="top-content">
            <a href="<?php echo $wspath?>"><img src="<?php echo $wspath?>admin/images/<?php echo $data1["logo"];?>" alt="<?php echo $datal['site_name'];?>"/></a>
        </div>
        <nav class="nav-menu middle-content">
            <ul class="navigation-box">
                <li class="current"><a href="<?php echo $wspath?>">Home </a></li>
                <li> <a href="<?php echo $wspath?>about.html">About Us</a> </li>
                <li><a href="<?php echo $wspath?>product-categories.html">Services <span class="subnav-toggler fa fa-caret-down"></span></a> 
                    <ul class="sub-menu">
                        <?php
                            $sqltype = "SELECT * FROM `tbl_product`";
                            $runtype = mysqli_query($db,$sqltype) or die("Query Not run");
                            while($datatype = mysqli_fetch_assoc($runtype)){
                        ?>
                        <li> <a href="<?php echo $wspath?>product<?php echo $datatype['slug_link']?>.html"><?php echo $datatype['product_name']?></a> </li>
                        <?php } ?>
                    </ul>
                </li>
                <li> <a href="<?php echo $wspath?>gallery.html">Gallery</a> </li>
                <li> <a href="<?php echo $wspath?>contact.html">Contact Us</a> </li>
            </ul>
        </nav>
        <div class="bottom-content">
            <div class="social">
                <a href="<?php echo $dataf["facebook_link"]; ?>" style="padding-right:10px;" class="fab fa-facebook-f"></a>
                <a href="<?php echo $dataf["twitter_link"]; ?>" style="padding-right:10px;" class="fab fa-twitter"></a>
                <a href="<?php echo $dataf["youtube_link"]; ?>" style="padding-right:10px;" class="fab fa-youtube"></a>
                <a href="<?php echo $dataf["insta_link"]; ?>" style="padding-right:10px;" class="fab fa-instagram"></a>
                <a href="<?php echo $dataf["pinterest_link"]; ?>" class="fab fa-linkedin"></a>
            </div>
            <!--<p class="copy-text">&copy;2024 <?php echo $datal['site_name'];?> All Rights Reserved <br /> Website Designed, Developed and Promoted by  <a href="https://www.webkeyindia.com/" target="_blank">WebKeyIndia</a></p>-->
            <!--<p class="copy-text">&copy; 2024 Automation Power. <br /> made with <i class="fa fa-heart"></i> by webkeyindia</p><!-- /.copy-text -->
        </div>
    </div>
</section>

<!--<div class="search_area zoom-anim-dialog mfp-hide" id="test-search">-->
<!--    <div class="search_box_inner">-->
<!--        <div class="input-group">-->
<!--            <input type="text" class="form-control" placeholder="Search for...">-->
<!--            <span class="input-group-btn">-->
<!--                <button class="btn btn-default" type="button"><i class="fas fa-search"></i></button>-->
<!--            </span>-->
<!--        </div>-->
<!--    </div>-->
<!--</div>-->

<div class="scroll-to-top scroll-to-target" data-target="html"><i class="fa fa-angle-up"></i></div>                    

<script src="<?php echo $wspath?>js/jquery.js"></script>

<script src="<?php echo $wspath?>js/bootstrap.min.js"></script>
<script src="<?php echo $wspath?>js/bootstrap-select.min.js"></script>
<script src="<?php echo $wspath?>js/jquery.validate.min.js"></script>
<script src="<?php echo $wspath?>js/owl.carousel.min.js"></script>
<script src="<?php echo $wspath?>js/isotope.js"></script>
<script src="<?php echo $wspath?>js/jquery.magnific-popup.min.js"></script>
<script src="<?php echo $wspath?>js/waypoints.min.js"></script>
<script src="<?php echo $wspath?>js/jquery.counterup.min.js"></script>
<script src="<?php echo $wspath?>js/wow.min.js"></script>
<script src="<?php echo $wspath?>js/jquery.easing.min.js"></script>
<script src="<?php echo $wspath?>js/custom.js"></script>

<script src="<?php echo $wspath?>js/jquery.appear.js"></script>
<script src="<?php echo $wspath?>js/jquery.countTo.js"></script>
<!--Revolution Slider-->
<script src="<?php echo $wspath?>plugins/revolution/js/jquery.themepunch.revolution.min.js"></script>
<script src="<?php echo $wspath?>plugins/revolution/js/jquery.themepunch.tools.min.js"></script>
<script src="<?php echo $wspath?>plugins/revolution/js/extensions/revolution.extension.actions.min.js"></script>
<script src="<?php echo $wspath?>plugins/revolution/js/extensions/revolution.extension.carousel.min.js"></script>
<script src="<?php echo $wspath?>plugins/revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
<script src="<?php echo $wspath?>plugins/revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script src="<?php echo $wspath?>plugins/revolution/js/extensions/revolution.extension.migration.min.js"></script>
<script src="<?php echo $wspath?>plugins/revolution/js/extensions/revolution.extension.navigation.min.js"></script>
<script src="<?php echo $wspath?>plugins/revolution/js/extensions/revolution.extension.parallax.min.js"></script>
<script src="<?php echo $wspath?>plugins/revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
<script src="<?php echo $wspath?>plugins/revolution/js/extensions/revolution.extension.video.min.js"></script>
<script src="<?php echo $wspath?>js/main-slider-script.js"></script>