@include('templates.header')


    <!-- Hero -->
    <header class="hero"><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	    <div class="slider slider-horizontal">
		    <div class="slider__caption swiper-container">
                <div class="swiper-wrapper">
			        <!-- Caption 1 -->
			        <div class="swiper-slide">
					    <div class="slider__item">
						  <!--  <h6 class="title title--overhead"><span class="down-up"><span>Web-Site / Mobile App</span></span></h6> -->
			                <h1 class="title title--display-1 js-text-wave">DESIGN</h1>
				            <p class="description"><span class="down-up"><span>FSHDesign is a full service global agency dedicated to empowering businesses to succeed through rethinking, reframing, and revitalizing the full potential of great brands.</span></span></p>
                          <a class="btn-link btn-link--circle-right" href="{{route('projects')}}"><span class="down-up"><span>PORTFOLIO<i class="circle circle--right icon-right-open"></i></span></span></a>
                         <br/><a class="btn-link btn-link--circle-right" href="{{route('about-us')}}"><span class="down-up"><span>ABOUT US&nbsp;&nbsp;<i class="circle circle--right icon-right-open"></i></span></span></a>
						</div>
					</div>
			        <!-- /Caption 1 -->
					
			        <!-- Caption 2 -->
			        <div class="swiper-slide">
					    <div class="slider__item">
		                 <!--   <h6 class="title title--overhead"><span class="down-up"><span>Branding</span></span></h6> -->
			                <h1 class="title title--display-1 js-text-wave">MARKETING</h1>
				            <p class="description"><span class="down-up"><span>We approach our mission through holistic business understanding, strategic marketing expertise, seamless design and technological depth.</span></span></p>
                           <a class="btn-link btn-link--circle-right" href="{{route('projects')}}"><span class="down-up"><span>PORTFOLIO<i class="circle circle--right icon-right-open"></i></span></span></a>
                        <br/> <a class="btn-link btn-link--circle-right" href="{{route('about-us')}}"><span class="down-up"><span>ABOUT US&nbsp;&nbsp;<i class="circle circle--right icon-right-open"></i></span></span></a>
						</div>
					</div>
			        <!-- /Caption 2 -->
					
			        <!-- Caption 3 -->
			        <div class="swiper-slide">
					    <div class="slider__item">
		                  <!--  <h6 class="title title--overhead"><span class="down-up"><span>Branding / Promotion</span></span></h6>-->
			                <h1 class="title title--display-1 js-text-wave">TECHNOLOGY</h1>
				            <p class="description"><span class="down-up"><span>With 13 years of experience, we bring creativity and cutting-edge technology along with honesty, truthfulness and reliability</span></span></p>
                            <a class="btn-link btn-link--circle-right" href="{{route('projects')}}"><span class="down-up"><span>PORTFOLIO<i class="circle circle--right icon-right-open"></i></span></span></a>
                       <br/><a class="btn-link btn-link--circle-right" href="{{route('about-us')}}"><span class="down-up"><span>ABOUT US&nbsp;&nbsp;<i class="circle circle--right icon-right-open"></i></span></span></a>
						</div>
					</div>
			        <!-- /Caption 3 -->
		        </div>
			</div>

		    <div class="slider__image swiper-container reveal">
                <div class="swiper-wrapper">
			        <!-- Image 1 -->
			        <div class="swiper-slide">
						<div class="cover-slider lazyload overlay--45" data-bg="{{url('assets/img/DESIGN.png')}}"><a class="swiper-slide__link" href="#"></a></div>
					</div>
			        <!-- /Image 1 -->
					
			        <!-- Image 2 -->
			        <div class="swiper-slide">
					<!--	<div class="cover-slider lazyload overlay--45" data-bg="{{url('assets/img/MARKETING.png')}}"><a class="swiper-slide__link" href="#"></a></div>-->
						<div class="cover-slider lazyload overlay--45" data-bg="{{url('assets/img/marketing2.jpg')}}"><a class="swiper-slide__link" href="#"></a></div>
					</div>
			        <!-- /Image 2 -->
					
			        <!-- Image 3 -->
			        <div class="swiper-slide">
						<div class="cover-slider lazyload overlay--45" data-bg="{{url('assets/img/TECHNOLOGY.JPG')}}"><a class="swiper-slide__link" href="#"></a></div>
					</div>
			        <!-- /Image 3 -->
		        </div>
			</div>

		    <!-- Control -->
			<div class="control-slider control-slider--vertical swiper-control">
			    <div></div>
				<div class="swiper-pagination"></div>
				<div>
				    <div class="swiper-button-next zoom-cursor">
					    <svg class="slider-nav slider-nav--progress" viewBox="0 0 46 46">
                            <g class="slider-nav__path-progress slider-nav__path-progress--gray">
                                <path d="M0.5,23a22.5,22.5 0 1,0 45,0a22.5,22.5 0 1,0 -45,0" />
                            </g>
                        </svg>
                        <svg class="slider-nav slider-nav--gray" viewBox="0 0 46 46">
                            <circle class="slider-nav__path--gray" cx="23" cy="23" r="22.5"/>
                            <path class="slider-nav__arrow" d="M26.45 22.45l-4.91-4.91a.7707464.7707464 0 0 0-1.09 1.09L24.82 23l-4.36 4.36a.7707464.7707464 0 0 0 1.09 1.09l4.91-4.91a.77.77 0 0 0-.01-1.09z"/>
                        </svg>
					</div>
				    <div class="swiper-button-prev zoom-cursor">
                        <svg class="slider-nav slider-nav--gray" viewBox="0 0 46 46">
                            <circle class="slider-nav__path--gray" cx="23" cy="23" r="22.5"/>
                            <path class="slider-nav__arrow" d="M18.5 23.55l4.91 4.91a.7707464.7707464 0 1 0 1.09-1.09L20.14 23l4.36-4.36a.7707464.7707464 0 0 0-1.09-1.09l-4.91 4.9a.77.77 0 0 0 0 1.1z"/>
                        </svg>
					</div>
				</div>
			</div>
			<!-- /Control -->
			
		<!--	<div class="social social--floating">
		        <a class="social__link" target="_blank" href="https://p.facebook.com/FSHDesign-105491701228069/">
						<i class="fa fa-facebook  fa-1x" aria-hidden="true"></i>
				</a>
		        <a class="social__link" target="_blank" href="https://www.linkedin.com/company/fshdesignorg/"><i class="fa fa-linkedin fa-1x" aria-hidden="true"></i></a>
		        <a class="social__link" target="_blank" href="https://www.instagram.com/fshdesign.yvr/"><i class="fa fa-instagram fa-1x" aria-hidden="true"></i></a>
		    </div>-->
		</div>
    </header>
    <!-- /Hero -->

@include('templates.footer')