<div class="home-page-9">
    <div class="slidershow">
        <div class="slidershow-type-1 hover-to-show">
            <div data-owl="owl-slider" data-autoplay="true" data-nav="true" data-dots="false" data-screen0="1"
                 data-screen481="1" data-screen768="1" data-screen992="1" data-screen1200="1" data-screen1441="1"
                 data-screen1681="1" data-screen1920="1" data-margin="1" data-autoplayhoverpause="true" data-loop="true"
                 data-center="false" data-stagepadding="0" data-mousedrag="true" data-touchdrag="true">
                <div class="owl-carousel owl-theme">
                    <div class="item">
                        <a title="Slide 1" href="#">
                            <img src="{{media url="wysiwyg/slidershow/home-9/item-1.jpg"}}" alt="Slider 1" width="1920" height="556" />
                        </a>
                    </div>

                    <div class="item">
                        <a title="Slide 1" href="#">
                            <img src="{{media url="wysiwyg/slidershow/home-9/item-2.jpg"}}" alt="Slider 2" width="1920" height="556" />
                        </a>
                    </div>

                    <div class="item">
                        <a title="Slide 1" href="#">
                            <img src="{{media url="wysiwyg/slidershow/home-9/item-3.jpg"}}" alt="Slider 3" width="1920" height="556" />
                        </a>
                    </div>
                </div>
                <div class="loading-content"><span class="hidden">Loading...</span></div>
            </div>
        </div>
    </div>

    <div class="banner-top-full">
        <div class="banner-item">
            <div class="banner-image">
                <a title="Banner Image" href="#">
                    <img class="mark-lazy" src="{{media url="wysiwyg/banner/banner-35.jpg"}}" alt="Banner Image" width="638" height="270" />
                </a>
            </div>
        </div>

        <div class="banner-item">
            <div class="banner-image">
                <a title="Banner Image" href="#">
                    <img class="mark-lazy" src="{{media url="wysiwyg/banner/banner-36.jpg"}}" alt="Banner Image" width="638" height="270" />
                </a>
            </div>
        </div>

        <div class="banner-item">
            <div class="banner-image">
                <a title="Banner Image" href="#">
                    <img class="mark-lazy" src="{{media url="wysiwyg/banner/banner-37.jpg"}}" alt="Banner Image" width="638" height="270" />
                </a>
            </div>
        </div>
    </div>

    <div class="container">
        <div class="home-services services-four service-grid">
            <ul>
                <li>
                    <a href="#">
                            <span class="service-icon">
                                <img src="{{media url="wysiwyg/icon-image/icon-1.png"}}" alt="Service" width="60" height="60" />
                            </span>

                        <span class="service-info">
                            <strong>FREE SHIPPING</strong>
                            <span>On all orders over $99</span>
                        </span>
                    </a>
                </li>

                <li>
                    <a href="#">
                            <span class="service-icon">
                                <img src="{{media url="wysiwyg/icon-image/icon-2.png"}}" alt="Service" width="60" height="60" />
                            </span>

                        <span class="service-info">
                            <strong>30 DAYS RETURN</strong>
                            <span>money back guarantee</span>
                        </span>
                    </a>
                </li>

                <li>
                    <a href="#">
                            <span class="service-icon">
                                <img src="{{media url="wysiwyg/icon-image/icon-3.png"}}" alt="Service" width="60" height="60" />
                            </span>

                        <span class="service-info">
                            <strong>SAFE SHOPPING</strong>
                            <span>guarantee</span>
                        </span>
                    </a>
                </li>

                <li>
                    <a href="#">
                            <span class="service-icon">
                                <img src="{{media url="wysiwyg/icon-image/icon-15.png"}}" alt="Service" width="60" height="60" />
                            </span>

                        <span class="service-info">
                            <strong>LOWEST PRICE</strong>
                            <span>guarantee</span>
                        </span>
                    </a>
                </li>
            </ul>
        </div>

        <div class="tabs-product tabs-style-2 tab-hot hidden-title-block product-border" style="margin-bottom: 35px;">
            {{block class="Sm\ListingTabs\Block\ListingTabs" template="Sm_ListingTabs::default_left.phtml" title="ELECTRONIC" type_show="slider" type_listing="all" display_countdown="0" type_filter="fieldproducts" field_tabs="lastest_products,num_rating_summary,ordered_qty" order_by="ordered_qty" order_dir="DESC" category_select="3,4" limitation="14" template_style="default_items_left" data-autoplay="false" data-nav="true" data-dots="false" data-screen0="1" data-screen481="1" data-screen768="1" data-screen992="1" data-screen1200="1" data-screen1441="1" data-screen1681="1" data-screen1920="1" data-margin="30" data-autoplayhoverpause="true" data-loop="false" data-center="false" data-stagepadding="0" data-mousedrag="true" data-touchdrag="true"}}
        </div>

        <div class="block brand-grid" style="margin-bottom: 65px;">
            <div class="block-content">
                <div data-owl="owl-slider" data-autoplay="false" data-nav="true" data-dots="false" data-screen0="3"
                     data-screen481="4" data-screen768="5" data-screen992="6" data-screen1200="6" data-screen1441="6"
                     data-screen1681="6" data-screen1920="6" data-margin="30" data-autoplayhoverpause="true"
                     data-loop="false" data-center="false" data-stagepadding="0" data-mousedrag="true"
                     data-touchdrag="true">
                    <div class="owl-carousel owl-theme">
                        <div class="item">
                            <a href="#">
                                <span><img class="mark-lazy" src="{{media url="wysiwyg/brand/item-6.jpg"}}" alt="Brand" width="170" height="100" /></span>
                            </a>
                        </div>

                        <div class="item">
                            <a href="#">
                                <span><img class="mark-lazy" src="{{media url="wysiwyg/brand/item-7.jpg"}}" alt="Brand" width="170" height="100" /></span>
                            </a>
                        </div>

                        <div class="item">
                            <a href="#">
                                <span><img class="mark-lazy" src="{{media url="wysiwyg/brand/item-8.jpg"}}" alt="Brand" width="170" height="100" /></span>
                            </a>
                        </div>

                        <div class="item">
                            <a href="#">
                                <span><img class="mark-lazy" src="{{media url="wysiwyg/brand/item-9.jpg"}}" alt="Brand" width="170" height="100" /></span>
                            </a>
                        </div>

                        <div class="item">
                            <a href="#">
                                <span><img class="mark-lazy" src="{{media url="wysiwyg/brand/item-10.jpg"}}" alt="Brand" width="170" height="100" /></span>
                            </a>
                        </div>

                        <div class="item">
                            <a href="#">
                                <span><img class="mark-lazy" src="{{media url="wysiwyg/brand/item-11.jpg"}}" alt="Brand" width="170" height="100" /></span>
                            </a>
                        </div>

                        <div class="item">
                            <a href="#">
                                <span><img class="mark-lazy" src="{{media url="wysiwyg/brand/item-8.jpg"}}" alt="Brand" width="170" height="100" /></span>
                            </a>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="client-full">
        <div class="container">
            <div class="slider-nav-client">
                <div class="slick-nav-item">
                    <div class="client-img">
                        <img class="mark-lazy" src="{{media url="wysiwyg/clients/client-1.jpg"}}" alt="Brand" width="68" height="68" />
                    </div>
                </div>

                <div class="slick-nav-item">
                    <div class="client-img">
                        <img class="mark-lazy" src="{{media url="wysiwyg/clients/client-2.jpg"}}" alt="Brand" width="68" height="68" />
                    </div>
                </div>

                <div class="slick-nav-item">
                    <div class="client-img">
                        <img class="mark-lazy" src="{{media url="wysiwyg/clients/client-3.jpg"}}" alt="Brand" width="68" height="68" />
                    </div>
                </div>
            </div>

            <div class="slider-for-client">
                <div class="slick-item">
                    <div class="client-detail">
                        <div class="text-client">First time shopping here. I love the shop!<br> Its really bright and welcoming. The staff are friendly which is always nice. <br> The clothes are stylish and affordable. <br> Definitely will be shopping here again. My new favorite shop</div>
                        <div class="name-client">Jone Doe</div>
                        <div class="add-client">BIRMINGHAM, UNITED KINGDOM</div>
                    </div>
                </div>

                <div class="slick-item">
                    <div class="client-detail">
                        <div class="text-client">I love the shop! First time shopping here.<br> Its really bright and welcoming. The staff are friendly which is always nice. <br> The clothes are stylish and affordable. <br> Definitely will be shopping here again. My new favorite shop</div>
                        <div class="name-client">Anna Johanson</div>
                        <div class="add-client">HANOI, VIETNAM</div>
                    </div>
                </div>

                <div class="slick-item">
                    <div class="client-detail">
                        <div class="text-client">First time shopping here. I love the shop!<br> Its really bright and welcoming. The staff are friendly which is always nice. <br> The clothes are stylish and affordable. <br> Definitely will be shopping here again. My new favorite shop</div>
                        <div class="name-client">Jone Smith</div>
                        <div class="add-client">LONDON, ENGLAND</div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="container">
        <div class="tab-grid title-style-2 product-border">
            {{block class="Sm\ListingTabs\Block\ListingTabs" template="Sm_ListingTabs::default.phtml" row_items="1"
            title="NEW ARRIVALS" type_show="slider" type_listing="all" display_countdown="0" type_filter="categories"
            order_by="created_at" order_dir="DESC" category_tabs="3,4,11" limitation="6" data-autoplay="false"
            data-nav="true" data-dots="false" data-screen0="2" data-screen481="2" data-screen768="3" data-screen992="3"
            data-screen1200="4" data-screen1441="4" data-screen1681="4" data-screen1920="4" data-margin="30"
            data-autoplayhoverpause="true" data-loop="false" data-center="false" data-stagepadding="0"
            data-mousedrag="true" data-touchdrag="true"}}
        </div>

        <div class="banner-home-bottom">
            <div class="banner-image">
                <a title="Banner Image" href="#">
                    <img class="mark-lazy" src="{{media url="wysiwyg/banner/banner-38.jpg"}}" alt="Banner Image"
                    width="1170" height="240" />
                </a>
            </div>
        </div>


        <div class="block home-collection collection-grid title-style-2">
            <div class="block-title">
                <strong>TOP COLLECTIONS</strong>
            </div>

            <div class="block-content">
                <div data-owl="owl-slider" data-autoplay="false" data-nav="true" data-dots="false" data-screen0="2"
                     data-screen481="4" data-screen768="5" data-screen992="6" data-screen1200="6" data-screen1441="6"
                     data-screen1681="6" data-screen1920="6" data-margin="10" data-autoplayhoverpause="true"
                     data-loop="false" data-center="false" data-stagepadding="0" data-mousedrag="true"
                     data-touchdrag="true">
                    <div class="owl-carousel owl-theme">
                        <div class="item">
                            <a href="#">
                                <span><img class="mark-lazy" src="{{media url="wysiwyg/icon-image/icon-4.png"}}" alt="Furniture" width="88" height="88" /></span>
                                <strong>FURNITURE</strong>
                            </a>
                        </div>

                        <div class="item">
                            <a href="#">
                                <span><img class="mark-lazy" src="{{media url="wysiwyg/icon-image/icon-5.png"}}" alt="Furniture" width="88" height="88" /></span>
                                <strong>ELECTRONICS</strong>
                            </a>
                        </div>

                        <div class="item">
                            <a href="#">
                                <span><img class="mark-lazy" src="{{media url="wysiwyg/icon-image/icon-6.png"}}" alt="Furniture" width="88" height="88" /></span>
                                <strong>MOM & BABY</strong>
                            </a>
                        </div>

                        <div class="item">
                            <a href="#">
                                <span><img class="mark-lazy" src="{{media url="wysiwyg/icon-image/icon-7.png"}}" alt="Furniture" width="88" height="88" /></span>
                                <strong>OUTDOOR</strong>
                            </a>
                        </div>

                        <div class="item">
                            <a href="#">
                                <span><img class="mark-lazy" src="{{media url="wysiwyg/icon-image/icon-8.png"}}" alt="Furniture" width="88" height="88" /></span>
                                <strong>FASHION</strong>
                            </a>
                        </div>

                        <div class="item">
                            <a href="#">
                                <span><img class="mark-lazy" src="{{media url="wysiwyg/icon-image/icon-9.png"}}" alt="Furniture" width="88" height="88" /></span>
                                <strong>HEALTH & BEAUTY</strong>
                            </a>
                        </div>

                        <div class="item">
                            <a href="#">
                                <span><img class="mark-lazy" src="{{media url="wysiwyg/icon-image/icon-10.png"}}" alt="Furniture" width="88" height="88" /></span>
                                <strong>JEWELLERY</strong>
                            </a>
                        </div>

                        <div class="item">
                            <a href="#">
                                <span><img class="mark-lazy" src="{{media url="wysiwyg/icon-image/icon-7.png"}}" alt="Furniture" width="88" height="88" /></span>
                                <strong>FURNITURE</strong>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="list-product-buttons title-style-2">
            {{block class="Sm\FilterProducts\Block\FilterProducts" template="Sm_FilterProducts::list-buttons.phtml"
            title_module="Featured Products" product_source="featured_products" select_category="3,4,11,13"
            product_limitation="6" display_countdown="0"}}
        </div>
    </div>
</div>