<div class="services-index">
<ul>
<li><em class="fa fa-truck"></em><span>Free Shipping on orders over $99</span></li>
<li class="center-item"><em class="fa fa-usd"></em><span>30 days money back guarantee</span></li>
<li><em class="fa fa-life-ring"></em><span>online support 24/24 on day</span></li>
</ul>
</div>
<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-id18.jpg"}}" alt="Slider Image" /></a></div>
<div class="item"><a title="title" href="#"><img src="{{media url="wysiwyg/imageslider/slider-2-id18.jpg"}}" alt="Slider Image" /></a></div>
<div class="item"><a title="title" href="#"><img src="{{media url="wysiwyg/imageslider/slider-3-id18.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="hot-categories lazyload-container">
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="item-cat"><img class="mark-lazy"  src="{{media url="wysiwyg/banner/hot-cat-1.jpg"}}" alt="Category" />
<div class="button-cat"><a title="Clothings" href="#">Clothings</a></div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="item-cat"><img class="mark-lazy"  src="{{media url="wysiwyg/banner/hot-cat-2.jpg"}}" alt="Category" />
<div class="button-cat"><a title="Sunglasses" href="#">Sunglasses</a></div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="item-cat"><img class="mark-lazy"  src="{{media url="wysiwyg/banner/hot-cat-3.jpg"}}" alt="Category" />
<div class="button-cat"><a title="Bags &amp; Backpacks" href="#">Bags &amp; Backpacks</a></div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="item-cat"><img class="mark-lazy"  src="{{media url="wysiwyg/banner/hot-cat-4.jpg"}}" alt="Category" />
<div class="button-cat"><a title="Leather Shoes" href="#">Leather Shoes</a></div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="item-cat"><img class="mark-lazy"  src="{{media url="wysiwyg/banner/hot-cat-5.jpg"}}" alt="Category" />
<div class="button-cat"><a title="Watches" href="#">Watches</a></div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="item-cat"><img class="mark-lazy"  src="{{media url="wysiwyg/banner/hot-cat-6.jpg"}}" alt="Category" />
<div class="button-cat"><a title="Accessories" href="#">Accessories</a></div>
</div>
</div>
</div>
</div>