<!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 transparent-overlay2">
<nav class="navbar navbar-expand-lg navbar-dark">
<div class="container-fluid">
<a class="navbar-brand" href="index.html">
<img src="images/logo-white.png" alt="">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav m-auto">
<li><a class="active" href="index.html">Home</a>
<ul class="dropdown">
<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 href="about-us.html">About</a>
<ul class="dropdown">
<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 href="#">Features</a>
<ul class="dropdown">
<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 href="gallery-col2.html">Gallery</a>
<ul class="dropdown">
<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 href="blog.html">Blog</a>
<ul class="dropdown">
<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>
</div>
<ul class="navbar-nav ml-auto 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>
</nav>
</header>
<!-- End Header -->
<!-- home-section
================================================== -->
<section id="home-section" class="parallax-slider">
<div id="rev_slider_46_1_wrapper" class="rev_slider_wrapper fullscreen-container" data-alias="notgeneric1" style="background-color:transparent;padding:0px;">
<!-- START REVOLUTION SLIDER 5.0.7 fullscreen mode -->
<div id="rev_slider_46_1" class="rev_slider fullscreenbanner" style="display:none;" data-version="5.0.7">
<ul>
<!-- SLIDE -->
<li data-index="rs-149" data-transition="slidevertical" data-slotamount="1" data-easein="default" data-easeout="default" data-masterspeed="1500" data-rotate="0" data-saveperformance="off" data-title="Easy to Use" data-description="">
<!-- MAIN IMAGE -->
<img src="upload/gallery/pr1.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="10" class="rev-slidebg" data-no-retina>
<!-- LAYERS -->
<!-- LAYER NR. 1 -->
<div class="tp-caption NotGeneric-SubTitle tp-resizeme rs-parallaxlevel-3"
id="slide-149-layer-1"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="y:[100%];z:0;rZ:-35deg;sX:1;sY:1;skX:0;skY: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:0px;s:inherit;e:inherit;"
data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
data-start="1000"
data-splitin="chars"
data-splitout="none"
data-responsive_offset="on"
data-elementdelay="0.05"
style="z-index: 5; white-space: nowrap;">Parallax
</div>
<!-- LAYER NR. 2 -->
<div class="tp-caption NotGeneric-Title tp-resizeme rs-parallaxlevel-2"
id="slide-149-layer-4"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['80','80','80','80']"
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;">Experience
</div>
</li>
<!-- SLIDE -->
<li data-index="rs-150" data-transition="slidevertical" data-slotamount="1" data-easein="default" data-easeout="default" data-masterspeed="1500" data-rotate="0" data-saveperformance="off" data-title="Easy to Use" data-description="">
<!-- MAIN IMAGE -->
<img src="upload/gallery/pr2.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="10" class="rev-slidebg" data-no-retina>
<!-- LAYERS -->
<!-- LAYER NR. 1 -->
<div class="tp-caption NotGeneric-SubTitle tp-resizeme rs-parallaxlevel-3"
id="slide-150-layer-1"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="y:[100%];z:0;rZ:-35deg;sX:1;sY:1;skX:0;skY: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:0px;s:inherit;e:inherit;"
data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
data-start="1000"
data-splitin="chars"
data-splitout="none"
data-responsive_offset="on"
data-elementdelay="0.05"
style="z-index: 5; white-space: nowrap;">Parallax
</div>
<!-- LAYER NR. 2 -->
<div class="tp-caption NotGeneric-Title tp-resizeme rs-parallaxlevel-2"
id="slide-150-layer-4"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['80','80','80','80']"
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;">Experience
</div>
</li>
<!-- SLIDE -->
<li data-index="rs-151" data-transition="slidevertical" data-slotamount="1" data-easein="default" data-easeout="default" data-masterspeed="1500" data-rotate="0" data-saveperformance="off" data-title="Easy to Use" data-description="">
<!-- MAIN IMAGE -->
<img src="upload/gallery/pr3.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="10" class="rev-slidebg" data-no-retina>
<!-- LAYERS -->
<!-- LAYER NR. 1 -->
<div class="tp-caption NotGeneric-SubTitle tp-resizeme rs-parallaxlevel-3"
id="slide-151-layer-1"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="y:[100%];z:0;rZ:-35deg;sX:1;sY:1;skX:0;skY: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:0px;s:inherit;e:inherit;"
data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
data-start="1000"
data-splitin="chars"
data-splitout="none"
data-responsive_offset="on"
data-elementdelay="0.05"
style="z-index: 5; white-space: nowrap;">Parallax
</div>
<!-- LAYER NR. 2 -->
<div class="tp-caption NotGeneric-Title tp-resizeme rs-parallaxlevel-2"
id="slide-151-layer-4"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['80','80','80','80']"
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;">Experience
</div>
</li>
<!-- SLIDE -->
<li data-index="rs-152" data-transition="slidevertical" data-slotamount="1" data-easein="default" data-easeout="default" data-masterspeed="1500" data-rotate="0" data-saveperformance="off" data-title="Easy to Use" data-description="">
<!-- MAIN IMAGE -->
<img src="upload/gallery/pr4.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="10" class="rev-slidebg" data-no-retina>
<!-- LAYERS -->
<!-- LAYER NR. 1 -->
<div class="tp-caption NotGeneric-SubTitle tp-resizeme rs-parallaxlevel-3"
id="slide-152-layer-1"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="y:[100%];z:0;rZ:-35deg;sX:1;sY:1;skX:0;skY: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:0px;s:inherit;e:inherit;"
data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
data-start="1000"
data-splitin="chars"
data-splitout="none"
data-responsive_offset="on"
data-elementdelay="0.05"
style="z-index: 5; white-space: nowrap;">Parallax
</div>
<!-- LAYER NR. 2 -->
<div class="tp-caption NotGeneric-Title tp-resizeme rs-parallaxlevel-2"
id="slide-152-layer-4"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['80','80','80','80']"
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;">Experience
</div>
</li>
</ul>
<div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>
</div>
</div>
<div class="center-button">
<a href="#" class="button-one">Prev Gallery</a>
<a href="#" class="button-one">Next Gallery</a>
</div>
</section>
<!-- End home section -->
<!-- footer
================================================== -->
<footer class="footer-center dark-style">
<a class="go-top" href="#">
<i class="fa fa-chevron-up"></i>
</a>
<div class="container">
<p class="copyright-line">All rights reserved 2018. Made with love and passion</p>
</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>
<!-- END REVOLUTION SLIDER -->
<script>
var tpj=jQuery;
var revapi46;
tpj(document).ready(function() {
if(tpj("#rev_slider_46_1").revolution == undefined){
revslider_showDoubleJqueryError("#rev_slider_46_1");
}else{
revapi46 = tpj("#rev_slider_46_1").show().revolution({
sliderType:"standard",
jsFileLocation:"js/",
sliderLayout:"fullscreen",
dottedOverlay:"none",
delay:9000,
navigation: {
keyboardNavigation:"on",
keyboard_direction: "vertical",
mouseScrollNavigation:"on",
onHoverStop: "off",
touch: {
touchenabled: "on",
swipe_threshold: 75,
swipe_min_touches: 50,
swipe_direction: "vertical",
drag_block_vertical: false
},
bullets:{
style:"",
enable:true,
hide_onmobile:true,
hide_onleave:true,
hide_delay:200,
hide_delay_mobile:1200,
hide_under:0,
hide_over:9999,
tmp:'<span class="tp-bullet-image"></span><span class="tp-bullet-title"></span>',
direction:"vertical",
space:10,
h_align:"right",
v_align:"center",
h_offset:30,
}
},
responsiveLevels:[1240,1024,778,480],
gridwidth:[1240,1024,778,480],
gridheight:[868,768,960,720],
lazyType:"none",
parallax: {
type:"mouse",
origo:"slidercenter",
speed:2000,
levels:[2,3,4,5,6,7,12,16,10,50],
disable_onmobile:"on"
},
shadow:0,
spinner:"off",
stopLoop:"on",
stopAfterLoops:0,
stopAtSlide:1,
shuffle:"off",
autoHeight:"off",
fullScreenAlignForce:"off",
fullScreenOffsetContainer: "",
disableProgressBar:"on",
hideThumbsOnMobile:"off",
hideSliderAtLimit:0,
hideCaptionAtLimit:0,
hideAllCaptionAtLilmit:0,
debugMode:false,
fallbacks: {
simplifyAll:"off",
nextSlideOnWindowFocus:"off",
disableFocusListener:false,
}
});
}
}); /*ready*/
</script>
</body>
</html>