


<footer class="footer">
    <section class="subscribe">
        <div class="heading">
            <h3 class="heading-title">Get The Latest Deals</h3>
            <p class="heading-cat">and receive $20 coupon for first shopping</p>
        </div>
        <form action="#">
            <div class="input-group">
                <input type="email" placeholder="Enter your Email Address" aria-label="Email Adress" required="">
                <div class="input-group-append">
                    <button class="btn btn-subscribe" type="submit"><span>Subscribe</span></button>
                </div><!-- .End .input-group-append -->
            </div><!-- .End .input-group -->
        </form>
    </section>

    <section class="footer-bottom">
        <div class="col-xl-8-3col col-md-12">
            <div class="widget widget-about">

                <h4 class="widget-title">About us</h4><!-- End .widget-title -->

                <p>Praesent dapibus, neque id cursus ucibus, tortor  neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat.</p>

                <div class="widget-about-info">
                    <div class="payment">
                        <span class="widget-about-title">Payment Method</span>
                        <figure class="footer-payments">
                            <img src="assets/images/payments.png" alt="Payment methods" width="272" height="20">
                        </figure><!-- End .footer-payments -->
                    </div><!-- End .col-sm-6 -->

                </div><!-- End .widget-about-info -->
            </div><!-- End .widget about-widget -->
        </div><!-- End .col-sm-12 col-lg-3 -->

        <div class="col-xl-8-2col col-sm-4 col-md-4">
            <div class="widget">
                <h4 class="widget-title">Information</h4><!-- End .widget-title -->

                <ul class="widget-list">
                    <li><a href="about.html">About Molla</a></li>
                    <li><a href="#">How to shop on Molla</a></li>
                    <li><a href="#">FAQ</a></li>
                    <li><a href="contact.html">Contact us</a></li>
                    <li><a href="login.html">Log in</a></li>
                </ul><!-- End .widget-list -->
            </div><!-- End .widget -->
        </div><!-- End .col-sm-4 col-lg-3 -->

        <div class="col-xl-8-2col col-sm-4 col-md-4">
            <div class="widget">
                <h4 class="widget-title">Customer Service</h4><!-- End .widget-title -->

                <ul class="widget-list">
                    <li><a href="#">Payment Methods</a></li>
                    <li><a href="#">Money-back guarantee!</a></li>
                    <li><a href="#">Returns</a></li>
                    <li><a href="#">Shipping</a></li>
                    <li><a href="#">Terms and conditions</a></li>
                    <li><a href="#">Privacy Policy</a></li>
                </ul><!-- End .widget-list -->
            </div><!-- End .widget -->
        </div><!-- End .col-sm-4 col-lg-3 -->

        <div class="col-xl-8-1col col-sm-4 col-md-4">
            <div class="widget">
                <h4 class="widget-title">My Account</h4><!-- End .widget-title -->

                <ul class="widget-list">
                    <li><a href="#">Sign In</a></li>
                    <li><a href="cart.html">View Cart</a></li>
                    <li><a href="#">My Wishlist</a></li>
                    <li><a href="#">Track My Order</a></li>
                    <li><a href="#">Help</a></li>
                </ul><!-- End .widget-list -->
            </div><!-- End .widget -->
        </div><!-- End .col-sm-64 col-lg-3 -->
    </section>
</footer>
</div>
</div>
</div>


<button id="scroll-top" title="Back to Top"><i class="icon-arrow-up"></i></button>


