<div class="row">
<div class="col-lg-9 col-md-12 deal-container">
<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 class="col-lg-3 col-md-12 collection-container">
<div class="clients-say-container lazyload-container">
<div class="title-home">
<h2><span>Clients Say</span></h2>
</div>
<div class="clientsay-wrap">
<div class="clients-say-content">
<div class="owl-carousel clients-say-slider">
	<div class="item">
		<div class="client-des">
			We love the approachable format and the facWe love the approachable format and the fact that they chose to feature customers that users can really relate to.
		</div>
		
		<div class="client-info">
			<div class="client-image">
				<img class="mark-lazy"  src="{{media url="wysiwyg/clients/client-1-v5.jpg"}}" alt="Client" />
			</div>
			
			<p class="client-name">Michael Jackson</p>
			<p class="client-job">Hokkaido, Japan</p>
		</div>
	</div>
	
	<div class="item">
		<div class="client-des">
			We love the approachable format and the facWe love the approachable format and the fact that they chose to feature customers that users can really relate to.
		</div>
		
		<div class="client-info">
			<div class="client-image">
				<img class="mark-lazy"  src="{{media url="wysiwyg/clients/client-1-v5.jpg"}}" alt="Client" />
			</div>
			
			<p class="client-name">Michael Jackson</p>
			<p class="client-job">Hokkaido, Japan</p>
		</div>
	</div>
	
	<div class="item">
		<div class="client-des">
			We love the approachable format and the facWe love the approachable format and the fact that they chose to feature customers that users can really relate to.
		</div>
		
		<div class="client-info">
			<div class="client-image">
				<img class="mark-lazy"  src="{{media url="wysiwyg/clients/client-1-v5.jpg"}}" alt="Client" />
			</div>
			
			<p class="client-name">Michael Jackson</p>
			<p class="client-job">Hokkaido, Japan</p>
		</div>
	</div>
</div>
<script type="text/javascript">
	require([
		'jquery',
		'owlcarousel'
	], function ($) {
		var clients_slider = $(".clients-say-slider");
		clients_slider.owlCarousel({
			nav: false,
			dots:true,
			margin: 30,
			
			responsive: {
				0: {
					items:1
				},
				480: {
					items:1
				},
				768: {
					items:1
				},
				991: {
					items:1
				},						
				1200: {
					items:1
				}
			}
		});	  
	});	
</script>
</div>
</div>
</div>
</div>



</div>
<div class="latest-post-wrapper">{{widget type="Magefan\Blog\Block\Widget\Recent" title="Latest Blog" number_of_posts="5" custom_template="Magefan_Blog::widget/recent-id6.phtml"}}</div>
<div class="brand-wrapper">
<div class="slider-brand-container">
<div class="title-home-page">Featured Brands</div>
<div class="slider-content">
<div class="owl-carousel slider-brand">
<div class="item"><a title="Brand" href="#"><img class="mark-lazy"  src="{{media url="wysiwyg/brand-v6/brand-1.jpg"}}" alt="Brand" /></a></div>
<div class="item"><a title="Brand" href="#"><img class="mark-lazy"  src="{{media url="wysiwyg/brand-v6/brand-2.jpg"}}" alt="Brand" /></a></div>
<div class="item"><a title="Brand" href="#"><img class="mark-lazy"  src="{{media url="wysiwyg/brand-v6/brand-3.jpg"}}" alt="Brand" /></a></div>
<div class="item"><a title="Brand" href="#"><img class="mark-lazy"  src="{{media url="wysiwyg/brand-v6/brand-3.jpg"}}" alt="Brand" /></a></div>
<div class="item"><a title="Brand" href="#"><img class="mark-lazy"  src="{{media url="wysiwyg/brand-v6/brand-5.jpg"}}" alt="Brand" /></a></div>
<div class="item"><a title="Brand" href="#"><img class="mark-lazy"  src="{{media url="wysiwyg/brand-v6/brand-1.jpg"}}" alt="Brand" /></a></div>
<div class="item"><a title="Brand" href="#"><img class="mark-lazy"  src="{{media url="wysiwyg/brand-v6/brand-2.jpg"}}" alt="Brand" /></a></div>
<div class="item"><a title="Brand" href="#"><img class="mark-lazy"  src="{{media url="wysiwyg/brand-v6/brand-3.jpg"}}" alt="Brand" /></a></div>
</div>
</div>
<script type="text/javascript">
	require([
		'jquery',
		'owlcarousel'
	], function ($) {
		var brands_slider = $(".slider-brand");
		brands_slider.owlCarousel({
					nav: true,
					dots:false,
					margin: 30,
					
					responsive: {
						0: {
							items:2
						},
						480: {
							items:3
						},
						768: {
							items:4
						},
						991: {
							items:5
						},						
						1200: {
							items:6
						}
					}
		});	  
	});	
			
</script>
</div>
</div>