View file Shutter/html/home-full-border.html

File size: 19.42Kb
<!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 default-header">

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

					<a class="navbar-brand" href="index.html">
						<img src="images/logo.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 mr-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>

					<div class="search-area ml-auto">
						<form class="search-form">
							<input type="search" name="search-elem" id="search-elem" placeholder="Search people, places, whatever..." />
							<button class="submit">
								<i class="fa fa-search"></i>
							</button>
						</form>
					</div>

				</div>
			</nav>

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

		<!-- home-section 
			================================================== -->
		<section id="home-section" class="paddings-fullscreen">
			<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/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-672-layer-1"
								data-x="['left','left','left','left']"
								data-hoffset="['0','0','0','20']"
								data-y="['bottom','bottom','bottom','bottom']"
								data-fontsize="['23','20','17','14']"
								data-lineheight="['36','32','28','24']"
								data-voffset="['30','30','30','30']"
								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;text-align:center;">&copy; Liz Washington Amazon Jungle
							</div>

							<!-- LAYER NR. 2 -->
							<div class="tp-caption NotGeneric-SubTitle" 
								id="slide-672-layer-2" 
								data-x="['right','right','right','right']" data-hoffset="['0','0','0','20']" 
								data-y="['bottom','bottom','bottom','bottom']" data-voffset="['30','30','30','30']"
								data-fontsize="['13','12','12','11']"
								data-lineheight="['26','24','20','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;"> <a href="#" class="like">120 <i class="fa fa-heart" aria-hidden="true"></i></a>
							</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/2.jpg" data-rotate="0" data-saveperformance="off" data-title="unique" data-description="">
							<!-- MAIN IMAGE -->
							<img src="upload/slider/2.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="['0','0','0','20']"
								data-y="['bottom','bottom','bottom','bottom']"
								data-fontsize="['23','20','17','14']"
								data-lineheight="['36','32','28','24']"
								data-voffset="['30','30','30','30']"
								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;text-align:center;">&copy; Liz Washington Amazon Jungle
							</div>

							<!-- LAYER NR. 2 -->
							<div class="tp-caption NotGeneric-SubTitle" 
								id="slide-673-layer-2" 
								data-x="['right','right','right','right']" data-hoffset="['0','0','0','20']" 
								data-y="['bottom','bottom','bottom','bottom']" data-voffset="['30','30','30','30']"
								data-fontsize="['13','12','12','11']"
								data-lineheight="['26','24','20','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;"> <a href="#" class="like">120 <i class="fa fa-heart" aria-hidden="true"></i></a>
							</div>

						</li>

						<!-- SLIDE  -->
						<li data-index="rs-674" data-transition="fade" data-slotamount="default" data-easein="default" data-easeout="default" data-masterspeed="default"  data-thumb="upload/slider/3.jpg" data-rotate="0" data-saveperformance="off" data-title="unique" data-description="">
							<!-- MAIN IMAGE -->
							<img src="upload/slider/3.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-674-layer-1"
								data-x="['left','left','left','left']"
								data-hoffset="['0','0','0','20']"
								data-y="['bottom','bottom','bottom','bottom']"
								data-fontsize="['23','20','17','14']"
								data-lineheight="['36','32','28','24']"
								data-voffset="['30','30','30','30']"
								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;text-align:center;">&copy; Liz Washington Amazon Jungle
							</div>

							<!-- LAYER NR. 2 -->
							<div class="tp-caption NotGeneric-SubTitle" 
								id="slide-674-layer-2" 
								data-x="['right','right','right','right']" data-hoffset="['0','0','0','20']" 
								data-y="['bottom','bottom','bottom','bottom']" data-voffset="['30','30','30','30']"
								data-fontsize="['13','12','12','11']"
								data-lineheight="['26','24','20','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;"> <a href="#" class="like">120 <i class="fa fa-heart" aria-hidden="true"></i></a>
							</div>

						</li>

						<!-- SLIDE  -->
						<li data-index="rs-675" data-transition="fade" data-slotamount="default" data-easein="default" data-easeout="default" data-masterspeed="default"  data-thumb="upload/slider/4.jpg" data-rotate="0" data-saveperformance="off" data-title="unique" data-description="">
							<!-- MAIN IMAGE -->
							<img src="upload/slider/4.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-675-layer-1"
								data-x="['left','left','left','left']"
								data-hoffset="['0','0','0','20']"
								data-y="['bottom','bottom','bottom','bottom']"
								data-fontsize="['23','20','17','14']"
								data-lineheight="['36','32','28','24']"
								data-voffset="['30','30','30','30']"
								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;text-align:center;">&copy; Liz Washington Amazon Jungle
							</div>

							<!-- LAYER NR. 2 -->
							<div class="tp-caption NotGeneric-SubTitle" 
								id="slide-675-layer-2" 
								data-x="['right','right','right','right']" data-hoffset="['0','0','0','20']" 
								data-y="['bottom','bottom','bottom','bottom']" data-voffset="['30','30','30','30']"
								data-fontsize="['13','12','12','11']"
								data-lineheight="['26','24','20','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;"> <a href="#" class="like">120 <i class="fa fa-heart" aria-hidden="true"></i></a>
							</div>

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

		<!-- footer 
			================================================== -->
		<footer class="footer-box without-border">
			<div class="container-fluid">
				<div class="inner-footer">
					<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: 3000,
                        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
                            },
                            arrows: {
 
								enable: false,
								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, 960, 778, 480],
                        visibilityLevels: [1140, 960, 778, 480],
                        gridwidth: [1920, 960, 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: "off",
                        shuffle: "off",
                        autoHeight: "off",
                        fullScreenAutoWidth: "off",
                        fullScreenAlignForce: "off",
                        fullScreenOffsetContainer: '.navbar, footer',
                        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>