<div class="home-page-18">
    <div class="container">
        <div class="services-bg">
            <ul>
                <li><a href="#">Free Shipping on orders over $99</a></li>
                <li><a href="#">30 days money back guarantee</a></li>
                <li><a href="#">Online support 24/24 on day</a></li>
            </ul>
        </div>

        <div class="slidershow" style="margin-bottom: 30px;">
            <div class="slidershow-type-4 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-18/item-1.jpg"}}" alt="Slider 1" width="1860" height="800" />
                            </a>
                        </div>

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

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

        <div class="full-big-cats hidden-title-block" style="margin-bottom: 30px;">
            {{block class="Sm\Categories\Block\Categories" template="Sm_Categories::default-grid.phtml" select_category="162,165,164,163,137,166" title_module="HOT CATEGORIES" limitation="0"}}
        </div>

        <div class="block-title-shadow hidden-title-block" style="margin-bottom: 20px;">
            <div class="title-shadow" data-shadow="NEW ARRIVALS">
                <strong>NEW ARRIVALS</strong>
            </div>

            <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="5" data-screen1920="5" 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="177" product_limitation="7" display_countdown="0"}}
            </div>
        </div>
    </div>

    <div style="background-color: #f5f5f5; padding: 70px 0; margin-bottom: 60px;">
        <div class="container">
            <div class="testimonial-top">
                <div data-owl="owl-slider" data-autoplay="true" data-nav="false" data-dots="true" 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">
                            <div class="tst-image">
                                <img src="{{media url="wysiwyg/clients/item-4.jpg"}}" alt="Client" width="100" height="100" />
                            </div>

                            <div class="tst-info">
                                <div class="tst-name">Adam Lamber</div>
                                <div class="tst-job">Marketing - Themeforest</div>
                            </div>

                            <div class="tst-text">
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor<br> incididunt ut laboreet dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco<br> laboris nisi ut aliquip ex ea commodo consequat.
                            </div>
                        </div>

                        <div class="item">
                            <div class="tst-image">
                                <img src="{{media url="wysiwyg/clients/item-5.jpg"}}" alt="Client" width="100" height="100" />
                            </div>

                            <div class="tst-info">
                                <div class="tst-name">Adam Lamber</div>
                                <div class="tst-job">Marketing - Themeforest</div>
                            </div>

                            <div class="tst-text">
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor<br> incididunt ut laboreet dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco<br> laboris nisi ut aliquip ex ea commodo consequat.
                            </div>
                        </div>

                        <div class="item">
                            <div class="tst-image">
                                <img src="{{media url="wysiwyg/clients/item-6.jpg"}}" alt="Client" width="100" height="100" />
                            </div>

                            <div class="tst-info">
                                <div class="tst-name">Adam Lamber</div>
                                <div class="tst-job">Marketing - Themeforest</div>
                            </div>

                            <div class="tst-text">
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor<br> incididunt ut laboreet dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco<br> laboris nisi ut aliquip ex ea commodo consequat.
                            </div>
                        </div>

                        <div class="item">
                            <div class="tst-image">
                                <img src="{{media url="wysiwyg/clients/item-4.jpg"}}" alt="Client" width="100" height="100" />
                            </div>

                            <div class="tst-info">
                                <div class="tst-name">Adam Lamber</div>
                                <div class="tst-job">Marketing - Themeforest</div>
                            </div>

                            <div class="tst-text">
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor<br> incididunt ut laboreet dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco<br> laboris nisi ut aliquip ex ea commodo consequat.
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div class="container">
        <div class="block-title-shadow hidden-title-block" style="margin-bottom: 20px;">
            <div class="title-shadow" data-shadow="FEATURED PRODUCTS">
                <strong>FEATURED PRODUCTS</strong>
            </div>

            <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="5" data-screen1920="5" 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="FEATURED PRODUCTS" product_source="featured_products" select_category="177" product_limitation="7" display_countdown="0"}}
            </div>
        </div>
    </div>

    <div class="brand-newsletter">
        <div style="max-width: 1170px; margin: 0 auto; padding: 0 15px;">
            <div class="f-brand-grid" style="margin-bottom: 20px;">
                <ul>
                    <li><a href="#"><img src="{{media url="wysiwyg/brand/item-21.jpg"}}" alt="Client" width="170" height="170" /></a></li>
                    <li><a href="#"><img src="{{media url="wysiwyg/brand/item-22.jpg"}}" alt="Client" width="170" height="170" /></a></li>
                    <li><a href="#"><img src="{{media url="wysiwyg/brand/item-23.jpg"}}" alt="Client" width="170" height="170" /></a></li>
                    <li><a href="#"><img src="{{media url="wysiwyg/brand/item-24.jpg"}}" alt="Client" width="170" height="170" /></a></li>
                    <li><a href="#"><img src="{{media url="wysiwyg/brand/item-25.jpg"}}" alt="Client" width="170" height="170" /></a></li>
                    <li><a href="#"><img src="{{media url="wysiwyg/brand/item-26.jpg"}}" alt="Client" width="170" height="170" /></a></li>
                </ul>
            </div>

            <div class="block-title-shadow home-newsletter">
                <div class="title-shadow" data-shadow="NEWSLETTERS">
                    <strong>NEWSLETTERS</strong>
                </div>

                <div class="subcribe-index">
                    {{block class="Magento\Newsletter\Block\Subscribe" template="subscribe-home.phtml"}}
                </div>
            </div>
        </div>
    </div>
</div>