<div class="slideshow-index">
<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/slide-1-index6.jpg"}}" alt="Slider Image" /></a></div>
<div class="item"><a title="title" href="#"><img src="{{media url="wysiwyg/imageslider/slide-2-index6.jpg"}}" alt="Slider Image" /></a></div>
<div class="item"><a title="title" href="#"><img src="{{media url="wysiwyg/imageslider/slide-3-index6.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="row">
<div class="col-lg-3 collection-index">
<div class="collection-sidebar lazyload-container">
<div class="title-home-page"><span>Collection</span></div>
<div class="collection-content">
<ul class="collection-list">
<li><a title="Furniture" href="#"> <span class="icon-collection"> <img class="mark-lazy" src="{{media url="wysiwyg/collection/icon-1.png"}}" alt="Collection" /> </span> <span class="name-collection">Furniture</span> </a></li>
<li><a title="Gift Idea" href="#"> <span class="icon-collection"> <img class="mark-lazy" src="{{media url="wysiwyg/collection/icon-2.png"}}" alt="Gift Idea" /> </span> <span class="name-collection">Gift Idea</span> </a></li>
<li><a title="Cool Gadgets" href="#"> <span class="icon-collection"> <img class="mark-lazy" src="{{media url="wysiwyg/collection/icon-3.png"}}" alt="Cool Gadgets" /> </span> <span class="name-collection">Cool Gadgets</span> </a></li>
<li><a title="Outdoor Activities" href="#"> <span class="icon-collection"> <img class="mark-lazy" src="{{media url="wysiwyg/collection/icon-4.png"}}" alt="Outdoor Activities" /> </span> <span class="name-collection">Outdoor Activities</span> </a></li>
<li><a title="Smartphones" href="#"> <span class="icon-collection"> <img class="mark-lazy" src="{{media url="wysiwyg/collection/icon-5.png"}}" alt="Smartphones" /> </span> <span class="name-collection">Smartphones</span> </a></li>
<li><a title="Womens World" href="#"> <span class="icon-collection"> <img class="mark-lazy" src="{{media url="wysiwyg/collection/icon-6.png"}}" alt="Womens World" /> </span> <span class="name-collection">Womens World</span> </a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-9 slider-deal-index">
<div class="slider-deal-type2">{{block class="Sm\FilterProducts\Block\FilterProducts" template="Sm_FilterProducts::default-grid-column.phtml" title_module="" display_countdown="1" product_source="special_products" select_category="97" product_limitation="2"}}</div>
<script type="text/javascript">
	require([
		'jquery',
		'owlcarousel'
	], function ($) {
		$(".slider-deal-type2 .block-content-products").owlCarousel({
			items: 1,
			autoplay:false,
			nav : true, 
			dots: false,
			autoplaySpeed : 500,
			navSpeed : 500,
			dotsSpeed : 500,
			autoplayHoverPause: true,
			margin:20,
		});	  
	});		
	
			
</script>
</div>
</div>
<div class="banner-v61 lazyload-container">
<div class="left-banner static-image"><a title="Banner" href="#"> <img class="mark-lazy" src="{{media url="wysiwyg/banner/banner61.jpg"}}" alt="Banner" /> </a></div>
<div class="right-banner static-image"><a title="Banner" href="#"> <img class="mark-lazy" src="{{media url="wysiwyg/banner/banner62.jpg"}}" alt="Banner" /> </a> <a title="Banner" href="#"> <img class="mark-lazy" src="{{media url="wysiwyg/banner/banner63.jpg"}}" alt="Banner" /> </a></div>
</div>