<div class="home-collection">
<div class="collections-wrap">
<ul class="collections-id13">
<li class="collect collect1"><a href="#">Furniture</a></li>
<li class="collect collect2"><a href="#">Gift idea</a></li>
<li class="collect collect3"><a href="#">Cool gadgets</a></li>
<li class="collect collect4"><a href="#">Ourdoor<br /><span>activities</span></a></li>
<li class="collect collect5"><a href="#">Accessories for<br /><span>smartphone</span></a></li>
<li class="collect collect6"><a href="#">Women world</a></li>
</ul>
</div>
</div>
<div class="basic-product-slider products-grid slider-3">
<div class="content-slider">
<div class="title-home">
<h2>Smartphones &amp; Tablets</h2>
<p class="bs-pretext">Instant Discounts on Instant Purchases</p>
</div>
{{block class="Sm\FilterProducts\Block\FilterProducts" template="Sm_FilterProducts::default-slider-id13.phtml" title_module="" display_countdown="0" product_source="other_products" product_order_by="created_at" select_category="98" product_limitation="5"}}
<script type="text/javascript">
	require([
		'jquery',
		'owlcarousel'
	], function ($) {
		var post_slider = $(".slider-3 .block-content-slider");
		post_slider.owlCarousel({				
			nav: true,
			dots:false,
			margin: 5,
			stagePadding: 5,
			
			responsive: {
				0: {
					items:1
				},
				480: {
					items:2
				},
				768: {
					items:3
				},
				991: {
					items:4
				},						
				1200: {
					items:4
				}
			}
		});	  
	});
</script>
</div>
</div>
<div class="home-brands">
<div class="list-brands lazyload-container">
<ul class="row">
<li class="col-lg-2 col-md-4 col-sm-4 col-6"><a title="Brand" href="#"><img class="mark-lazy" src="{{media url="wysiwyg/brand/brand-1.jpg"}}" alt="Brand" /></a></li>
<li class="col-lg-2 col-md-4 col-sm-4 col-6"><a title="Brand" href="#"><img class="mark-lazy" src="{{media url="wysiwyg/brand/brand-2.jpg"}}" alt="Brand" /></a></li>
<li class="col-lg-2 col-md-4 col-sm-4 col-6"><a title="Brand" href="#"><img class="mark-lazy" src="{{media url="wysiwyg/brand/brand-3.jpg"}}" alt="Brand" /></a></li>
<li class="col-lg-2 col-md-4 col-sm-4 col-6"><a title="Brand" href="#"><img class="mark-lazy" src="{{media url="wysiwyg/brand/brand-4.jpg"}}" alt="Brand" /></a></li>
<li class="col-lg-2 col-md-4 col-sm-4 col-6"><a title="Brand" href="#"><img class="mark-lazy" src="{{media url="wysiwyg/brand/brand-5.jpg"}}" alt="Brand" /></a></li>
<li class="col-lg-2 col-md-4 col-sm-4 col-6"><a title="Brand" href="#"><img class="mark-lazy" src="{{media url="wysiwyg/brand/brand-3.jpg"}}" alt="Brand" /></a></li>
</ul>
</div>
</div>