<div class="row">
<div class="offset-xl-3 col-xl-9 right-content-index">
<div class="slideshow-banner">
<div class="slidershow-content">
<div class="sm-imageslider">
<div class="sm-imageslider-inner">
<div class="sm-imageslider-content owl-carousel owl-theme">
<div class="item"><a title="Slider Image" href="#"><img src="{{media url="wysiwyg/imageslider/slider-1-index8.jpg"}}" alt="Slider Image" /></a></div>
<div class="item"><a title="Slider Image" href="#"><img src="{{media url="wysiwyg/imageslider/slider-2-index8.jpg"}}" alt="Slider Image" /></a></div>
<div class="item"><a title="Slider Image" href="#"><img src="{{media url="wysiwyg/imageslider/slider-3-index8.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 class="banner-right-index">
<div class="banner-v81 static-image"><a title="Banner" href="#"> <img src="{{media url="wysiwyg/banner/banner86.jpg"}}" alt="Banner" /></a></div>
<div class="banner-v81 static-image"><a title="Banner" href="#"> <img src="{{media url="wysiwyg/banner/banner87.jpg"}}" alt="Banner" /></a></div>
</div>
<div class="product-featured">{{block class="Sm\FilterProducts\Block\FilterProducts" template="Sm_FilterProducts::default-list-index8.phtml" title_module="" display_countdown="0" product_source="featured_products" select_category="97,98,102" product_limitation="6"}}
<script type="text/javascript">
				require([
					'jquery',
					'owlcarousel',
					'domReady!'
				], function ($) {
					var product_slider = $(".list-slider");
					product_slider.owlCarousel({				
						nav: true,
						dots:false,
						margin: 10,
						
						responsive: {
							0: {
								items:1
							},
							480: {
								items:2
							},
							768: {
								items:2
							},
							991: {
								items:3
							},						
							1200: {
								items:3
							}
						}
					});	  
				});
			
			
</script>
</div>
</div>
</div>
</div>