<footer>
        <div class="w-100 position-relative">
            <div class="container">
                <hr class="mt-0 mb-70">
                <div class="footer-data position-relative w-100">
                    <div class="row mrg30">
                        <div class="col-md-3 col-sm-6 col-lg-3">
                            <div class="widget w-100">
                                <div class="logo"><h1 class="mb-0"><a href="<?php echo base_url();?>" title="Home"><img class="img-fluid" src="<?php echo base_url();?>assets/logo.png" alt="Logo"></a></h1></div><!-- Logo -->
                                <div class="social-links d-flex flex-wrap">
                                    <a href="https://www.facebook.com/" title="Facebook" target="_blank"><i class="fab fa-facebook-f"></i></a>
                                    <a href="https://www.instagram.com/" title="Instagram" target="_blank"><i class="fab fa-instagram"></i></a>
                                    <a href="https://www.twitter.com/" title="Twitter" target="_blank"><i class="fab fa-twitter"></i></a>
                                    <a href="https://www.youtube.com/" title="Youtube" target="_blank"><i class="fab fa-youtube"></i></a>
                                    <a href="https://www.pinterest.com/" title="Pinterest" target="_blank"><i class="fab fa-pinterest-p"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-6 col-lg-3">
                            <div class="widget w-100">
                                <h5>Shop</h5>
                                <ul>
                                <?php $cats=$this->db->get("mcategory")->result();
                                foreach($cats as $cat){?>
                                    <li><a href="<?php echo base_url().'shop/'.$cat->mcat_slug.'/'.$cat->mid;?>"><?php echo $cat->mcat_name;?></a></li>
                                    <?php }?>
                                </ul>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-6 col-lg-3">
                            <div class="widget w-100">
                                <h5>Blog</h5>
                                <ul>
                                    <li><a href="blog-detail.html" title="">Standard</a></li>
                                    <li><a href="audio.html" title="">Audio</a></li>
                                    <li><a href="video.html" title="">Video</a></li>
                                    <li><a href="quote.html" title="">Quote</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-6 col-lg-3">
                            <div class="widget w-100">
                                <h5>Company</h5>
                                <ul>
                                    <li><a href="<?php echo base_url();?>about" title="">About</a></li>
                                    <li><a href="<?php echo base_url();?>help" title="">Help</a></li>
                                    <li><a href="<?php echo base_url();?>contact" title="">Contact</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div><!-- Footer Data -->
                <hr class="mt-70 mb-0">
                <div class="bottom-bar d-flex flex-wrap align-items-center justify-content-between w-100">
                    <ul class="bottom-links d-flex flex-wrap align-items-center list-unstyled mb-0">
                        <li><a href="javascript:void(0);" title="">Privacy Policy</a></li>
                        <li><a href="javascript:void(0);" title="">Returns & Refunds</a></li>
                    </ul><!-- Bottom Links -->
                    <div class="payment-opt d-flex flex-wrap align-items-center">
                        <span>Accept for</span>
                        <img class="img-fluid" src="<?php echo base_url();?>assets/images/payment-opt-img.png" alt="Payment Options Image">
                    </div><!-- Payment Options -->
                </div><!-- Bottom Bar -->
            </div>
        </div>
    </footer><!-- Footer -->
</main><!-- Main Wrapper -->

<script src="<?php echo base_url();?>assets/js/jquery.min.js"></script>
<script src="<?php echo base_url();?>assets/js/bootstrap.min.js"></script>
<script src="<?php echo base_url();?>assets/js/aos.min.js"></script>
<script src="<?php echo base_url();?>assets/js/counterup.min.js"></script>
<script src="<?php echo base_url();?>assets/js/particles.min.js"></script>
<script src="<?php echo base_url();?>assets/js/tilt.jquery.min.js"></script>
<script src="<?php echo base_url();?>assets/js/jquery.fancybox.min.js"></script>
<script src="<?php echo base_url();?>assets/js/jquery.bootstrap-touchspin.min.js"></script>
<script src="<?php echo base_url();?>assets/js/perfect-scrollbar.min.js"></script>
<script src="<?php echo base_url();?>assets/js/slick.min.js"></script>
<script src="<?php echo base_url();?>assets/js/custom-scripts.js"></script>
</body>
</html>