

<main class="main">
    <div class="intro-slider-container">
        <div class="intro-slider owl-carousel owl-theme owl-nav-inside owl-light mb-0" data-toggle="owl" data-owl-options='{
             "dots": true,
             "nav": false, 
             "responsive": {
             "1200": {
             "nav": true,
             "dots": false
             }
             }
             }'>
            <div class="intro-slide" style="background-image: url(/public/front/assets/images/demos/demo-8/slider/slide-1.jpg);">
                <div class="container intro-content text-left">
                    <h3 class="intro-subtitle">Limited time only *</h3><!-- End .h3 intro-subtitle -->
                    <h1 class="intro-title">Summer<br><strong>sale</strong></h1><!-- End .intro-title -->
                    <h3 class="intro-subtitle">Up to 50% off</h3><!-- End .h3 intro-subtitle -->

                    <a href="category.html" class="btn">
                        <span><?= $this->Get_Lang->gl("shop_now", $langId) ?></span>
                        <i class="icon-long-arrow-right"></i>
                    </a>
                </div><!-- End .intro-content -->
                <img class="position-right" src="/public/front/assets/images/demos/demo-8/slider/img-1.png" alt="Slider 1">
            </div><!-- End .intro-slide -->

            <div class="intro-slide" style="background-image: url(/public/front/assets/images/demos/demo-8/slider/slide-2.jpg);">
                <div class="container intro-content text-right">
                    <h3 class="intro-subtitle">PREMIUM QUALITY</h3><!-- End .h3 intro-subtitle -->
                    <h1 class="intro-title">coats <span class="highlight">&</span><br>jackets</h1><!-- End .intro-title -->

                    <a href="category.html" class="btn">
                        <span><?= $this->Get_Lang->gl("shop_now", $langId) ?></span>
                        <i class="icon-long-arrow-right"></i>
                    </a>
                </div><!-- End .intro-content -->
                <img class="position-left" src="/public/front/assets/images/demos/demo-8/slider/img-2.png" alt="Slider 2">
            </div><!-- End .intro-slide -->
        </div><!-- End .intro-slider owl-carousel owl-simple -->

        <span class="slider-loader"></span><!-- End .slider-loader -->
    </div><!-- End .intro-slider-container -->

    <div class="pt-2 pb-2">
        <div class="container brands">
            <div class="banner-group">
                <div class="row">
                    <div class="col-sm-6 col-lg-4">
                        <div class="banner banner-overlay">
                            <a href="#">
                                <img src="/public/front/assets/images/demos/demo-8/banners/banner-1.jpg" alt="Banner">
                            </a>

                            <div class="banner-content">
                                <h4 class="banner-subtitle"><a href="#">Final reduction</a></h4><!-- End .banner-subtitle -->
                                <h3 class="banner-title"><a href="#"><strong>Sandals & <br>Flip Flops</strong> <br>up to 60% off</a></h3><!-- End .banner-title -->
                                <a href="#" class="btn btn-outline-white banner-link"><?= $this->Get_Lang->gl("shop_now", $langId) ?> <i class="icon-long-arrow-right"></i></a>
                            </div><!-- End .banner-content -->
                        </div><!-- End .banner -->
                    </div><!-- End .col-lg-4 -->

                    <div class="col-sm-6 col-lg-4">
                        <div class="banner banner-overlay">
                            <a href="#">
                                <img src="/public/front/assets/images/demos/demo-8/banners/banner-2.jpg" alt="Banner">
                            </a>

                            <div class="banner-content">
                                <h4 class="banner-subtitle"><a href="#">Limited time only.</a></h4><!-- End .banner-subtitle -->
                                <h3 class="banner-title"><a href="#"><strong>Trainers & <br>Sportwear</strong> <br>40 -70% off</a></h3><!-- End .banner-title -->
                                <a href="#" class="btn btn-outline-white banner-link"><?= $this->Get_Lang->gl("shop_now", $langId) ?> <i class="icon-long-arrow-right"></i></a>
                            </div><!-- End .banner-content -->
                        </div><!-- End .banner -->
                    </div><!-- End .col-lg-4 -->

                    <div class="col-sm-6 col-lg-4 d-none d-lg-block">
                        <div class="banner banner-overlay">
                            <a href="#">
                                <img src="/public/front/assets/images/demos/demo-8/banners/banner-3.jpg" alt="Banner">
                            </a>

                            <div class="banner-content">
                                <h4 class="banner-subtitle"><a href="#">This week we love...</a></h4><!-- End .banner-subtitle -->
                                <h3 class="banner-title"><a href="#"><strong>Women's <br>Accessories </strong> <br>from $6.99</a></h3><!-- End .banner-title -->
                                <a href="#" class="btn btn-outline-white banner-link"><?= $this->Get_Lang->gl("shop_now", $langId) ?> <i class="icon-long-arrow-right"></i></a>
                            </div><!-- End .banner-content -->
                        </div><!-- End .banner -->
                    </div><!-- End .col-lg-4 -->
                </div><!-- End .row -->
            </div><!-- End .banner-group -->

            <div class="owl-carousel mt-3 mb-3 owl-simple" data-toggle="owl" 
                 data-owl-options='{
                 "nav": false, 
                 "dots": false,
                 "margin": 30,
                 "loop": false,
                 "responsive": {
                 "0": {
                 "items":2
                 },
                 "420": {
                 "items":3
                 },
                 "600": {
                 "items":4
                 },
                 "900": {
                 "items":5
                 },
                 "1024": {
                 "items":6
                 }
                 }
                 }'>
                <a href="#" class="brand">
                    <img src="/public/front/assets/images/brands/1.png" alt="Brand Name">
                </a>

                <a href="#" class="brand">
                    <img src="/public/front/assets/images/brands/2.png" alt="Brand Name">
                </a>

                <a href="#" class="brand">
                    <img src="/public/front/assets/images/brands/3.png" alt="Brand Name">
                </a>

                <a href="#" class="brand">
                    <img src="/public/front/assets/images/brands/4.png" alt="Brand Name">
                </a>

                <a href="#" class="brand">
                    <img src="/public/front/assets/images/brands/5.png" alt="Brand Name">
                </a>

                <a href="#" class="brand">
                    <img src="/public/front/assets/images/brands/6.png" alt="Brand Name">
                </a>

                <a href="#" class="brand">
                    <img src="/public/front/assets/images/brands/7.png" alt="Brand Name">
                </a>
            </div><!-- End .owl-carousel -->
        </div><!-- End .container -->
    </div><!-- End .bg-lighter -->

    <div class="mb-3"></div><!-- End .mb-6 -->

    <div class="container">
        <ul class="nav nav-pills nav-big nav-border-anim justify-content-center mb-2 mb-md-3" role="tablist">
            <li class="nav-item">
                <a class="nav-link active" id="products-featured-link" data-toggle="tab" href="#products-featured-tab" role="tab" aria-controls="products-featured-tab" aria-selected="true">Featured</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" id="products-sale-link" data-toggle="tab" href="#products-sale-tab" role="tab" aria-controls="products-sale-tab" aria-selected="false">On Sale</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" id="products-top-link" data-toggle="tab" href="#products-top-tab" role="tab" aria-controls="products-top-tab" aria-selected="false">Top Rated</a>
            </li>
        </ul>

        <div class="tab-content tab-content-carousel">
            <div class="tab-pane p-0 fade show active" id="products-featured-tab" role="tabpanel" aria-labelledby="products-featured-link">
                <div class="owl-carousel owl-simple carousel-equal-height carousel-with-shadow" data-toggle="owl" 
                     data-owl-options='{
                     "nav": false, 
                     "dots": true,
                     "margin": 20,
                     "loop": false,
                     "responsive": {
                     "0": {
                     "items":2
                     },
                     "480": {
                     "items":2
                     },
                     "768": {
                     "items":3
                     },
                     "992": {
                     "items":4
                     },
                     "1200": {
                     "items":4,
                     "nav": true,
                     "dots": false
                     }
                     }
                     }'>
                    <div class="product product-2">
                        <figure class="product-media">
                            <a href="product.html">
                                <img src="/public/front/assets/images/demos/demo-8/products/product-1-1.jpg" alt="Product image" class="product-image">
                                <img src="/public/front/assets/images/demos/demo-8/products/product-1-2.jpg" alt="Product image" class="product-image-hover">
                            </a>

                            <div class="product-action-vertical">
                                <a href="#" class="btn-product-icon btn-wishlist btn-expandable" title="Add to wishlist"><span><?= $this->Get_Lang->gl("add_to_wishlist", $langId) ?></span></a>
                            </div><!-- End .product-action -->

                            <div class="product-action ">
                                <a href="#" class="btn-product btn-cart"><span><?= $this->Get_Lang->gl("add_to_cart", $langId) ?></span></a>
                            </div><!-- End .product-action -->
                        </figure><!-- End .product-media -->

                        <div class="product-body">
                            <div class="product-cat">
                                <a href="#">Clothing</a>
                            </div><!-- End .product-cat -->
                            <h3 class="product-title"><a href="product.html">Denim jacket</a></h3><!-- End .product-title -->
                            <div class="product-price">
                                $19.99
                            </div><!-- End .product-price -->
                            <div class="product-nav product-nav-thumbs">
                                <a href="#" class="active">
                                    <img src="/public/front/assets/images/demos/demo-8/products/product-1-thumb.jpg" alt="product desc">
                                </a>
                                <a href="#">
                                    <img src="/public/front/assets/images/demos/demo-8/products/product-1-2-thumb.jpg" alt="product desc">
                                </a>
                                <a href="#">
                                    <img src="/public/front/assets/images/demos/demo-8/products/product-1-3-thumb.jpg" alt="product desc">
                                </a>
                            </div>

                        </div><!-- End .product-body -->
                    </div><!-- End .product -->

                    <div class="product product-2">
                        <figure class="product-media">
                            <a href="product.html">
                                <img src="/public/front/assets/images/demos/demo-8/products/product-2-1.jpg" alt="Product image" class="product-image">
                                <img src="/public/front/assets/images/demos/demo-8/products/product-2-2.jpg" alt="Product image" class="product-image-hover">
                            </a>

                            <div class="product-action-vertical">
                                <a href="#" class="btn-product-icon btn-wishlist btn-expandable" title="Add to wishlist"><span><?= $this->Get_Lang->gl("add_to_wishlist", $langId) ?></span></a>
                            </div><!-- End .product-action -->

                            <div class="product-action ">
                                <a href="#" class="btn-product btn-cart"><span><?= $this->Get_Lang->gl("add_to_cart", $langId) ?></span></a>
                            </div><!-- End .product-action -->
                        </figure><!-- End .product-media -->

                        <div class="product-body">
                            <div class="product-cat">
                                <a href="#">Shoes</a>
                            </div><!-- End .product-cat -->
                            <h3 class="product-title"><a href="product.html">Sandals</a></h3><!-- End .product-title -->
                            <div class="product-price">
                                $24.99
                            </div><!-- End .product-price -->
                        </div><!-- End .product-body -->
                    </div><!-- End .product -->

                    <div class="product product-2">
                        <figure class="product-media">
                            <span class="product-label label-sale">sale</span>
                            <a href="product.html">
                                <img src="/public/front/assets/images/demos/demo-8/products/product-3-1.jpg" alt="Product image" class="product-image">
                                <img src="/public/front/assets/images/demos/demo-8/products/product-3-2.jpg" alt="Product image" class="product-image-hover">
                            </a>

                            <div class="product-action-vertical">
                                <a href="#" class="btn-product-icon btn-wishlist btn-expandable" title="Add to wishlist"><span><?= $this->Get_Lang->gl("add_to_wishlist", $langId) ?></span></a>
                            </div><!-- End .product-action -->

                            <div class="product-action ">
                                <a href="#" class="btn-product btn-cart"><span><?= $this->Get_Lang->gl("add_to_cart", $langId) ?></span></a>
                            </div><!-- End .product-action -->
                        </figure><!-- End .product-media -->

                        <div class="product-body">
                            <div class="product-cat">
                                <a href="#">Clothing</a>
                            </div><!-- End .product-cat -->
                            <h3 class="product-title"><a href="product.html">Printed sweatshirt</a></h3><!-- End .product-title -->
                            <div class="product-price">
                                <span class="new-price">Now $7.99</span>
                                <span class="old-price">Was $12.99</span>
                            </div><!-- End .product-price -->
                        </div><!-- End .product-body -->
                    </div><!-- End .product -->

                    <div class="product product-2">
                        <figure class="product-media">
                            <a href="product.html">
                                <img src="/public/front/assets/images/demos/demo-8/products/product-4-1.jpg" alt="Product image" class="product-image">
                                <img src="/public/front/assets/images/demos/demo-8/products/product-4-2.jpg" alt="Product image" class="product-image-hover">
                            </a>

                            <div class="product-action-vertical">
                                <a href="#" class="btn-product-icon btn-wishlist btn-expandable" title="Add to wishlist"><span><?= $this->Get_Lang->gl("add_to_wishlist", $langId) ?></span></a>
                            </div><!-- End .product-action -->

                            <div class="product-action ">
                                <a href="#" class="btn-product btn-cart"><span><?= $this->Get_Lang->gl("add_to_cart", $langId) ?></span></a>
                            </div><!-- End .product-action -->
                        </figure><!-- End .product-media -->

                        <div class="product-body">
                            <div class="product-cat">
                                <a href="#">Clothing</a>
                            </div><!-- End .product-cat -->
                            <h3 class="product-title"><a href="product.html">Linen-blend paper bag trousers</a></h3><!-- End .product-title -->
                            <div class="product-price">
                                $17.99
                            </div><!-- End .product-price -->
                            <div class="product-nav product-nav-thumbs">
                                <a href="#" class="active">
                                    <img src="/public/front/assets/images/demos/demo-8/products/product-4-thumb.jpg" alt="product desc">
                                </a>
                                <a href="#">
                                    <img src="/public/front/assets/images/demos/demo-8/products/product-4-2-thumb.jpg" alt="product desc">
                                </a>
                            </div>

                        </div><!-- End .product-body -->
                    </div><!-- End .product -->

                </div><!-- End .owl-carousel -->
            </div><!-- .End .tab-pane -->
            <div class="tab-pane p-0 fade" id="products-sale-tab" role="tabpanel" aria-labelledby="products-sale-link">
                <div class="owl-carousel owl-simple carousel-equal-height carousel-with-shadow" data-toggle="owl" 
                     data-owl-options='{
                     "nav": false, 
                     "dots": true,
                     "margin": 20,
                     "loop": false,
                     "responsive": {
                     "0": {
                     "items":1
                     },
                     "480": {
                     "items":2
                     },
                     "768": {
                     "items":3
                     },
                     "992": {
                     "items":4
                     },
                     "1200": {
                     "items":4,
                     "nav": true,
                     "dots": false
                     }
                     }
                     }'>
                    <div class="product product-2">
                        <figure class="product-media">
                            <a href="product.html">
                                <img src="/public/front/assets/images/demos/demo-8/products/product-2-1.jpg" alt="Product image" class="product-image">
                                <img src="/public/front/assets/images/demos/demo-8/products/product-2-2.jpg" alt="Product image" class="product-image-hover">
                            </a>

                            <div class="product-action-vertical">
                                <a href="#" class="btn-product-icon btn-wishlist btn-expandable" title="Add to wishlist"><span><?= $this->Get_Lang->gl("add_to_wishlist", $langId) ?></span></a>
                            </div><!-- End .product-action -->

                            <div class="product-action ">
                                <a href="#" class="btn-product btn-cart"><span><?= $this->Get_Lang->gl("add_to_cart", $langId) ?></span></a>
                            </div><!-- End .product-action -->
                        </figure><!-- End .product-media -->

                        <div class="product-body">
                            <div class="product-cat">
                                <a href="#">Shoes</a>
                            </div><!-- End .product-cat -->
                            <h3 class="product-title"><a href="product.html">Sandals</a></h3><!-- End .product-title -->
                            <div class="product-price">
                                $24.99
                            </div><!-- End .product-price -->
                        </div><!-- End .product-body -->
                    </div><!-- End .product -->

                    <div class="product product-2">
                        <figure class="product-media">
                            <span class="product-label label-sale">sale</span>
                            <a href="product.html">
                                <img src="/public/front/assets/images/demos/demo-8/products/product-3-1.jpg" alt="Product image" class="product-image">
                                <img src="/public/front/assets/images/demos/demo-8/products/product-3-2.jpg" alt="Product image" class="product-image-hover">
                            </a>

                            <div class="product-action-vertical">
                                <a href="#" class="btn-product-icon btn-wishlist btn-expandable" title="Add to wishlist"><span><?= $this->Get_Lang->gl("add_to_wishlist", $langId) ?></span></a>
                            </div><!-- End .product-action -->

                            <div class="product-action ">
                                <a href="#" class="btn-product btn-cart"><span><?= $this->Get_Lang->gl("add_to_cart", $langId) ?></span></a>
                            </div><!-- End .product-action -->
                        </figure><!-- End .product-media -->

                        <div class="product-body">
                            <div class="product-cat">
                                <a href="#">Clothing</a>
                            </div><!-- End .product-cat -->
                            <h3 class="product-title"><a href="product.html">Printed sweatshirt</a></h3><!-- End .product-title -->
                            <div class="product-price">
                                <span class="new-price">Now $7.99</span>
                                <span class="old-price">Was $12.99</span>
                            </div><!-- End .product-price -->
                        </div><!-- End .product-body -->
                    </div><!-- End .product -->
                </div><!-- End .owl-carousel -->
            </div><!-- .End .tab-pane -->
            <div class="tab-pane p-0 fade" id="products-top-tab" role="tabpanel" aria-labelledby="products-top-link">
                <div class="owl-carousel owl-simple carousel-equal-height carousel-with-shadow" data-toggle="owl" 
                     data-owl-options='{
                     "nav": false, 
                     "dots": true,
                     "margin": 20,
                     "loop": false,
                     "responsive": {
                     "0": {
                     "items":1
                     },
                     "480": {
                     "items":2
                     },
                     "768": {
                     "items":3
                     },
                     "992": {
                     "items":4
                     },
                     "1200": {
                     "items":4,
                     "nav": true,
                     "dots": false
                     }
                     }
                     }'>

                    <div class="product product-2">
                        <figure class="product-media">
                            <a href="product.html">
                                <img src="/public/front/assets/images/demos/demo-8/products/product-2-1.jpg" alt="Product image" class="product-image">
                                <img src="/public/front/assets/images/demos/demo-8/products/product-2-2.jpg" alt="Product image" class="product-image-hover">
                            </a>

                            <div class="product-action-vertical">
                                <a href="#" class="btn-product-icon btn-wishlist btn-expandable" title="Add to wishlist"><span><?= $this->Get_Lang->gl("add_to_wishlist", $langId) ?></span></a>
                            </div><!-- End .product-action -->

                            <div class="product-action ">
                                <a href="#" class="btn-product btn-cart"><span><?= $this->Get_Lang->gl("add_to_cart", $langId) ?></span></a>
                            </div><!-- End .product-action -->
                        </figure><!-- End .product-media -->

                        <div class="product-body">
                            <div class="product-cat">
                                <a href="#">Shoes</a>
                            </div><!-- End .product-cat -->
                            <h3 class="product-title"><a href="product.html">Sandals</a></h3><!-- End .product-title -->
                            <div class="product-price">
                                $24.99
                            </div><!-- End .product-price -->
                        </div><!-- End .product-body -->
                    </div><!-- End .product -->

                    <div class="product product-2">
                        <figure class="product-media">
                            <span class="product-label label-sale">sale</span>
                            <a href="product.html">
                                <img src="/public/front/assets/images/demos/demo-8/products/product-3-1.jpg" alt="Product image" class="product-image">
                                <img src="/public/front/assets/images/demos/demo-8/products/product-3-2.jpg" alt="Product image" class="product-image-hover">
                            </a>

                            <div class="product-action-vertical">
                                <a href="#" class="btn-product-icon btn-wishlist btn-expandable" title="Add to wishlist"><span><?= $this->Get_Lang->gl("add_to_wishlist", $langId) ?></span></a>
                            </div><!-- End .product-action -->

                            <div class="product-action ">
                                <a href="#" class="btn-product btn-cart"><span><?= $this->Get_Lang->gl("add_to_cart", $langId) ?></span></a>
                            </div><!-- End .product-action -->
                        </figure><!-- End .product-media -->

                        <div class="product-body">
                            <div class="product-cat">
                                <a href="#">Clothing</a>
                            </div><!-- End .product-cat -->
                            <h3 class="product-title"><a href="product.html">Printed sweatshirt</a></h3><!-- End .product-title -->
                            <div class="product-price">
                                <span class="new-price">Now $7.99</span>
                                <span class="old-price">Was $12.99</span>
                            </div><!-- End .product-price -->
                        </div><!-- End .product-body -->
                    </div><!-- End .product -->

                    <div class="product product-2">
                        <figure class="product-media">
                            <a href="product.html">
                                <img src="/public/front/assets/images/demos/demo-8/products/product-4-1.jpg" alt="Product image" class="product-image">
                                <img src="/public/front/assets/images/demos/demo-8/products/product-4-2.jpg" alt="Product image" class="product-image-hover">
                            </a>

                            <div class="product-action-vertical">
                                <a href="#" class="btn-product-icon btn-wishlist btn-expandable" title="Add to wishlist"><span><?= $this->Get_Lang->gl("add_to_wishlist", $langId) ?></span></a>
                            </div><!-- End .product-action -->

                            <div class="product-action ">
                                <a href="#" class="btn-product btn-cart"><span><?= $this->Get_Lang->gl("add_to_cart", $langId) ?></span></a>
                            </div><!-- End .product-action -->
                        </figure><!-- End .product-media -->

                        <div class="product-body">
                            <div class="product-cat">
                                <a href="#">Clothing</a>
                            </div><!-- End .product-cat -->
                            <h3 class="product-title"><a href="product.html">Linen-blend paper bag trousers</a></h3><!-- End .product-title -->
                            <div class="product-price">
                                $17.99
                            </div><!-- End .product-price -->
                            <div class="product-nav product-nav-thumbs">
                                <a href="#" class="active">
                                    <img src="/public/front/assets/images/demos/demo-8/products/product-4-thumb.jpg" alt="product desc">
                                </a>
                                <a href="#">
                                    <img src="/public/front/assets/images/demos/demo-8/products/product-4-2-thumb.jpg" alt="product desc">
                                </a>
                            </div>

                        </div><!-- End .product-body -->
                    </div><!-- End .product -->
                </div><!-- End .owl-carousel -->
            </div><!-- .End .tab-pane -->
        </div><!-- End .tab-content -->
    </div><!-- End .container -->

    <div class="mb-3 mb-xl-2"></div><!-- End .mb-3 -->

    <div class="trending">
        <a href="#">
            <img src="/public/front/assets/images/demos/demo-8/banners//banner-4.jpg" alt="Banner">
        </a>
        <div class="banner banner-big d-md-block">
            <div class="banner-content text-center">
                <h4 class="banner-subtitle text-white">Trending</h4><!-- End .banner-subtitle -->
                <h3 class="banner-title text-white">New League</h3><!-- End .banner-title -->
                <p class="d-none d-lg-block text-white">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br>Donec odio. Quisque volutpat mattis eros. </p> 

                <a href="category.html" class="btn btn-primary-white"><span><?= $this->Get_Lang->gl("shop_now", $langId) ?></span><i class="icon-long-arrow-right"></i></a>
            </div><!-- End .banner-content -->
        </div><!-- End .banner -->
    </div>
    <div class="container new-arrivals">
        <div class="row">
            <div class="col-md-6">
                <div class="banner banner-overlay">
                    <a href="#">
                        <img src="/public/front/assets/images/demos/demo-8/banners/banner-5.jpg" alt="Banner">
                    </a>

                    <div class="banner-content">
                        <h4 class="banner-subtitle d-none d-lg-block"><a href="#">New Arrivals</a></h4><!-- End .banner-subtitle -->
                        <h3 class="banner-title"><a href="#">Women’s</a></h3><!-- End .banner-title -->
                        <a href="#" class="btn btn-outline-white banner-link"><?= $this->Get_Lang->gl("shop_now", $langId) ?> <i class="icon-long-arrow-right"></i></a>
                    </div><!-- End .banner-content -->
                </div><!-- End .banner -->
            </div><!-- End .col-md-6 -->

            <div class="col-md-6">
                <div class="banner banner-overlay">
                    <a href="#">
                        <img src="/public/front/assets/images/demos/demo-8/banners/banner-6.jpg" alt="Banner">
                    </a>

                    <div class="banner-content">
                        <h4 class="banner-subtitle d-none d-lg-block"><a href="#">New Arrivals</a></h4><!-- End .banner-subtitle -->
                        <h3 class="banner-title "><a href="#">Men’s</a></h3><!-- End .banner-title -->
                        <a href="#" class="btn btn-outline-white banner-link"><?= $this->Get_Lang->gl("shop_now", $langId) ?> <i class="icon-long-arrow-right"></i></a>
                    </div><!-- End .banner-content -->
                </div><!-- End .banner -->
            </div><!-- End .col-md-6 -->
        </div><!-- End .row -->
    </div><!-- End .container -->

    <div class="mb-5"></div><!-- End .mb-5 -->

    <div class="container recent-arrivals">
        <div class="heading heading-flex align-items-center mb-3">
            <h2 class="title title-lg"><?= $this->Get_Lang->gl("Recent_Arrivals", $langId) ?></h2><!-- End .title -->
            <ul class="nav nav-pills nav-border-anim justify-content-center" role="tablist">
                <li class="nav-item">
                    <a class="nav-link active" id="recent-all-link" data-toggle="tab" href="#recent-all-tab" role="tab" aria-controls="recent-all-tab" aria-selected="true"><?= $this->Get_Lang->gl("All", $langId) ?></a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="recent-women-link" data-toggle="tab" href="#recent-women-tab" role="tab" aria-controls="recent-women-tab" aria-selected="false">Women</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="recent-men-link" data-toggle="tab" href="#recent-men-tab" role="tab" aria-controls="recent-men-tab" aria-selected="false">Men</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="recent-shoes-link" data-toggle="tab" href="#recent-shoes-tab" role="tab" aria-controls="recent-shoes-tab" aria-selected="false">Shoes & Boots</a>
                </li>
            </ul>
        </div><!-- End .heading -->

        <div class="tab-content">
            <div class="tab-pane p-0 fade show active" id="recent-all-tab" role="tabpanel" aria-labelledby="recent-all-link">
                <div class="products">
                    <div class="row justify-content-center">
                        <div class="col-6 col-md-4 col-lg-3">
                            <div class="product product-2 text-center">
                                <figure class="product-media">
                                    <span class="product-label label-sale">Sale</span>
                                    <a href="product.html">
                                        <img src="/public/front/assets/images/demos/demo-8/products/product-5-1.jpg" alt="Product image" class="product-image">
                                        <img src="/public/front/assets/images/demos/demo-8/products/product-5-2.jpg" alt="Product image" class="product-image-hover">
                                    </a>

                                    <div class="product-action-vertical">
                                        <a href="#" class="btn-product-icon btn-wishlist btn-expandable"><span><?= $this->Get_Lang->gl("add_to_wishlist", $langId) ?></span></a>
                                    </div><!-- End .product-action-vertical -->

                                    <div class="product-action">
                                        <a href="#" class="btn-product btn-cart"><span><?= $this->Get_Lang->gl("add_to_cart", $langId) ?></span></a>
                                    </div><!-- End .product-action -->
                                </figure><!-- End .product-media -->

                                <div class="product-body">
                                    <div class="product-cat">
                                        <a href="#">Clothing</a>
                                    </div><!-- End .product-cat -->
                                    <h3 class="product-title"><a href="product.html">Tie-detail top</a></h3><!-- End .product-title -->
                                    <div class="product-price">
                                        <span class="new-price">Now $3.99</span>
                                        <span class="old-price">Was $6.99</span>
                                    </div><!-- End .product-price -->
                                </div><!-- End .product-body -->
                            </div><!-- End .product -->
                        </div><!-- End .col-sm-6 col-md-4 col-lg-3 -->

                        <div class="col-6 col-md-4 col-lg-3">
                            <div class="product product-2 text-center">
                                <figure class="product-media">
                                    <a href="product.html">
                                        <img src="/public/front/assets/images/demos/demo-8/products/product-6-1.jpg" alt="Product image" class="product-image">
                                        <img src="/public/front/assets/images/demos/demo-8/products/product-6-2.jpg" alt="Product image" class="product-image-hover">
                                    </a>

                                    <div class="product-action-vertical">
                                        <a href="#" class="btn-product-icon btn-wishlist btn-expandable"><span><?= $this->Get_Lang->gl("add_to_wishlist", $langId) ?></span></a>
                                    </div><!-- End .product-action-vertical -->

                                    <div class="product-action">
                                        <a href="#" class="btn-product btn-cart"><span><?= $this->Get_Lang->gl("add_to_cart", $langId) ?></span></a>
                                    </div><!-- End .product-action -->
                                </figure><!-- End .product-media -->

                                <div class="product-body">
                                    <div class="product-cat">
                                        <a href="#">Shoes</a>
                                    </div><!-- End .product-cat -->
                                    <h3 class="product-title"><a href="product.html">Sandals</a></h3><!-- End .product-title -->
                                    <div class="product-price">
                                        $12.99
                                    </div><!-- End .product-price -->
                                </div><!-- End .product-body -->
                            </div><!-- End .product -->
                        </div><!-- End .col-sm-6 col-md-4 col-lg-3 -->

                        <div class="col-6 col-md-4 col-lg-3">
                            <div class="product product-2 text-center">
                                <figure class="product-media">
                                    <a href="product.html">
                                        <img src="/public/front/assets/images/demos/demo-8/products/product-7-1.jpg" alt="Product image" class="product-image">
                                        <img src="/public/front/assets/images/demos/demo-8/products/product-7-2.jpg" alt="Product image" class="product-image-hover">
                                    </a>

                                    <div class="product-action-vertical">
                                        <a href="#" class="btn-product-icon btn-wishlist btn-expandable"><span><?= $this->Get_Lang->gl("add_to_wishlist", $langId) ?></span></a>
                                    </div><!-- End .product-action-vertical -->

                                    <div class="product-action">
                                        <a href="#" class="btn-product btn-cart"><span><?= $this->Get_Lang->gl("add_to_cart", $langId) ?></span></a>
                                    </div><!-- End .product-action -->
                                </figure><!-- End .product-media -->

                                <div class="product-body">
                                    <div class="product-cat">
                                        <a href="#">Bags</a>
                                    </div><!-- End .product-cat -->
                                    <h3 class="product-title"><a href="product.html">Small bucket bag</a></h3><!-- End .product-title -->
                                    <div class="product-price">
                                        $14.99
                                    </div><!-- End .product-price -->

                                    <div class="product-nav product-nav-thumbs">
                                        <a href="#" class="active">
                                            <img src="/public/front/assets/images/demos/demo-8/products/product-7-thumb.jpg" alt="product desc">
                                        </a>
                                        <a href="#">
                                            <img src="/public/front/assets/images/demos/demo-8/products/product-7-2-thumb.jpg" alt="product desc">
                                        </a>
                                    </div><!-- End .product-nav -->
                                </div><!-- End .product-body -->
                            </div><!-- End .product -->
                        </div><!-- End .col-sm-6 col-md-4 col-lg-3 -->

                        <div class="col-6 col-md-4 col-lg-3">
                            <div class="product product-2 text-center">
                                <figure class="product-media">
                                    <a href="product.html">
                                        <img src="/public/front/assets/images/demos/demo-8/products/product-8-1.jpg" alt="Product image" class="product-image">
                                        <img src="/public/front/assets/images/demos/demo-8/products/product-8-2.jpg" alt="Product image" class="product-image-hover">
                                    </a>

                                    <div class="product-action-vertical">
                                        <a href="#" class="btn-product-icon btn-wishlist btn-expandable"><span><?= $this->Get_Lang->gl("add_to_wishlist", $langId) ?></span></a>
                                    </div><!-- End .product-action-vertical -->

                                    <div class="product-action">
                                        <a href="#" class="btn-product btn-cart"><span><?= $this->Get_Lang->gl("add_to_cart", $langId) ?></span></a>
                                    </div><!-- End .product-action -->
                                </figure><!-- End .product-media -->

                                <div class="product-body">
                                    <div class="product-cat">
                                        <a href="#">Clothing</a>
                                    </div><!-- End .product-cat -->
                                    <h3 class="product-title"><a href="product.html">Denim jacket</a></h3><!-- End .product-title -->
                                    <div class="product-price">
                                        $34.99
                                    </div><!-- End .product-price -->
                                </div><!-- End .product-body -->
                            </div><!-- End .product -->
                        </div><!-- End .col-sm-6 col-md-4 col-lg-3 -->

                        <div class="col-6 col-md-4 col-lg-3">
                            <div class="product product-2 text-center">
                                <figure class="product-media">
                                    <a href="product.html">
                                        <img src="/public/front/assets/images/demos/demo-8/products/product-9-1.jpg" alt="Product image" class="product-image">
                                        <img src="/public/front/assets/images/demos/demo-8/products/product-9-2.jpg" alt="Product image" class="product-image-hover">
                                    </a>

                                    <div class="product-action-vertical">
                                        <a href="#" class="btn-product-icon btn-wishlist btn-expandable"><span><?= $this->Get_Lang->gl("add_to_wishlist", $langId) ?></span></a>
                                    </div><!-- End .product-action-vertical -->

                                    <div class="product-action">
                                        <a href="#" class="btn-product btn-cart"><span><?= $this->Get_Lang->gl("add_to_cart", $langId) ?></span></a>
                                    </div><!-- End .product-action -->
                                </figure><!-- End .product-media -->

                                <div class="product-body">
                                    <div class="product-cat">
                                        <a href="#">Clothing</a>
                                    </div><!-- End .product-cat -->
                                    <h3 class="product-title"><a href="product.html">BShort wrap dress</a></h3><!-- End .product-title -->
                                    <div class="product-price">
                                        $17.99
                                    </div><!-- End .product-price -->
                                </div><!-- End .product-body -->
                            </div><!-- End .product -->
                        </div><!-- End .col-sm-6 col-md-4 col-lg-3 -->

                        <div class="col-6 col-md-4 col-lg-3">
                            <div class="product product-2 text-center">
                                <figure class="product-media">
                                    <a href="product.html">
                                        <img src="/public/front/assets/images/demos/demo-8/products/product-10-1.jpg" alt="Product image" class="product-image">
                                        <img src="/public/front/assets/images/demos/demo-8/products/product-10-2.jpg" alt="Product image" class="product-image-hover">
                                    </a>

                                    <div class="product-action-vertical">
                                        <a href="#" class="btn-product-icon btn-wishlist btn-expandable"><span><?= $this->Get_Lang->gl("add_to_wishlist", $langId) ?></span></a>
                                    </div><!-- End .product-action-vertical -->

                                    <div class="product-action">
                                        <a href="#" class="btn-product btn-cart"><span><?= $this->Get_Lang->gl("add_to_cart", $langId) ?></span></a>
                                    </div><!-- End .product-action -->
                                </figure><!-- End .product-media -->

                                <div class="product-body">
                                    <div class="product-cat">
                                        <a href="#">Clothing</a>
                                    </div><!-- End .product-cat -->
                                    <h3 class="product-title"><a href="product.html">Biker jacket</a></h3><!-- End .product-title -->
                                    <div class="product-price">
                                        $34.99
                                    </div><!-- End .product-price -->

                                    <div class="product-nav product-nav-thumbs">
                                        <a href="#" class="active">
                                            <img src="/public/front/assets/images/demos/demo-8/products/product-10-thumb.jpg" alt="product desc">
                                        </a>
                                        <a href="#">
                                            <img src="/public/front/assets/images/demos/demo-8/products/product-10-2-thumb.jpg" alt="product desc">
                                        </a>
                                    </div><!-- End .product-nav -->
                                </div><!-- End .product-body -->
                            </div><!-- End .product -->
                        </div><!-- End .col-sm-6 col-md-4 col-lg-3 -->

                        <div class="col-6 col-md-4 col-lg-3">
                            <div class="product product-2 text-center">
                                <figure class="product-media">
                                    <a href="product.html">
                                        <img src="/public/front/assets/images/demos/demo-8/products/product-11-1.jpg" alt="Product image" class="product-image">
                                        <img src="/public/front/assets/images/demos/demo-8/products/product-11-2.jpg" alt="Product image" class="product-image-hover">
                                    </a>

                                    <div class="product-action-vertical">
                                        <a href="#" class="btn-product-icon btn-wishlist btn-expandable"><span><?= $this->Get_Lang->gl("add_to_wishlist", $langId) ?></span></a>
                                    </div><!-- End .product-action-vertical -->

                                    <div class="product-action">
                                        <a href="#" class="btn-product btn-cart"><span><?= $this->Get_Lang->gl("add_to_cart", $langId) ?></span></a>
                                    </div><!-- End .product-action -->
                                </figure><!-- End .product-media -->

                                <div class="product-body">
                                    <div class="product-cat">
                                        <a href="#">Shoes</a>
                                    </div><!-- End .product-cat -->
                                    <h3 class="product-title"><a href="product.html">Loafers</a></h3><!-- End .product-title -->
                                    <div class="product-price">
                                        $9.99
                                    </div><!-- End .product-price -->
                                </div><!-- End .product-body -->
                            </div><!-- End .product -->
                        </div><!-- End .col-sm-6 col-md-4 col-lg-3 -->

                        <div class="col-6 col-md-4 col-lg-3">
                            <div class="product product-2 text-center">
                                <figure class="product-media">
                                    <span class="product-label label-sale">sale</span>
                                    <a href="product.html">
                                        <img src="/public/front/assets/images/demos/demo-8/products/product-12-1.jpg" alt="Product image" class="product-image">
                                        <img src="/public/front/assets/images/demos/demo-8/products/product-12-2.jpg" alt="Product image" class="product-image-hover">
                                    </a>

                                    <div class="product-action-vertical">
                                        <a href="#" class="btn-product-icon btn-wishlist btn-expandable"><span><?= $this->Get_Lang->gl("add_to_wishlist", $langId) ?></span></a>
                                    </div><!-- End .product-action-vertical -->

                                    <div class="product-action">
                                        <a href="#" class="btn-product btn-cart"><span><?= $this->Get_Lang->gl("add_to_cart", $langId) ?></span></a>
                                    </div><!-- End .product-action -->
                                </figure><!-- End .product-media -->

                                <div class="product-body">
                                    <div class="product-cat">
                                        <a href="#">Clothing</a>
                                    </div><!-- End .product-cat -->
                                    <h3 class="product-title"><a href="product.html">Super Skinny High Jeggings</a></h3><!-- End .product-title -->
                                    <div class="product-price">
                                        <span class="new-price">Now $12.99</span>
                                        <span class="old-price">Was $17.99</span>
                                    </div><!-- End .product-price -->
                                </div><!-- End .product-body -->
                            </div><!-- End .product -->
                        </div><!-- End .col-sm-6 col-md-4 col-lg-3 -->
                    </div><!-- End .row -->
                </div><!-- End .products -->
            </div><!-- .End .tab-pane -->
            <div class="tab-pane p-0 fade" id="recent-women-tab" role="tabpanel" aria-labelledby="recent-women-link">
                <div class="products">
                    <div class="row justify-content-center">
                        <div class="col-6 col-md-4 col-lg-3">
                            <div class="product product-2 text-center">
                                <figure class="product-media">
                                    <span class="product-label label-sale">Sale</span>
                                    <a href="product.html">
                                        <img src="/public/front/assets/images/demos/demo-8/products/product-5-1.jpg" alt="Product image" class="product-image">
                                        <img src="/public/front/assets/images/demos/demo-8/products/product-5-2.jpg" alt="Product image" class="product-image-hover">
                                    </a>

                                    <div class="product-action-vertical">
                                        <a href="#" class="btn-product-icon btn-wishlist btn-expandable"><span><?= $this->Get_Lang->gl("add_to_wishlist", $langId) ?></span></a>
                                    </div><!-- End .product-action-vertical -->

                                    <div class="product-action">
                                        <a href="#" class="btn-product btn-cart"><span><?= $this->Get_Lang->gl("add_to_cart", $langId) ?></span></a>
                                    </div><!-- End .product-action -->
                                </figure><!-- End .product-media -->

                                <div class="product-body">
                                    <div class="product-cat">
                                        <a href="#">Clothing</a>
                                    </div><!-- End .product-cat -->
                                    <h3 class="product-title"><a href="product.html">Tie-detail top</a></h3><!-- End .product-title -->
                                    <div class="product-price">
                                        <span class="new-price">Now $3.99</span>
                                        <span class="old-price">Was $6.99</span>
                                    </div><!-- End .product-price -->
                                </div><!-- End .product-body -->
                            </div><!-- End .product -->
                        </div><!-- End .col-sm-6 col-md-4 col-lg-3 -->

                        <div class="col-6 col-md-4 col-lg-3">
                            <div class="product product-2 text-center">
                                <figure class="product-media">
                                    <a href="product.html">
                                        <img src="/public/front/assets/images/demos/demo-8/products/product-6-1.jpg" alt="Product image" class="product-image">
                                        <img src="/public/front/assets/images/demos/demo-8/products/product-6-2.jpg" alt="Product image" class="product-image-hover">
                                    </a>

                                    <div class="product-action-vertical">
                                        <a href="#" class="btn-product-icon btn-wishlist btn-expandable"><span><?= $this->Get_Lang->gl("add_to_wishlist", $langId) ?></span></a>
                                    </div><!-- End .product-action-vertical -->

                                    <div class="product-action">
                                        <a href="#" class="btn-product btn-cart"><span><?= $this->Get_Lang->gl("add_to_cart", $langId) ?></span></a>
                                    </div><!-- End .product-action -->
                                </figure><!-- End .product-media -->

                                <div class="product-body">
                                    <div class="product-cat">
                                        <a href="#">Shoes</a>
                                    </div><!-- End .product-cat -->
                                    <h3 class="product-title"><a href="product.html">Sandals</a></h3><!-- End .product-title -->
                                    <div class="product-price">
                                        $12.99
                                    </div><!-- End .product-price -->
                                </div><!-- End .product-body -->
                            </div><!-- End .product -->
                        </div><!-- End .col-sm-6 col-md-4 col-lg-3 -->
                    </div><!-- End .row -->
                </div><!-- End .products -->
            </div><!-- .End .tab-pane -->
            <div class="tab-pane p-0 fade" id="recent-men-tab" role="tabpanel" aria-labelledby="recent-men-link">
                <div class="products">
                    <div class="row justify-content-center">
                        <div class="col-6 col-md-4 col-lg-3">
                            <div class="product product-2 text-center">
                                <figure class="product-media">
                                    <a href="product.html">
                                        <img src="/public/front/assets/images/demos/demo-8/products/product-11-1.jpg" alt="Product image" class="product-image">
                                        <img src="/public/front/assets/images/demos/demo-8/products/product-11-2.jpg" alt="Product image" class="product-image-hover">
                                    </a>

                                    <div class="product-action-vertical">
                                        <a href="#" class="btn-product-icon btn-wishlist btn-expandable"><span><?= $this->Get_Lang->gl("add_to_wishlist", $langId) ?></span></a>
                                    </div><!-- End .product-action-vertical -->

                                    <div class="product-action">
                                        <a href="#" class="btn-product btn-cart"><span><?= $this->Get_Lang->gl("add_to_cart", $langId) ?></span></a>
                                    </div><!-- End .product-action -->
                                </figure><!-- End .product-media -->

                                <div class="product-body">
                                    <div class="product-cat">
                                        <a href="#">Shoes</a>
                                    </div><!-- End .product-cat -->
                                    <h3 class="product-title"><a href="product.html">Loafers</a></h3><!-- End .product-title -->
                                    <div class="product-price">
                                        $9.99
                                    </div><!-- End .product-price -->
                                </div><!-- End .product-body -->
                            </div><!-- End .product -->
                        </div><!-- End .col-sm-6 col-md-4 col-lg-3 -->

                        <div class="col-6 col-md-4 col-lg-3">
                            <div class="product product-2 text-center">
                                <figure class="product-media">
                                    <span class="product-label label-sale">sale</span>
                                    <a href="product.html">
                                        <img src="/public/front/assets/images/demos/demo-8/products/product-12-1.jpg" alt="Product image" class="product-image">
                                        <img src="/public/front/assets/images/demos/demo-8/products/product-12-2.jpg" alt="Product image" class="product-image-hover">
                                    </a>

                                    <div class="product-action-vertical">
                                        <a href="#" class="btn-product-icon btn-wishlist btn-expandable"><span><?= $this->Get_Lang->gl("add_to_wishlist", $langId) ?></span></a>
                                    </div><!-- End .product-action-vertical -->

                                    <div class="product-action">
                                        <a href="#" class="btn-product btn-cart"><span><?= $this->Get_Lang->gl("add_to_cart", $langId) ?></span></a>
                                    </div><!-- End .product-action -->
                                </figure><!-- End .product-media -->

                                <div class="product-body">
                                    <div class="product-cat">
                                        <a href="#">Clothing</a>
                                    </div><!-- End .product-cat -->
                                    <h3 class="product-title"><a href="product.html">Super Skinny High Jeggings</a></h3><!-- End .product-title -->
                                    <div class="product-price">
                                        <span class="new-price">Now $12.99</span>
                                        <span class="old-price">Was $17.99</span>
                                    </div><!-- End .product-price -->
                                </div><!-- End .product-body -->
                            </div><!-- End .product -->
                        </div>
                    </div><!-- End .row -->
                </div><!-- End .products -->
            </div><!-- .End .tab-pane -->
            <div class="tab-pane p-0 fade" id="recent-shoes-tab" role="tabpanel" aria-labelledby="recent-shoes-link">
                <div class="products">
                    <div class="row justify-content-center">
                        <div class="col-6 col-md-4 col-lg-3">
                            <div class="product product-2 text-center">
                                <figure class="product-media">
                                    <a href="product.html">
                                        <img src="/public/front/assets/images/demos/demo-8/products/product-7-1.jpg" alt="Product image" class="product-image">
                                        <img src="/public/front/assets/images/demos/demo-8/products/product-7-2.jpg" alt="Product image" class="product-image-hover">
                                    </a>

                                    <div class="product-action-vertical">
                                        <a href="#" class="btn-product-icon btn-wishlist btn-expandable"><span><?= $this->Get_Lang->gl("add_to_wishlist", $langId) ?></span></a>
                                    </div><!-- End .product-action-vertical -->

                                    <div class="product-action">
                                        <a href="#" class="btn-product btn-cart"><span><?= $this->Get_Lang->gl("add_to_cart", $langId) ?></span></a>
                                    </div><!-- End .product-action -->
                                </figure><!-- End .product-media -->

                                <div class="product-body">
                                    <div class="product-cat">
                                        <a href="#">Bags</a>
                                    </div><!-- End .product-cat -->
                                    <h3 class="product-title"><a href="product.html">Small bucket bag</a></h3><!-- End .product-title -->
                                    <div class="product-price">
                                        $14.99
                                    </div><!-- End .product-price -->

                                    <div class="product-nav product-nav-thumbs">
                                        <a href="#" class="active">
                                            <img src="/public/front/assets/images/demos/demo-8/products/product-7-thumb.jpg" alt="product desc">
                                        </a>
                                        <a href="#">
                                            <img src="/public/front/assets/images/demos/demo-8/products/product-7-2-thumb.jpg" alt="product desc">
                                        </a>
                                    </div><!-- End .product-nav -->
                                </div><!-- End .product-body -->
                            </div><!-- End .product -->
                        </div><!-- End .col-sm-6 col-md-4 col-lg-3 -->

                        <div class="col-6 col-md-4 col-lg-3">
                            <div class="product product-2 text-center">
                                <figure class="product-media">
                                    <a href="product.html">
                                        <img src="/public/front/assets/images/demos/demo-8/products/product-8-1.jpg" alt="Product image" class="product-image">
                                        <img src="/public/front/assets/images/demos/demo-8/products/product-8-2.jpg" alt="Product image" class="product-image-hover">
                                    </a>

                                    <div class="product-action-vertical">
                                        <a href="#" class="btn-product-icon btn-wishlist btn-expandable"><span><?= $this->Get_Lang->gl("add_to_wishlist", $langId) ?></span></a>
                                    </div><!-- End .product-action-vertical -->

                                    <div class="product-action">
                                        <a href="#" class="btn-product btn-cart"><span><?= $this->Get_Lang->gl("add_to_cart", $langId) ?></span></a>
                                    </div><!-- End .product-action -->
                                </figure><!-- End .product-media -->

                                <div class="product-body">
                                    <div class="product-cat">
                                        <a href="#">Clothing</a>
                                    </div><!-- End .product-cat -->
                                    <h3 class="product-title"><a href="product.html">Denim jacket</a></h3><!-- End .product-title -->
                                    <div class="product-price">
                                        $34.99
                                    </div><!-- End .product-price -->
                                </div><!-- End .product-body -->
                            </div><!-- End .product -->
                        </div><!-- End .col-sm-6 col-md-4 col-lg-3 -->

                        <div class="col-6 col-md-4 col-lg-3">
                            <div class="product product-2 text-center">
                                <figure class="product-media">
                                    <a href="product.html">
                                        <img src="/public/front/assets/images/demos/demo-8/products/product-9-1.jpg" alt="Product image" class="product-image">
                                        <img src="/public/front/assets/images/demos/demo-8/products/product-9-2.jpg" alt="Product image" class="product-image-hover">
                                    </a>

                                    <div class="product-action-vertical">
                                        <a href="#" class="btn-product-icon btn-wishlist btn-expandable"><span><?= $this->Get_Lang->gl("add_to_wishlist", $langId) ?></span></a>
                                    </div><!-- End .product-action-vertical -->

                                    <div class="product-action">
                                        <a href="#" class="btn-product btn-cart"><span><?= $this->Get_Lang->gl("add_to_cart", $langId) ?></span></a>
                                    </div><!-- End .product-action -->
                                </figure><!-- End .product-media -->

                                <div class="product-body">
                                    <div class="product-cat">
                                        <a href="#">Clothing</a>
                                    </div><!-- End .product-cat -->
                                    <h3 class="product-title"><a href="product.html">BShort wrap dress</a></h3><!-- End .product-title -->
                                    <div class="product-price">
                                        $17.99
                                    </div><!-- End .product-price -->
                                </div><!-- End .product-body -->
                            </div><!-- End .product -->
                        </div><!-- End .col-sm-6 col-md-4 col-lg-3 -->
                    </div><!-- End .row -->
                </div><!-- End .products -->
            </div><!-- .End .tab-pane -->
        </div><!-- End .tab-content -->

        <div class="more-container text-center mt-3 mb-3">
            <a href="category.html" class="btn btn-outline-dark-3 btn-more"><span><?= $this->Get_Lang->gl("View_More", $langId) ?></span><i class="icon-long-arrow-right"></i></a>
        </div><!-- End .more-container -->
    </div><!-- End .container -->

    <div class="mb-7"></div><!-- End .mb-5 -->

    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-4 col-sm-6">
                <div class="icon-box icon-box-card text-center">
                    <span class="icon-box-icon">
                        <i class="icon-rocket"></i>
                    </span>
                    <div class="icon-box-content">
                        <h3 class="icon-box-title"><?= $this->Get_Lang->gl("Payment_Delivery", $langId) ?></h3><!-- End .icon-box-title -->
                        <p><?= $this->Get_Lang->gl("Free_shipping_for_orders_over", $langId) ?> $50</p>
                    </div><!-- End .icon-box-content -->
                </div><!-- End .icon-box -->
            </div><!-- End .col-lg-4 col-sm-6 -->

            <div class="col-lg-4 col-sm-6">
                <div class="icon-box icon-box-card text-center">
                    <span class="icon-box-icon">
                        <i class="icon-rotate-left"></i>
                    </span>
                    <div class="icon-box-content">
                        <h3 class="icon-box-title"><?= $this->Get_Lang->gl("Return_Refund", $langId) ?></h3><!-- End .icon-box-title -->
                        <p><?= $this->Get_Lang->gl("Free_money_back_guarantee", $langId) ?></p>
                    </div><!-- End .icon-box-content -->
                </div><!-- End .icon-box -->
            </div><!-- End .col-lg-4 col-sm-6 -->

            <div class="col-lg-4 col-sm-6">
                <div class="icon-box icon-box-card text-center">
                    <span class="icon-box-icon">
                        <i class="icon-life-ring"></i>
                    </span>
                    <div class="icon-box-content">
                        <h3 class="icon-box-title"><?= $this->Get_Lang->gl("Quality_Support", $langId) ?></h3><!-- End .icon-box-title -->
                        <p><?= $this->Get_Lang->gl("Alway_online_feedback", $langId) ?></p>
                    </div><!-- End .icon-box-content -->
                </div><!-- End .icon-box -->
            </div><!-- End .col-lg-4 col-sm-6 -->
        </div><!-- End .row -->
    </div><!-- End .container -->

    <div class="container instagram">
        <div class="heading text-center">
            <h2 class="title title-lg"><?= $this->Get_Lang->gl("Follow_Us_On_Instagram", $langId) ?></h2><!-- End .title -->
            <p class="title-desc"><?= $this->Get_Lang->gl("Wanna_share_your_style_with_us", $langId) ?></p><!-- End .title-desc -->
        </div><!-- End .heading -->
    </div><!-- End .container -->

    <div class="owl-carousel owl-simple" data-toggle="owl" 
         data-owl-options='{
         "nav": false, 
         "dots": false,
         "items": 6,
         "margin": 0,
         "loop": false,
         "responsive": {
         "0": {
         "items":1
         },
         "360": {
         "items":2
         },
         "600": {
         "items":3
         },
         "992": {
         "items":4
         },
         "1200": {
         "items":5
         },
         "1500": {
         "items":6
         }
         }
         }'>
        <div class="instagram-feed">
            <img src="/public/front/assets/images/demos/demo-8/instagram/1.jpg" alt="img">

            <div class="instagram-feed-content">
                <a href="#"><i class="icon-heart-o"></i>466</a>
                <a href="#"><i class="icon-comments"></i>65</a>
            </div><!-- End .instagram-feed-content -->
        </div><!-- End .instagram-feed -->

        <div class="instagram-feed">
            <img src="/public/front/assets/images/demos/demo-8/instagram/2.jpg" alt="img">

            <div class="instagram-feed-content">
                <a href="#"><i class="icon-heart-o"></i>39</a>
                <a href="#"><i class="icon-comments"></i>78</a>
            </div><!-- End .instagram-feed-content -->
        </div><!-- End .instagram-feed -->

        <div class="instagram-feed">
            <img src="/public/front/assets/images/demos/demo-8/instagram/3.jpg" alt="img">

            <div class="instagram-feed-content">
                <a href="#"><i class="icon-heart-o"></i>691</a>
                <a href="#"><i class="icon-comments"></i>87</a>
            </div><!-- End .instagram-feed-content -->
        </div><!-- End .instagram-feed -->

        <div class="instagram-feed">
            <img src="/public/front/assets/images/demos/demo-8/instagram/4.jpg" alt="img">

            <div class="instagram-feed-content">
                <a href="#"><i class="icon-heart-o"></i>508</a>
                <a href="#"><i class="icon-comments"></i>124</a>
            </div><!-- End .instagram-feed-content -->
        </div><!-- End .instagram-feed -->

        <div class="instagram-feed">
            <img src="/public/front/assets/images/demos/demo-8/instagram/5.jpg" alt="img">

            <div class="instagram-feed-content">
                <a href="#"><i class="icon-heart-o"></i>433</a>
                <a href="#"><i class="icon-comments"></i>27</a>
            </div><!-- End .instagram-feed-content -->
        </div><!-- End .instagram-feed -->

        <div class="instagram-feed">
            <img src="/public/front/assets/images/demos/demo-8/instagram/6.jpg" alt="img">

            <div class="instagram-feed-content">
                <a href="#"><i class="icon-heart-o"></i>122</a>
                <a href="#"><i class="icon-comments"></i>55</a>
            </div><!-- End .instagram-feed-content -->
        </div><!-- End .instagram-feed -->
    </div><!-- End .owl-carousel -->
</main><!-- End .main -->