<div class="mobile-menu-overlay">
</div><!-- End .mobil-menu-overlay -->
<div class="mobile-menu-container mobile-menu-light">
    <div class="mobile-menu-wrapper">
        <span class="mobile-menu-close"><i class="icon-close"></i></span>

        <form action="#" method="get" class="mobile-search">
            <label for="mobile-search" class="sr-only">Search</label>
            <input type="search" class="form-control" name="mobile-search" id="mobile-search" placeholder="Search in..." required>
            <button class="btn btn-primary" type="submit"><i class="icon-search"></i></button>
        </form>

        <nav class="mobile-nav">
            <ul class="mobile-menu">
                <li class="active">
                    <a href="index.html">HOME</a>

                    <ul>
                        <li><a href="index.html">01 - furniture store</a></li>
                        <li><a href="index-2.html">02 - furniture store</a></li>
                        <li><a href="index-3.html">03 - electronic store</a></li>
                        <li><a href="index-4.html">04 - electronic store</a></li>
                        <li><a href="index-5.html">05 - fashion store</a></li>
                        <li><a href="index-6.html">06 - fashion store</a></li>
                        <li><a href="index-7.html">07 - fashion store</a></li>
                        <li><a href="index-8.html">08 - fashion store</a></li>
                        <li><a href="index-9.html">09 - fashion store</a></li>
                        <li><a href="index-10.html">10 - shoes store</a></li>
                        <li><a href="index-11.html">11 - furniture simple store</a></li>
                        <li><a href="index-12.html">12 - fashion simple store</a></li>
                        <li><a href="index-13.html">13 - market</a></li>
                        <li><a href="index-14.html">14 - market fullwidth</a></li>
                        <li><a href="index-15.html">15 - lookbook 1</a></li>
                        <li><a href="index-16.html">16 - lookbook 2</a></li>
                        <li><a href="index-17.html">17 - fashion store</a></li>
                        <li><a href="index-18.html">18 - fashion store (with sidebar)</a></li>
                        <li><a href="index-19.html">19 - games store</a></li>
                        <li><a href="index-20.html">20 - book store</a></li>
                        <li><a href="index-21.html">21 - sport store</a></li>
                        <li><a href="index-22.html">22 - tools store</a></li>
                        <li><a href="index-23.html">23 - fashion left navigation store</a></li>
                        <li><a href="index-24.html">24 - extreme sport store</a></li>
                    </ul>
                </li>
                <li>
                    <a href="category.html">SHOP</a>
                    <ul>
                        <li><a href="category-list.html">Shop List</a></li>
                        <li><a href="category-2cols.html">Shop Grid 2 Columns</a></li>
                        <li><a href="category.html">Shop Grid 3 Columns</a></li>
                        <li><a href="category-4cols.html">Shop Grid 4 Columns</a></li>
                        <li><a href="category-boxed.html"><span>Shop Boxed No Sidebar<span class="tip tip-hot">Hot</span></span></a></li>
                        <li><a href="category-fullwidth.html">Shop Fullwidth No Sidebar</a></li>
                        <li><a href="product-category-boxed.html">Product Category Boxed</a></li>
                        <li><a href="product-category-fullwidth.html"><span>Product Category Fullwidth<span class="tip tip-new">New</span></span></a></li>
                        <li><a href="cart.html">Cart</a></li>
                        <li><a href="checkout.html">Checkout</a></li>
                        <li><a href="wishlist.html">Wishlist</a></li>
                        <li><a href="#">Lookbook</a></li>
                    </ul>
                </li>
                <li>
                    <a href="about.html">ABOUT US</a>

                    <ul>
                        <li><a href="about.html">About 01</a></li>
                        <li><a href="about-2.html">About 02</a></li>
                    </ul>
                </li>
                <li>
                    <a href="blog.html">Blog</a>

                    <ul>
                        <li><a href="blog.html">Classic</a></li>
                        <li><a href="blog-listing.html">Listing</a></li>
                        <li>
                            <a href="#">Grid</a>
                            <ul>
                                <li><a href="blog-grid-2cols.html">Grid 2 columns</a></li>
                                <li><a href="blog-grid-3cols.html">Grid 3 columns</a></li>
                                <li><a href="blog-grid-4cols.html">Grid 4 columns</a></li>
                                <li><a href="blog-grid-sidebar.html">Grid sidebar</a></li>
                            </ul>
                        </li>
                        <li>
                            <a href="#">Masonry</a>
                            <ul>
                                <li><a href="blog-masonry-2cols.html">Masonry 2 columns</a></li>
                                <li><a href="blog-masonry-3cols.html">Masonry 3 columns</a></li>
                                <li><a href="blog-masonry-4cols.html">Masonry 4 columns</a></li>
                                <li><a href="blog-masonry-sidebar.html">Masonry sidebar</a></li>
                            </ul>
                        </li>
                        <li>
                            <a href="#">Mask</a>
                            <ul>
                                <li><a href="blog-mask-grid.html">Blog mask grid</a></li>
                                <li><a href="blog-mask-masonry.html">Blog mask masonry</a></li>
                            </ul>
                        </li>
                        <li>
                            <a href="#">Single Post</a>
                            <ul>
                                <li><a href="single.html">Default with sidebar</a></li>
                                <li><a href="single-fullwidth.html">Fullwidth no sidebar</a></li>
                                <li><a href="single-fullwidth-sidebar.html">Fullwidth with sidebar</a></li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="contact.html">CONTACTS</a>

                    <ul>
                        <li><a href="contact.html">Contact 01</a></li>
                        <li><a href="contact-2.html">Contact 02</a></li>
                    </ul>
                </li>
                <li>
                    <a href="#">BUY Molla</a>
                    <ul>
                        <li><a href="elements-products.html">Products</a></li>
                        <li><a href="elements-typography.html">Typography</a></li>
                        <li><a href="elements-titles.html">Titles</a></li>
                        <li><a href="elements-banners.html">Banners</a></li>
                        <li><a href="elements-product-category.html">Product Category</a></li>
                        <li><a href="elements-video-banners.html">Video Banners</a></li>
                        <li><a href="elements-buttons.html">Buttons</a></li>
                        <li><a href="elements-accordions.html">Accordions</a></li>
                        <li><a href="elements-tabs.html">Tabs</a></li>
                        <li><a href="elements-testimonials.html">Testimonials</a></li>
                        <li><a href="elements-blog-posts.html">Blog Posts</a></li>
                        <li><a href="elements-portfolio.html">Portfolio</a></li>
                        <li><a href="elements-cta.html">Call to Action</a></li>
                        <li><a href="elements-icon-boxes.html">Icon Boxes</a></li>
                    </ul>
                </li>
            </ul>
        </nav><!-- End .mobile-nav -->

        <div class="social-icons">
            <a href="#" class="social-icon" target="_blank" title="Facebook"><i class="icon-facebook-f"></i></a>
            <a href="#" class="social-icon" target="_blank" title="Twitter"><i class="icon-twitter"></i></a>
            <a href="#" class="social-icon" target="_blank" title="Instagram"><i class="icon-instagram"></i></a>
            <a href="#" class="social-icon" target="_blank" title="Youtube"><i class="icon-youtube"></i></a>
        </div><!-- End .social-icons -->
    </div><!-- End .mobile-menu-wrapper -->
