<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/image-banner-1.jpg"}}" alt="Slider Image" /></a></div>
<div class="item"><a title="title" href="#"><img src="{{media url="wysiwyg/imageslider/image-banner-2.jpg"}}" alt="Slider Image" /></a></div>
<div class="item"><a title="title" href="#"><img src="{{media url="wysiwyg/imageslider/image-banner-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 class="static-image-1">
<ul class="static-image">
<li><a title="Static Image" href="#"> <img src="{{media url="wysiwyg/banner/banner1-1.jpg"}}" alt="Static Image" /> </a></li>
<li><a title="Static Image" href="#"> <img src="{{media url="wysiwyg/banner/banner1-2.jpg"}}" alt="Static Image" /> </a></li>
<li><a title="Static Image" href="#"> <img src="{{media url="wysiwyg/banner/banner1-3.jpg"}}" alt="Static Image" /> </a></li>
</ul>
</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>الشحن مجانا<br />أون آل أوردر</span></a></div>
<div class="policy"><a title="free shipping on all orders" href="#"><em class="fa fa-recycle"></em><span>إرجاع النقود<br />ضمان</span></a></div>
<div class="policy"><a title="lowest price guarantee" href="#"><em class="fa fa-umbrella"></em><span>التسوق الآمن<br />ضمان</span></a></div>
</div>
</div>
</div>