<div class="home-page-10 bg-content">
    <div class="container">
        <div class="content-box">
            <div class="row">
                <div class="col-lg-9">
                    <div class="slidershow-type-1 hover-to-show" style="margin-bottom: 30px;">
                        <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-10/item-1.jpg"}}" alt="Slider 1" width="870" height="550" />
                                    </a>
                                </div>

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

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

                <div class="col-lg-3 col-r-banner">
                    <div class="banner-item">
                        <div class="banner-image">
                            <a title="Banner Image" href="#">
                                <img src="{{media url="wysiwyg/banner/banner-39.jpg"}}" alt="Banner Image" width="270" height="260">
                            </a>
                        </div>
                    </div>

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

            <div class="block brand-inner" style="margin-bottom: 30px;">
                <div class="block-content">
                    <div data-owl="owl-slider" data-autoplay="false" data-nav="true" data-dots="false" data-screen0="2"
                         data-screen481="3" data-screen768="4" data-screen992="5" data-screen1200="5" data-screen1441="5"
                         data-screen1681="5" data-screen1920="5" data-margin="35" 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="#">
                                    <img class="mark-lazy" src="{{media url="wysiwyg/brand/item-12.png"}}" alt="Brand" width="188" height="81">
                                </a>
                            </div>

                            <div class="item">
                                <a href="#">
                                    <img class="mark-lazy" src="{{media url="wysiwyg/brand/item-13.png"}}" alt="Brand" width="188" height="81">
                                </a>
                            </div>

                            <div class="item">
                                <a href="#">
                                    <img class="mark-lazy" src="{{media url="wysiwyg/brand/item-14.png"}}" alt="Brand" width="188" height="81">
                                </a>
                            </div>

                            <div class="item">
                                <a href="#">
                                    <img class="mark-lazy" src="{{media url="wysiwyg/brand/item-13.png"}}" alt="Brand" width="188" height="81">
                                </a>
                            </div>

                            <div class="item">
                                <a href="#">
                                    <img class="mark-lazy" src="{{media url="wysiwyg/brand/item-12.png"}}" alt="Brand" width="188" height="81">
                                </a>
                            </div>

                            <div class="item">
                                <a href="#">
                                    <img class="mark-lazy" src="{{media url="wysiwyg/brand/item-14.png"}}" alt="Brand" width="188" height="81">
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="grid-banner-home" style="margin-bottom: 15px;">
                <div class="row">
                    <div class="col-lg-4 col-sm-4 col-4 item-banner">
                        <div class="banner-image">
                            <a title="Banner Image" href="#">
                                <img class="mark-lazy" src="{{media url="wysiwyg/banner/banner-44.jpg"}}" alt="Banner Image" width="370" height="260" />
                            </a>
                        </div>
                    </div>

                    <div class="col-lg-4 col-sm-4 col-4 item-banner">
                        <div class="banner-image">
                            <a title="Banner Image" href="#">
                                <img class="mark-lazy" src="{{media url="wysiwyg/banner/banner-45.jpg"}}" alt="Banner Image" width="370" height="260" />
                            </a>
                        </div>
                    </div>

                    <div class="col-lg-4 col-sm-4 col-4 item-banner">
                        <div class="banner-image">
                            <a title="Banner Image" href="#">
                                <img class="mark-lazy" src="{{media url="wysiwyg/banner/banner-46.jpg"}}" alt="Banner Image" width="370" height="260" />
                            </a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="simple-product-slider" style="margin-bottom: 40px;">
                <div data-owl="owl-slider" 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">
                    {{block class="Sm\FilterProducts\Block\FilterProducts" template="Sm_FilterProducts::grid-slider.phtml" title_module="NEW ARRIVALS" product_source="lastest_products" select_category="13" product_limitation="6" display_countdown="0"}}
                </div>
            </div>

            <div class="banner-center-10" style="margin-bottom: 40px;">
                <ul class="ul-nostyle">
                    <li>
                        <div class="banner-image">
                            <a title="Banner Image" href="#">
                                <img class="mark-lazy" src="{{media url="wysiwyg/banner/banner-41.jpg"}}" alt="Banner Image" width="284" height="540" />
                            </a>
                        </div>
                    </li>

                    <li>
                        <div class="banner-image">
                            <a title="Banner Image" href="#">
                                <img class="mark-lazy" src="{{media url="wysiwyg/banner/banner-42.jpg"}}" alt="Banner Image" width="601" height="540" />
                            </a>
                        </div>
                    </li>

                    <li>
                        <div class="banner-image">
                            <a title="Banner Image" href="#">
                                <img class="mark-lazy" src="{{media url="wysiwyg/banner/banner-43.jpg"}}" alt="Banner Image" width="285" height="540" />
                            </a>
                        </div>
                    </li>
                </ul>
            </div>

            <div class="tabs-product tabs-style-2 hidden-title-block">
                {{block class="Sm\ListingTabs\Block\ListingTabs" template="Sm_ListingTabs::default.phtml" row_items="1" title="FASHION" type_show="slider" type_listing="all" display_countdown="0" type_filter="fieldproducts" field_tabs="ordered_qty,lastest_products,num_rating_summary" order_by="ordered_qty" order_dir="DESC" category_select="13" limitation="10" 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>
    </div>

    <div class="home-bottom">
        <div class="container">
            <div class="home-bottom-content">
                <div class="bottom-content">
                    <div class="bottom-title">
                        <h3>THIS WEEK</h3>
                    </div>

                    <ul class="ul-nostyle list-info-bottom">
                        <li>
                            Introducing James Jagger for AW16 Men’s<br>
                            <a href="#" title="View More">View More</a>
                        </li>

                        <li>
                            Autumn Winter 2016<br>
                            <a href="#" title="View More">View More</a>
                        </li>

                        <li>
                            Introducing James Jagger for AW16 Men’s<br>
                            <a href="#" title="View More">View More</a>
                        </li>
                    </ul>
                </div>

                <div class="bottom-content">
                    <div class="bottom-title">
                        <h3>KEEP IN TOUCH…</h3>
                    </div>

                    <div class="bottom-newsletter">
                        <p>Get style updates straight to your inbox. Simply enter your details below to keep up-to-date with the latest news on collections and exclusive events.</p>
                        {{block class="Magento\Newsletter\Block\Subscribe" template="subscribe-home.phtml"}}
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>