</div><!-- End .mobile-menu-container -->

<div class="container newsletter-popup-container mfp-hide" id="newsletter-popup-form">
    <div class="row justify-content-center">
        <div class="col-10">
            <div class="row no-gutters bg-white newsletter-popup-content">
                <div class="col-xl-3-5col col-lg-7 banner-content-wrap">
                    <div class="banner-content text-center">
                        <img src="/public/uploads/php/files/logos/<?= $theLogo ?>" class="logo" alt="logo" width="60" height="15">
                        <h2 class="banner-title"><?= $this->Get_Lang->gl("get", $langId) ?><span>25<span class="light">%</span></span> <?= $this->Get_Lang->gl("off", $langId) ?></h2>
                        <p><?= $this->Get_Lang->gl("subscribe_text", $langId) ?></p>
                        <form action="#">
                            <div class="input-group input-group-round">
                                <input type="email" class="form-control form-control-white" placeholder="<?= $this->Get_Lang->gl("email_address", $langId) ?>" aria-label="Email Adress" required>
                                <div class="input-group-append">
                                    <button class="btn" type="submit"><span><?= $this->Get_Lang->gl("go", $langId) ?></span></button>
                                </div><!-- .End .input-group-append -->
                            </div><!-- .End .input-group -->
                        </form>
                        <div class="custom-control custom-checkbox">
                            <input type="checkbox" class="custom-control-input" id="register-policy-2" required>
                            <label class="custom-control-label" for="register-policy-2"><?= $this->Get_Lang->gl("do_not_show_popup_again", $langId) ?></label>
                        </div><!-- End .custom-checkbox -->
                    </div>
                </div>
                <div class="col-xl-2-5col col-lg-5 ">
                    <img src="/public/front/assets/images/popup/newsletter/img-1.jpg" class="newsletter-img" alt="newsletter">
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Plugins JS File -->
<script src="/public/front/assets/js/bootstrap.bundle.min.js"></script>
<script src="/public/front/assets/js/jquery.hoverIntent.min.js"></script>
<script src="/public/front/assets/js/jquery.waypoints.min.js"></script>
<script src="/public/front/assets/js/superfish.min.js"></script>


<script src="/public/front/assets/js/wNumb.js"></script>
<script src="/public/front/assets/js/jquery.plugin.min.js"></script>
<!--<script src="/public/front/assets/js/nouislider.min.js"></script>-->
<script src="/public/front/assets/js/jquery.countdown.min.js"></script>
<script src="/public/front/assets/js/imagesloaded.pkgd.min.js"></script>
<script src="/public/front/assets/js/isotope.pkgd.min.js"></script>


<script src="/public/front/assets/js/owl.carousel.min.js"></script>
<script src="/public/front/assets/js/jquery.elevateZoom.min.js"></script>
<script src="/public/front/assets/js/bootstrap-input-spinner.js"></script>
<script src="/public/front/assets/js/jquery.magnific-popup.min.js"></script>
<script src="/public/front/assets/js/jquery.sticky-kit.min.js"></script>
<!-- Main JS File -->
<script src="/public/front/assets/js/main.js"></script>



<script>
    //Lang Function); 
    $(".lang").on("click", function () {
        var lang = $(this).attr("data-id");
        $.post("/site/ajax/changeLanguage/", {'lang': lang}, function (response) {

            if (response == 1) {
                location.reload();

            }
        });
    });
</script>


</body>
</html>

