<div class="row">
<div class="col-lg-9 image-slideshow">
<div class="image-slider-home">
<div class="sm-imageslider">
<div class="sm-imageslider-inner">
<div class="sm-imageslider-content owl-carousel owl-theme">
<div class="item"><a title="title" href="#"><img src="{{media url="wysiwyg/imageslider/id4-slide-1.jpg"}}" alt="Slider Image" /></a></div>
<div class="item"><a title="title" href="#"><img src="{{media url="wysiwyg/imageslider/id4-slide-2.jpg"}}" alt="Slider Image" /></a></div>
<div class="item"><a title="title" href="#"><img src="{{media url="wysiwyg/imageslider/id4-slide-3.jpg"}}" alt="Slider Image" /></a></div>
</div>
</div>
</div>
	<script type="text/javascript">
		require([
			'jquery',
			'owlcarousel'
		], function ($) {
			$(".sm-imageslider-content").owlCarousel({
				items:1,
				autoplay:true,
				loop:true,
				nav : true, 
				dots: false,
				autoplaySpeed : 500,
				navSpeed : 500,
				dotsSpeed : 500,
				autoplayHoverPause: true,
				margin:1,
			});	  
		});	
										
					
	</script>
</div>
</div>
<div class="col-lg-3 slider-deal">{{block class="Sm\FilterProducts\Block\FilterProducts" template="Sm_FilterProducts::default-deal-index4.phtml" title_module="" display_countdown="1" product_source="special_products" select_category="97" product_limitation="1"}}</div>
</div>

<div class="services-home">
<div class="banner-policy">
<div class="inner">
<div class="policy"><a title="90 days money back" href="#"><em class="fa fa-truck"></em><span>FREE SHIPPING<br />ON ALL ORDER</span></a></div>
<div class="policy"><a title="free shipping on all orders" href="#"><em class="fa fa-recycle"></em><span>Money Back<br />Guarantee</span></a></div>
<div class="policy"><a title="lowest price guarantee" href="#"><em class="fa fa-umbrella"></em><span>SAFE SHOPPING<br />GUARANTEE</span></a></div>
<div class="policy"><a title="Online Support 24h on day" href="#"><em class="fa fa-medkit"></em><span>Online Support<br />24h on day</span></a></div>
</div>
</div>
</div>