<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/slider-1-index9.jpg"}}" alt="Slider Image" /></a></div>
<div class="item"><a title="title" href="#"><img src="{{media url="wysiwyg/imageslider/slider-2-index9.jpg"}}" alt="Slider Image" /></a></div>
<div class="item"><a title="title" href="#"><img src="{{media url="wysiwyg/imageslider/slider-3-index9.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 class="banner1-id9 static-image">
<ul>
<li><a title="Static Image" href="#"><img src="{{media url="wysiwyg/banner/image-1-index9.jpg"}}" alt="Static Image" /></a></li>
<li><a title="Static Image" href="#"><img src="{{media url="wysiwyg/banner/image-2-index9.jpg"}}" alt="Static Image" /></a></li>
<li><a title="Static Image" href="#"><img src="{{media url="wysiwyg/banner/image-3-index9.jpg"}}" alt="Static Image" /></a></li>
</ul>
</div>