View file Shutter/html/home-onepage.html

File size: 27.46Kb
<!doctype html>


<html lang="en" class="no-js">
<head>
	<title>Shutter</title>

	<meta charset="utf-8">

	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	
	<link rel="stylesheet" href="css/shutter-assets.min.css">
	<link rel="stylesheet" type="text/css" href="css/style.css">

</head>
<body>

	<!-- Container -->
	<div id="container">
		<!-- Header
		    ================================================== -->
		<header class="clearfix fullscreen-style trans-style">

			<nav class="navbar navbar-expand-lg navbar-light bg-light">
				<div class="container">

					<a class="navbar-brand" href="index.html">
						<img src="images/logo-white.png" alt="">
					</a>

					<a class="open-close-fullmenu" href="#">
						<span></span>
						<span></span>
						<span></span>
					</a>

				</div>
			</nav>

			<div class="full-menu">
				<div class="top-menu-line">
					<a class="logo" href="index.html"><img src="images/logo.png" alt=""></a>
					<ul class="social-icons">
						<li><a class="facebook" href="#"><i class="fa fa-facebook-square"></i></a></li>
						<li><a class="twitter" href="#"><i class="fa fa-twitter-square"></i></a></li>
						<li><a class="pinterest" href="#"><i class="fa fa-pinterest-square"></i></a></li>
						<li><a class="youtube" href="#"><i class="fa fa-youtube-play"></i></a></li>
						<li><a class="vimeo" href="#"><i class="fa fa-vimeo-square"></i></a></li>
					</ul>
					<a class="close-menu">
						<span></span>
						<span></span>
					</a>
				</div>
				<nav class="menu">
					<ul class="navigate-menu">
						<li><a class="active drop-link" href="#">Home</a>
							<ul class="second-level">
								<li><a href="#" class="back-main-menu"><i class="fa fa-exchange"></i></a></li>
								<li><a href="index.html">Home Default</a></li>
								<li><a href="home-full-border.html">Fullwidth Border</a></li>
								<li><a href="home-grid-fullmenu.html">Grid Full Menu</a></li>
								<li><a href="home-fullscreen.html">Fullscreen</a></li>
								<li><a href="home-masonry-leftmenu.html">Left Menu Masonry</a></li>
								<li><a href="home-video.html">Home Video</a></li>
								<li><a href="home-showcase.html">Showcase style</a></li>
								<li><a href="home-gallery.html">Gallery style</a></li>
								<li><a href="home-portrait.html">Portrait</a></li>
								<li><a href="home-onepage.html">One Page</a></li>
								<li><a href="home-album.html">Album</a></li>
							</ul>
						</li>
						<li><a class="drop-link" href="#">About</a>
							<ul class="second-level">
								<li><a href="#" class="back-main-menu"><i class="fa fa-exchange"></i></a></li>
								<li><a href="about-me.html">About Me 1</a></li>
								<li><a href="about-me2.html">About Me 2</a></li>
								<li><a href="about-us.html">About Us</a></li>
							</ul>
						</li>
						
						<li><a class="drop-link" href="#">Features</a>
							<ul class="second-level">
								<li><a href="#" class="back-main-menu"><i class="fa fa-exchange"></i></a></li>
								<li><a href="services.html">Services</a></li>
								<li><a href="comming-soon.html">Comming Soon</a></li>
								<li><a href="error-404.html">Error 404</a></li>
							</ul>
						</li>
						
						<li><a class="drop-link" href="#">Gallery</a>
							<ul class="second-level">
								<li><a href="#" class="back-main-menu"><i class="fa fa-exchange"></i></a></li>
								<li><a href="gallery-col2.html">Column 2</a></li>
								<li><a href="gallery-col3.html">Column 3</a></li>
								<li><a href="gallery-col4.html">Column 4</a></li>
								<li><a href="gallery-flowing.html">Flowing</a></li>
								<li><a href="gallery-fullgrid.html">Full Grid</a></li>
								<li><a href="gallery-fullscreen.html">Fullscreen</a></li>
								<li><a href="gallery-parallax.html">Parallax</a></li>
								<li><a href="gallery-pinterest.html">Pinterest</a></li>
								<li><a href="gallery-pinterest-full.html">Pinterest Full</a></li>
								<li><a href="gallery-split.html">Gallery Split</a></li>
								<li><a href="gallery-video.html">Gallery Video</a></li>
							</ul>
						</li>
						<li><a class="drop-link" href="#">Blog</a>
							<ul class="second-level">
								<li><a href="#" class="back-main-menu"><i class="fa fa-exchange"></i></a></li>
								<li><a href="blog.html">Blog Grid</a></li>
								<li><a href="blog-standard.html">Blog Standard</a></li>
								<li><a href="single-post.html">Single Post</a></li>
							</ul>
						</li>
						<li><a href="contact.html">Contact</a></li>
					</ul>
				</nav>
				<div class="bottom-menu-line">
					<p>All rights reserved 2018. Made with love and passion</p>
					<div class="search-area">
						<form class="search-form">
							<input type="search" name="search-elem" id="search-elem" placeholder="Search people, places etc" />
							<button class="submit">
								<i class="fa fa-search"></i>
							</button>
						</form>
					</div>
				</div>
			</div>

		</header>
		<!-- End Header -->

		<!-- home-section 
			================================================== -->
		<section id="home-section" class="one-page-slider">
			<div id="rev_slider_202_1_wrapper" class="rev_slider_wrapper fullscreen-container" data-alias="concept1" style="background-color:#fff;padding:0px;">
				<!-- START REVOLUTION SLIDER 5.1.1RC fullscreen mode -->
				<div id="rev_slider_202_1" class="rev_slider fullscreenbanner" style="display:none;" data-version="5.1.1RC">
					<ul>
						<!-- SLIDE  -->
						<li data-index="rs-672" data-transition="fade" data-slotamount="default" data-easein="default" data-easeout="default" data-masterspeed="default"  data-thumb="upload/slider/s1.jpg" data-rotate="0" data-saveperformance="off" data-title="unique" data-description="">
							<!-- MAIN IMAGE -->
							<img src="upload/slider/s1.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="5" class="rev-slidebg" data-no-retina>
							<!-- LAYERS -->

							<!-- LAYER NR. 1 -->
							<div class="tp-caption Concept-Title tp-resizeme rs-parallaxlevel-2"
								id="slide-672-layer-1"
								data-x="['left','left','left','left']"
								data-hoffset="['680','680','680','680']"
								data-y="['top','top','top','top']"
								data-fontsize="['40','32','28','24']"
								data-lineheight="['48','42','36','34']"
								data-voffset="['290','290','290','290']"
								data-whitespace="nowrap"
								data-transform_idle="o:1;"
								data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;"
								data-transform_out="x:left(R);s:1000;e:Power3.easeIn;s:1000;e:Power3.easeIn;"
								data-start="1400"
								data-splitin="none"
								data-splitout="none"
								data-responsive_offset="on"
								style="z-index: 7; white-space: nowrap;">Helping Hand
							</div>

							<!-- LAYER NR. 2 -->
							<div class="tp-caption NotGeneric-SubTitle" 
								id="slide-672-layer-2" 
								data-x="['left','left','left','left']" data-hoffset="['680','680','680','680']" 
								data-y="['top','top','top','top']" data-voffset="['346','346','346','346']"
								data-fontsize="['20','18','16','12']"
								data-lineheight="['36','26','24','20']"
								data-width="none"
								data-height="none"
								data-whitespace="nowrap"
								data-transform_idle="o:1;"
					 
								data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;" 
								data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" 
								data-mask_in="x:0px;y:[100%];s:inherit;e:inherit;" 
								data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" 
								data-start="1500" 
								data-splitin="none" 
								data-splitout="none" 
								data-responsive_offset="on" 
								style="z-index: 6; white-space: nowrap;">&copy; Photo of a girl helping mother <br>clean the back garden
							</div>

						</li>
						<!-- SLIDE  -->
						<li data-index="rs-673" data-transition="fade" data-slotamount="default" data-easein="default" data-easeout="default" data-masterspeed="default"  data-thumb="upload/slider/1.jpg" data-rotate="0" data-saveperformance="off" data-title="unique" data-description="">
							<!-- MAIN IMAGE -->
							<img src="upload/slider/1.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="5" class="rev-slidebg" data-no-retina>
							<!-- LAYERS -->

							<!-- LAYER NR. 1 -->
							<div class="tp-caption Concept-Title tp-resizeme rs-parallaxlevel-2"
								id="slide-673-layer-1"
								data-x="['left','left','left','left']"
								data-hoffset="['-40','-20','0','15']"
								data-y="['bottom','bottom','bottom','bottom']"
								data-fontsize="['40','32','28','24']"
								data-lineheight="['48','42','36','34']"
								data-voffset="['320','320','320','320']"
								data-whitespace="nowrap"
								data-transform_idle="o:1;"
								data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;"
								data-transform_out="x:left(R);s:1000;e:Power3.easeIn;s:1000;e:Power3.easeIn;"
								data-start="1400"
								data-splitin="none"
								data-splitout="none"
								data-responsive_offset="on"
								style="z-index: 7; white-space: nowrap;">The Jungle
							</div>

							<!-- LAYER NR. 2 -->
							<div class="tp-caption NotGeneric-SubTitle" 
								id="slide-673-layer-2" 
								data-x="['left','left','left','left']" data-hoffset="['-40','-20','0','15']" 
								data-y="['bottom','bottom','bottom','bottom']" data-voffset="['240','240','240','240']"
								data-fontsize="['20','18','16','12']"
								data-lineheight="['36','26','24','20']"
								data-width="none"
								data-height="none"
								data-whitespace="nowrap"
								data-transform_idle="o:1;"
					 
								data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;" 
								data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" 
								data-mask_in="x:0px;y:[100%];s:inherit;e:inherit;" 
								data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" 
								data-start="1500" 
								data-splitin="none" 
								data-splitout="none" 
								data-responsive_offset="on" 
								style="z-index: 6; white-space: nowrap;">&copy; Photo of an elephant, <br>walking on the Jungle
							</div>

						</li>
					</ul>
					<div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>
				</div>
            </div>
			<!-- END REVOLUTION SLIDER -->
		</section>
		<!-- End home section -->

		<!-- about-section 
			================================================== -->
		<section class="about-section">
			<div class="container">
				<div class="about-box">
					<div class="row">
						<div class="col-lg-4">
							<div class="about-post">
								<img src="upload/others/a1.jpg" alt="">
								<div class="post-content">
									<h2>Photography</h2>
									<p>With a blow from the top-maul Ahab knocked off the steel head of the lance, and then handing.</p>
								</div>
							</div>
						</div>
						<div class="col-lg-4">
							<div class="about-post">
								<img src="upload/others/a2.jpg" alt="">
								<div class="post-content">
									<h2>Design</h2>
									<p>With a blow from the top-maul Ahab knocked off the steel head of the lance, and then handing.</p>
								</div>
							</div>
						</div>
						<div class="col-lg-4">
							<div class="about-post">
								<img src="upload/others/a3.jpg" alt="">
								<div class="post-content">
									<h2>Production</h2>
									<p>With a blow from the top-maul Ahab knocked off the steel head of the lance, and then handing.</p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- End about section -->

		<!-- photos-section 
			================================================== -->
		<section class="photos-section grid-boxed featured-works">
			<div class="container">
				<div class="title-section">
					<h1>featured works</h1>
					<p>The work of a professional can make all the difference. <br> It can be tricky to create a cohesive look that is representative of your style.</p>
				</div>
				<ul class="filter">
					<li><a class="active" href="#" data-filter="*">All</a></li>
					<li><a href="#" data-filter=".photography">photography</a></li>
					<li><a href="#" data-filter=".design">design</a></li>
					<li><a href="#" data-filter=".web">web</a></li>
					<li><a href="#" data-filter=".production">production</a></li>
				</ul>
				<div class="photos-box iso-call">

					<div class="photo-post photography">
						<img src="upload/grid/o1.jpg" alt="">
						<div class="hover-box">
							<h2><a href="#">Macro Camera</a></h2>
							<p><a class="likes" href="#">120 <i class="fa fa-heart"></i></a></p>
						</div>
					</div>

					<div class="photo-post design production">
						<img src="upload/grid/o2.jpg" alt="">
						<div class="hover-box">
							<h2><a href="#">Macro Camera</a></h2>
							<p><a class="likes" href="#">120 <i class="fa fa-heart"></i></a></p>
						</div>
					</div>

					<div class="photo-post web design">
						<img src="upload/grid/o3.jpg" alt="">
						<div class="hover-box">
							<h2><a href="#">Macro Camera</a></h2>
							<p><a class="likes" href="#">120 <i class="fa fa-heart"></i></a></p>
						</div>
					</div>

					<div class="photo-post production">
						<img src="upload/grid/o4.jpg" alt="">
						<div class="hover-box">
							<h2><a href="#">Macro Camera</a></h2>
							<p><a class="likes" href="#">120 <i class="fa fa-heart"></i></a></p>
						</div>
					</div>

					<div class="photo-post design production">
						<img src="upload/grid/o5.jpg" alt="">
						<div class="hover-box">
							<h2><a href="#">Macro Camera</a></h2>
							<p><a class="likes" href="#">120 <i class="fa fa-heart"></i></a></p>
						</div>
					</div>

					<div class="photo-post photography web">
						<img src="upload/grid/o6.jpg" alt="">
						<div class="hover-box">
							<h2><a href="#">Macro Camera</a></h2>
							<p><a class="likes" href="#">120 <i class="fa fa-heart"></i></a></p>
						</div>
					</div>

					<div class="photo-post photography">
						<img src="upload/grid/o7.jpg" alt="">
						<div class="hover-box">
							<h2><a href="#">Macro Camera</a></h2>
							<p><a class="likes" href="#">120 <i class="fa fa-heart"></i></a></p>
						</div>
					</div>

					<div class="photo-post design web">
						<img src="upload/grid/o8.jpg" alt="">
						<div class="hover-box">
							<h2><a href="#">Macro Camera</a></h2>
							<p><a class="likes" href="#">120 <i class="fa fa-heart"></i></a></p>
						</div>
					</div>

					<div class="photo-post photography production">
						<img src="upload/grid/o9.jpg" alt="">
						<div class="hover-box">
							<h2><a href="#">Macro Camera</a></h2>
							<p><a class="likes" href="#">120 <i class="fa fa-heart"></i></a></p>
						</div>
					</div>

				</div>

			</div>
		</section>
		<!-- End portfolio section -->

		<!-- banner-section 
			================================================== -->
		<section class="banner-section">
			<div class="container">
				<div class="banner-box">
					<h1>we love to talk, enjoy the talk so come in and let’s discuss</h1>
					<p>With a team of professionals everythng is possible <br> #1 priority is satisfaction of our client needs <br> We do what is best for our clients</p>
				</div>
				<a href="contact.html">Contact Us</a>
			</div>
		</section>
		<!-- End banner section -->

		<!-- team-section 
			================================================== -->
		<section class="team-section">
			<div class="container">
				<div class="title-section">
					<h1>Team Members</h1>
					<p>Meat our team members, the real people with real work <br> Never stopping work from our team is what makes our company great</p>
				</div>
				<div class="team-box">
					<div class="row">
						<div class="col-md-4">
							<div class="team-post">
								<img src="upload/others/mem1.jpg" alt="">
								<div class="hover-box">
									<div class="inner-hover">
										<ul class="social-list">
											<li><a class="facebook" href="#"><i class="fa fa-facebook"></i></a></li>
											<li><a class="twitter" href="#"><i class="fa fa-twitter"></i></a></li>
											<li><a class="vimeo" href="#"><i class="fa fa-vimeo"></i></a></li>
										</ul>
										<h2>Hansom Rob</h2>
										<span>Photographer</span>
									</div>
								</div>
							</div>
						</div>
						<div class="col-md-4">
							<div class="team-post">
								<img src="upload/others/mem2.jpg" alt="">
								<div class="hover-box">
									<div class="inner-hover">
										<ul class="social-list">
											<li><a class="facebook" href="#"><i class="fa fa-facebook"></i></a></li>
											<li><a class="twitter" href="#"><i class="fa fa-twitter"></i></a></li>
											<li><a class="vimeo" href="#"><i class="fa fa-vimeo"></i></a></li>
										</ul>
										<h2>Besim Dauti</h2>
										<span>Ceo &amp; Founder</span>
									</div>
								</div>
							</div>
						</div>
						<div class="col-md-4">
							<div class="team-post">
								<img src="upload/others/mem3.jpg" alt="">
								<div class="hover-box">
									<div class="inner-hover">
										<ul class="social-list">
											<li><a class="facebook" href="#"><i class="fa fa-facebook"></i></a></li>
											<li><a class="twitter" href="#"><i class="fa fa-twitter"></i></a></li>
											<li><a class="vimeo" href="#"><i class="fa fa-vimeo"></i></a></li>
										</ul>
										<h2>Afrim Radoniqi</h2>
										<span>Designer</span>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- End team section -->

		<!-- testimonial-section 
			================================================== -->
		<section class="testimonial-section">
			<div class="container">
				<div class="testimonial-box owl-wrapper">
					<div class="owl-carousel" data-num="2">
					
						<div class="item">
							<div class="testimonial-post">
								<img src="upload/others/avatar1.jpg" alt="">
								<div class="post-content">
									<p>Commercial interior designers plan public spaces—government buildings, private businesses, or other corporate entities.</p>
									<h2>Hansom Rob</h2>
									<span>Car Driver</span>
								</div>
							</div>
						</div>
					
						<div class="item">
							<div class="testimonial-post">
								<img src="upload/others/avatar2.jpg" alt="">
								<div class="post-content">
									<p>Commercial interior designers plan public spaces—government buildings, private businesses, or other corporate entities.</p>
									<h2>Brad Fit</h2>
									<span>Movie Star</span>
								</div>
							</div>
						</div>
					
						<div class="item">
							<div class="testimonial-post">
								<img src="upload/others/avatar1.jpg" alt="">
								<div class="post-content">
									<p>Commercial interior designers plan public spaces—government buildings, private businesses, or other corporate entities.</p>
									<h2>Hansom Rob</h2>
									<span>Car Driver</span>
								</div>
							</div>
						</div>

					</div>
				</div>
			</div>
		</section>
		<!-- End testimonial section -->

		<!-- news-section 
			================================================== -->
		<section class="news-section">
			<div class="container">
				<div class="news-box">
					<div class="title-section">
						<h1>Blog Posts</h1>
						<p>See latest news from our workshops</p>
					</div>
					<div class="row">
						<div class="col-md-4">
							<div class="news-post">
								<div class="post-gal">
									<img src="upload/blog/b1.jpg" alt="">
									<a href="upload/blog/b1.jpg" class="image-popup">
										<span></span>
										<span></span>
									</a>
								</div>
								<div class="post-content">
									<h2><a href="single-post.html">4 Reasons why choose Shutter</a></h2>
									<ul class="post-tags">
										<li><a href="#">admin</a></li>
										<li>02.05.2018</li>
										<li><a href="#">25 Comments</a></li>
									</ul>
								</div>
							</div>
						</div>
						<div class="col-md-4">
							<div class="news-post">
								<div class="post-gal">
									<img src="upload/blog/b2.jpg" alt="">
									<a href="upload/blog/b2.jpg" class="image-popup">
										<span></span>
										<span></span>
									</a>
								</div>
								<div class="post-content">
									<h2><a href="single-post.html">Architectural photography</a></h2>
									<ul class="post-tags">
										<li><a href="#">john</a></li>
										<li>02.05.2018</li>
										<li><a href="#">25 Comments</a></li>
									</ul>
								</div>
							</div>
						</div>
						<div class="col-md-4">
							<div class="news-post">
								<div class="post-gal">
									<img src="upload/blog/b1.jpg" alt="">
									<a href="upload/blog/b1.jpg" class="image-popup">
										<span></span>
										<span></span>
									</a>
								</div>
								<div class="post-content">
									<h2><a href="single-post.html">Black and White scene tutorial</a></h2>
									<ul class="post-tags">
										<li><a href="#">Rob</a></li>
										<li>02.05.2018</li>
										<li><a href="#">25 Comments</a></li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					<div class="center-button">
						<a href="blog.html">See All News</a>
					</div>
				</div>
			</div>
		</section>
		<!-- End news section -->

		<!-- footer 
			================================================== -->
		<footer class="footer-with-instagram">
			<a class="go-top" href="#">
				<i class="fa fa-chevron-up"></i>
			</a>
			<div class="insta-widget">
				<h1>Latest Instagram Feed</h1>
				<ul class="instagram-list">
					<li><a href="#"><img src="upload/instagram/f1.jpg" alt=""></a></li>
					<li><a href="#"><img src="upload/instagram/f2.jpg" alt=""></a></li>
					<li><a href="#"><img src="upload/instagram/f3.jpg" alt=""></a></li>
					<li><a href="#"><img src="upload/instagram/f4.jpg" alt=""></a></li>
					<li><a href="#"><img src="upload/instagram/f5.jpg" alt=""></a></li>
					<li><a href="#"><img src="upload/instagram/f6.jpg" alt=""></a></li>
					<li><a href="#"><img src="upload/instagram/f7.jpg" alt=""></a></li>
					<li><a href="#"><img src="upload/instagram/f8.jpg" alt=""></a></li>
					<li><a href="#"><img src="upload/instagram/f9.jpg" alt=""></a></li>
					<li><a href="#"><img src="upload/instagram/f10.jpg" alt=""></a></li>
					<li><a href="#"><img src="upload/instagram/f11.jpg" alt=""></a></li>
					<li><a href="#"><img src="upload/instagram/f12.jpg" alt=""></a></li>
				</ul>
			</div>
			<div class="inner-footer">
				<div class="container">
					<div class="row">
						<div class="col-sm-6">
							<p class="copyright-line">All rights reserved 2018. Made with love and passion</p>
						</div>
						<div class="col-sm-6">
							<ul class="social-icons">
								<li><a class="facebook" href="#"><i class="fa fa-facebook-square"></i></a></li>
								<li><a class="twitter" href="#"><i class="fa fa-twitter-square"></i></a></li>
								<li><a class="pinterest" href="#"><i class="fa fa-pinterest-square"></i></a></li>
								<li><a class="youtube" href="#"><i class="fa fa-youtube-play"></i></a></li>
								<li><a class="vimeo" href="#"><i class="fa fa-vimeo-square"></i></a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>

		</footer>
		<!-- End footer -->

	</div>
	<!-- End Container -->

	<div class="preloader">
		<img alt="" src="images/loader.gif">
	</div>
	
	<script src="js/shutter-plugins.min.js"></script>
	<script src="js/popper.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/script.js"></script>

	<script>
		var tpj=jQuery;							
		var revapi202;
            tpj(document).ready(function() {
                if (tpj("#rev_slider_202_1").revolution == undefined) {
                    revslider_showDoubleJqueryError("#rev_slider_202_1");
                } else {
                    revapi202 = tpj("#rev_slider_202_1").show().revolution({
                        sliderType: "standard",
                        jsFileLocation: "js/",
                        sliderLayout: "fullscreen",
                        dottedOverlay: "none",
                        delay: 9000,
                        navigation: {
                            keyboardNavigation: "off",
                            keyboard_direction: "horizontal",
                            mouseScrollNavigation: "off",
                            onHoverStop: "off",
                            touch: {
                                touchenabled: "on",
                                swipe_threshold: 75,
                                swipe_min_touches: 50,
                                swipe_direction: "horizontal",
                                drag_block_vertical: false
                            },
                            bullets: {
                                enable: false,
								style: 'persephone',
								tmp: '',
								direction: 'horizontal',
								rtl: false,

								container: 'slider',
								h_align: 'center',
								v_align: 'bottom',
								h_offset: 0,
								v_offset: 10,
								space: 7,

								hide_onleave: false,
								hide_onmobile: false,
								hide_under: 0,
								hide_over: 9999,
								hide_delay: 200,
								hide_delay_mobile: 1200
                            },
                            arrows: {
 
								enable: true,
								style: 'uranus',
								tmp: '',
								rtl: false,
								hide_onleave: false,
								hide_onmobile: true,
								hide_under: 0,
								hide_over: 9999,
								hide_delay: 200,
								hide_delay_mobile: 1200,

								left: {
									container: 'slider',
									h_align: 'left',
									v_align: 'center',
									h_offset: 50,
									v_offset: 20
								},

								right: {
									container: 'slider',
									h_align: 'right',
									v_align: 'center',
									h_offset: 50,
									v_offset: 20
								}

							}
                        },
                        responsiveLevels: [1140, 1024, 778, 480],
                        visibilityLevels: [1140, 1024, 778, 480],
                        gridwidth: [1140, 1024, 778, 480],
                        gridheight: [1080, 900, 960, 720],
                        lazyType: "none",
                        parallax: {
                            type: "scroll",
                            origo: "slidercenter",
                            speed: 1000,
                            levels: [5, 10, 15, 20, 25, 30, 35, 40, 45, 46, 47, 48, 49, 50, 100, 55],
                            type: "scroll",
                        },
                        shadow: 0,
                        spinner: "off",
                        stopLoop: "on",
                        stopAfterLoops: 0,
                        stopAtSlide: 1,
                        shuffle: "off",
                        autoHeight: "off",
                        fullScreenAutoWidth: "off",
                        fullScreenAlignForce: "off",
                        fullScreenOffsetContainer: "",
                        fullScreenOffset: 0,
                        disableProgressBar: "on",
                        hideThumbsOnMobile: "off",
                        hideSliderAtLimit: 0,
                        hideCaptionAtLimit: 0,
                        hideAllCaptionAtLilmit: 0,
                        debugMode: false,
                        fallbacks: {
                            simplifyAll: "off",
                            nextSlideOnWindowFocus: "off",
                            disableFocusListener: false,
                        }
                    });
                }
            }); /*ready*/
	</script>	

	
</body>
</html>