{{block class="Magento\Framework\View\Element\Template" template="Magento_Theme::html/custom-nav.phtml"}}

<div class="block clients-say lazyload-container">

<div class="title-home">
<h2>
<span>Clients say</span>
</h2>
</div>

<div class="block-content block-content-clients-say">
<div class="clients-say-slider">
<div class="item">
<div class="client-description">Aliquam ut tellus dignissim, cursus erat ultricies tellus. Nulla tempus sollicitudin mauris cursus dictum. Etiam id diam diam.</div>
<div class="client-info"><img class="mark-lazy"  src="{{media url="wysiwyg/clientsay/client-img1.jpg"}}" alt="Static Image" />
<div class="info-detail">
<h3>Aliquam Tellus</h3>
<p>Vitae Ornare Mauris</p>
</div>
</div>
</div>
<div class="item">
<div class="client-description">Aliquam ut tellus dignissim, cursus erat ultricies tellus. Nulla tempus sollicitudin mauris cursus dictum. Etiam id diam diam.</div>
<div class="client-info"><img class="mark-lazy"  src="{{media url="wysiwyg/clientsay/client-img2.jpg"}}" alt="Static Image" />
<div class="info-detail">
<h3>Aliquam Tellus</h3>
<p>Vitae Ornare Mauris</p>
</div>
</div>
</div>
<div class="item">
<div class="client-description">Aliquam ut tellus dignissim, cursus erat ultricies tellus. Nulla tempus sollicitudin mauris cursus dictum. Etiam id diam diam.</div>
<div class="client-info"><img class="mark-lazy"  src="{{media url="wysiwyg/clientsay/client-img1.jpg"}}" alt="Static Image" />
<div class="info-detail">
<h3>Aliquam Tellus</h3>
<p>Vitae Ornare Mauris</p>
</div>
</div>
</div>
</div>
<script type="text/javascript">
	require([
		'jquery',
		'owlcarousel'
	], function ($) {
		var owl_clientsay = $(".clients-say-slider");
		owl_clientsay.owlCarousel({
			
			responsive:{
				0:{
					items:1
				},
				480:{
					items:1
				},
				768:{
					items:1
				},
				992:{
					items:1
				},
				1200:{
					items:1
				}
			},

			autoplay:false,
			loop:true,
			nav : true,
			dots: false,
			autoplaySpeed : 500,
			navSpeed : 500,
			dotsSpeed : 500,
			autoplayHoverPause: true,
			margin:20,

		});	  
	});
			
</script>
</div>
</div>

<div class="collection-sidebar lazyload-container">
<div class="title-home">
<h2><span>Collection</span></h2>
</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 class="fb-fanbox">
<div class="fb-page" data-href="https://www.facebook.com/MagenTech" data-tabs="timeline" data-width="270" data-height="214" data-small-header="false" data-adapt-container-width="false" data-hide-cover="false" data-show-facepile="true">
<div class="fb-xfbml-parse-ignore">
<blockquote cite="https://www.facebook.com/MagenTech"><a href="https://www.facebook.com/MagenTech">MagenTech</a></blockquote>
</div>
</div>
<div id="fb-root"></div>
<script type="text/javascript">
	(function(d, s, id) {
	  var js, fjs = d.getElementsByTagName(s)[0];
	  if (d.getElementById(id)) return;
	  js = d.createElement(s); js.id = id;
	  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.6&appId=615561541809250";
	  fjs.parentNode.insertBefore(js, fjs);
	}(document, 'script', 'facebook-jssdk'));
				
</script>
</div>
{{block class="Magento\Newsletter\Block\Subscribe" template="subscribe-home.phtml"}}