<div class="client-says">
		<div class="container">
			<div class="title-home">
				<h2>What Our Clients Say?</h2>
			</div>
			
			<div class="slider-clientsays">
				<div class="group-clients">
					<div class="slider slider-nav">
						<div class="slider-for__item item-nav">
							<div class="client-image">
								<div class="image-content"><img src="{{media url="wysiwyg/clients/client-1.jpg"}}" alt="Client" /></div>
							</div>
						</div>
						
						<div class="slider-for__item item-nav">
							<div class="client-image">
								<div class="image-content"><img src="{{media url="wysiwyg/clients/client-2.jpg"}}" alt="Client" /></div>
							</div>
						</div>
						
						<div class="slider-for__item item-nav">
							<div class="client-image">
								<div class="image-content"><img src="{{media url="wysiwyg/clients/client-3.jpg"}}" alt="Client" /></div>
							</div>
						</div>
						
						<div class="slider-for__item item-nav">
							<div class="client-image">
								<div class="image-content"><img src="{{media url="wysiwyg/clients/client-1.jpg"}}" alt="Client" /></div>
							</div>
						</div>
						
						<div class="slider-for__item item-nav">
							<div class="client-image">
								<div class="image-content"><img src="{{media url="wysiwyg/clients/client-2.jpg"}}" alt="Client" /></div>
							</div>
						</div>
						
						<div class="slider-for__item item-nav">
							<div class="client-image">
								<div class="image-content"><img src="{{media url="wysiwyg/clients/client-3.jpg"}}" alt="Client" /></div>
							</div>
						</div>
					</div>
				</div>
				
				<div class="slider slider-for">
					<div class="slider-for__item">
						<div class="client-comment">
							<div class="comment-text">
								Lorem khaled ipsum is a major key to success. It’s on you how you want to live your life. Everyone has a choice. I<br>pick my choice, squeaky clean. Always remember in the jungle there’s a lot of they in there, after you overcome<br>they, you will make it to paradise. Wraith talk.
							</div>
							
							<div class="client-name">Michael Jordan</div>
							<div class="client-job">UX / UI Designer</div>
						</div>
					</div>
					
					<div class="slider-for__item">
						<div class="client-comment">
							<div class="comment-text">
								It’s on you how you want to live your life. Lorem khaled ipsum is a major key to success. Everyone has a choice. I<br>pick my choice, squeaky clean. Always remember in the jungle there’s a lot of they in there, after you overcome<br>they, you will make it to paradise. Wraith talk.
							</div>
							
							<div class="client-name">David Jordan</div>
							<div class="client-job">UX / UI Designer</div>
						</div>
					</div>
					
					<div class="slider-for__item">
						<div class="client-comment">
							<div class="comment-text">
								Lorem khaled ipsum is a major key to success. It’s on you how you want to live your life. Everyone has a choice. I<br>pick my choice, squeaky clean. Always remember in the jungle there’s a lot of they in there, after you overcome<br>they, you will make it to paradise. Wraith talk.
							</div>
							
							<div class="client-name">Michael David</div>
							<div class="client-job">UX / UI Designer</div>
						</div>
					</div>
					
					<div class="slider-for__item">
						<div class="client-comment">
							<div class="comment-text">
								It’s on you how you want to live your life. Lorem khaled ipsum is a major key to success. Everyone has a choice. I<br>pick my choice, squeaky clean. Always remember in the jungle there’s a lot of they in there, after you overcome<br>they, you will make it to paradise. Wraith talk.
							</div>
							
							<div class="client-name">Adam Jordan</div>
							<div class="client-job">UX / UI Designer</div>
						</div>
					</div>
					
					<div class="slider-for__item">
						<div class="client-comment">
							<div class="comment-text">
								Lorem khaled ipsum is a major key to success. It’s on you how you want to live your life. Everyone has a choice. I<br>pick my choice, squeaky clean. Always remember in the jungle there’s a lot of they in there, after you overcome<br>they, you will make it to paradise. Wraith talk.
							</div>
							
							<div class="client-name">Michael Adam</div>
							<div class="client-job">UX / UI Designer</div>
						</div>
					</div>
					
					<div class="slider-for__item">
						<div class="client-comment">
							<div class="comment-text">
								It’s on you how you want to live your life. Lorem khaled ipsum is a major key to success. Everyone has a choice. I<br>pick my choice, squeaky clean. Always remember in the jungle there’s a lot of they in there, after you overcome<br>they, you will make it to paradise. Wraith talk.
							</div>
							
							<div class="client-name">Michael Jordan</div>
							<div class="client-job">UX / UI Designer</div>
						</div>
					</div>
				</div>
			</div>
			
			<script type="text/javascript">
				require([
					'jquery',
					'slickslider'
				], function ($, slick) {
					$('.slider-for').slick({
						slidesToShow: 1,
						slidesToScroll: 1,
						arrows: true,
						prevArrow: '<div class="slick-prev" aria-label="Previous" type="button">&#8592; Prev</div>',
						nextArrow: '<div class="slick-next" aria-label="Next" type="button">Next &#8594;</div>',
						fade: true,
						asNavFor: '.slider-nav'
					});
					
					$('.slider-nav').slick({
						slidesToShow: 3,
						slidesToScroll: 1,
						asNavFor: '.slider-for',
						dots: false,
						arrows: false,
						centerMode: true,
						variableWidth: true,
						focusOnSelect: true,
						swipe: false,
					});
				});				
			</script>
		</div>
	</div>
	
	<div class="container">
		<div class="group-image-gallery">
			<div class="title-home">
				<h2>Image Gallery</h2>
			</div>
			
			<div class="gallery-content">
				<div class="row">
					<div class="col-lg-8 col-md-8 col-sm-8">
						<div class="image-content">
							<a class="img-galerry" rel="gallery1" href="{{media url="wysiwyg/gallery/item-1.jpg"}}"><img src="{{media url="wysiwyg/gallery/item-1.jpg"}}" alt="Gallery" /></a>
						</div>
						
						<div class="row">
							<div class="col-lg-6 col-md-6 col-sm-6">
								<div class="image-content">
									<a class="img-galerry" rel="gallery1" href="{{media url="wysiwyg/gallery/item-2.jpg"}}"><img src="{{media url="wysiwyg/gallery/item-2.jpg"}}" alt="Gallery" /></a>
								</div>
							</div>
							
							<div class="col-lg-6 col-md-6 col-sm-6">
								<div class="image-content">
									<a class="img-galerry" rel="gallery1" href="{{media url="wysiwyg/gallery/item-3.jpg"}}"><img src="{{media url="wysiwyg/gallery/item-3.jpg"}}" alt="Gallery" /></a>
								</div>
							</div>
						</div>
					</div>
					
					<div class="col-lg-4 col-md-4 col-sm-4">
						<div class="image-content">
							<a class="img-galerry" rel="gallery1" href="{{media url="wysiwyg/gallery/item-4.jpg"}}"><img src="{{media url="wysiwyg/gallery/item-4.jpg"}}" alt="Gallery" /></a>
						</div>
					</div>
				</div>
				
				<script type="text/javascript">
					require([
						'jquery',
						'jqueryfancyboxpack',
					], function ($) {
						$(document).ready(function() {
							$(".img-galerry").fancybox({
								openEffect	: 'elastic',
								closeEffect	: 'elastic',
							});
						});
					});				
				</script>
			</div>
		</div>
	</div>
	
	<div class="map-homepage">
		<div class="google-map">
			<iframe style="border: 0;" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3151.8402891185415!2d144.95373631585633!3d-37.817209742014676!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6ad65d4c2b349649%3A0xb6899234e561db11!2sEnvato!5e0!3m2!1svi!2s!4v1527494727294" width="100%" height="460" frameborder="0" allowfullscreen=""></iframe>
			
			<div class="store-googlemap">
				<div class="title-home">
					<h2>Contact us</h2>
				</div>
				
				<div class="store-content">
					<p>Lorem Khaled Ipsum is a major key to success. Eliptical talk. The key to<br>more success is to get a massage once a week.</p>
					
					<ul class="info-store">
						<li class="address">123 Trafalgar Square, London WC2N 5DN, United Kingdom</li>
						<li class="email">MagenTech@domain.com - Sale@domain.com</li>
						<li class="phone">(+123 ) 4 567 890 - (+123 ) 5 213 666</li>
					</ul>
					
					{{block class="Magento\Framework\View\Element\Template" template="Magento_Theme::html/social.phtml"}}
				</div>
			</div>
		</div>
	</div>
	
	<div class="container">
		<div class="brand-content">
			<div class="row">
				<div class="col-lg-2 col-md-2 col-sm-2 col-xs-4">
					<a href="#"><img src="{{media url="wysiwyg/brand/item-1.jpg"}}" alt="Brand" /></a>
				</div>
				
				<div class="col-lg-2 col-md-2 col-sm-2 col-xs-4">
					<a href="#"><img src="{{media url="wysiwyg/brand/item-2.jpg"}}" alt="Brand" /></a>
				</div>
				
				<div class="col-lg-2 col-md-2 col-sm-2 col-xs-4">
					<a href="#"><img src="{{media url="wysiwyg/brand/item-3.jpg"}}" alt="Brand" /></a>
				</div>
				
				<div class="col-lg-2 col-md-2 col-sm-2 col-xs-4">
					<a href="#"><img src="{{media url="wysiwyg/brand/item-4.jpg"}}" alt="Brand" /></a>
				</div>
				
				<div class="col-lg-2 col-md-2 col-sm-2 col-xs-4">
					<a href="#"><img src="{{media url="wysiwyg/brand/item-5.jpg"}}" alt="Brand" /></a>
				</div>
				
				<div class="col-lg-2 col-md-2 col-sm-2 col-xs-4">
					<a href="#"><img src="{{media url="wysiwyg/brand/item-6.jpg"}}" alt="Brand" /></a>
				</div>
			</div>
		</div>
	</div>