TanchoToplineCargo/public/sunsari/rev-sliders/parallax-zoom.html

1468 lines
123 KiB
HTML
Raw Normal View History

2024-05-05 04:47:49 +00:00
<!DOCTYPE html>
<html lang="en-US" class="no-js">
<!-- Mirrored from quickdevs.com/demo/merit/rev-sliders/parallax-zoom.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 29 Mar 2023 10:44:18 GMT -->
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- TITLE -->
<title>Parallax Zoom - Merit Premium Multi-Purpose HTML5 Template</title>
<!-- META TAGS -->
<meta name="keywords" content="premium multi-Purpose, html template, multipurpose template, bootstrap template, niches, clean, modern, multipurpose, responsive">
<meta name="description" content="Merit is a modern Multi-Purpose HTML Template any bussines.">
<!-- FAVICON -->
<link rel="shortcut icon" href="../images/icons/favicon.png">
<!-- REVOLUTION ADDONS -->
<link href="http://fonts.googleapis.com/css?family=Roboto%3A700%2C300" rel="stylesheet" property="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" type="text/css" href="../revolution/fonts/pe-icon-7-stroke/css/pe-icon-7-stroke.css">
<link rel="stylesheet" type="text/css" href="../revolution/fonts/font-awesome/css/font-awesome.css">
<!-- REVOLUTION STYLE SHEETS -->
<link rel="stylesheet" type="text/css" href="../revolution/css/settings.css">
<!-- REVOLUTION LAYERS STYLES -->
<link rel="stylesheet" type="text/css" href="../revolution/css/layers.css">
<!-- REVOLUTION NAVIGATION STYLES -->
<link rel="stylesheet" type="text/css" href="../revolution/css/navigation.css">
<!-- REQUIRE CSS REVOLUTION STYLES -->
<style type="text/css">#rev_slider_28_1 .uranus.tparrows{width:50px; height:50px; background:rgba(255,255,255,0)}#rev_slider_28_1 .uranus.tparrows:before{width:50px; height:50px; line-height:50px; font-size:40px; transition:all 0.3s;-webkit-transition:all 0.3s}#rev_slider_28_1 .uranus.tparrows:hover:before{opacity:0.75}.hermes.tp-bullets{}.hermes .tp-bullet{overflow:hidden; border-radius:50%; width:16px; height:16px; background-color:rgba(0,0,0,0); box-shadow:inset 0 0 0 2px rgb(255,255,255); -webkit-transition:background 0.3s ease; transition:background 0.3s ease; position:absolute}.hermes .tp-bullet:hover{background-color:rgba(0,0,0,0.21)}.hermes .tp-bullet:after{content:' '; position:absolute; bottom:0; height:0; left:0; width:100%; background-color:rgb(255,255,255); box-shadow:0 0 1px rgb(255,255,255); -webkit-transition:height 0.3s ease; transition:height 0.3s ease}.hermes .tp-bullet.selected:after{height:100%}</style>
<!-- MAIN CSS STYLE SHEET -->
<link rel="stylesheet" href="../css/main.css">
<link rel="stylesheet" href="../css/stylesheet.css">
<link rel="stylesheet" href="../css/responsive.css">
<!-- REVOLUTION CUSTOM CSS -->
<link rel="stylesheet" href="../css/slider-revolution.css">
<!-- MODERNIZR LIBRARY -->
<script src="../js/modernizr-custom.js"></script>
</head>
<body>
<!-- PRELOADER START -->
<div id="loader-wrapper">
<div class="loader">
<span class="loader-26"></span>
</div>
</div>
<!-- PRELOADER END -->
<!-- HEADER START -->
<header>
<!-- TOP HEADER START -->
<div class="top-header">
<div class="container">
<div class="row">
<div class="col-md-6">
<ul class="top-contact text-left">
<li class="phone"><span class="tel-no"><a href="tel:123-456-7890"> +123-456-7890</a></span>
</li>
<li class="email"><a href="mailto:info@merit.com">info@merit.com</a></li>
</ul>
</div>
<div class="col-md-6 text-right">
<div class="top-social">
<ul class="social-list">
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-dribbble"></i></a></li>
<li>
<!-- Button trigger modal -->
<div class="center-element">
<button type="button" class="btn btn-default" data-toggle="modal" data-target="#exampleModal2">Login</button>
</div>
<!-- Modal -->
<div class="modal fade custom-modal" id="exampleModal2" tabindex="-1" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content login-modal">
<button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button>
<div class="modal-body">
<figure class="login-avatar">
<img src="../images/icons/user-login-2.png" alt="">
</figure>
<h4>Merit</h4>
<p>Welcome Back!</p>
<div class="google-btn">
<button type="submit" class="tp-btn-primary">
<img class="tp-goole-icon" src="../images/icons/google-icon.png" alt="">
Sign in with Google
</button>
</div>
<p>Or</p>
<div class="row">
<div class="col-md-12">
<form>
<div class="form-group">
<input type="email" class="form-control login-fc" placeholder="Email or Username">
</div>
<div class="form-group mt-3">
<input type="password" class="form-control login-fc" placeholder="Password">
</div>
<div class="login-options d-flex justify-content-between mt-3">
<div class="have-account">
<p><a href="#">Dont have an account?</a></p>
</div>
<div class="forgot-password">
<p><a href="#">Forgot password?</a></p>
</div>
</div>
<div class="login-btn">
<button type="submit" class="tp-btn-primary">Login</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<hr class="top-line">
</div>
</div>
<!-- TOP HEADER END -->
<!-- MEGAMENU START -->
<div class="main-nav">
<div class="container">
<nav id="navigation1" class="navigation">
<div class="nav-header">
<a class="nav-logo" href="../index.html">
<img src="../images/logos/logo.png" class="white-logo" alt="">
<img src="../images/logos/logo-black.png" class="dark-logo" alt="">
</a>
<div class="nav-toggle"></div>
</div>
<div class="nav-menus-wrapper">
<ul class="nav-menu align-to-right">
<li><a href="#">HOME</a>
<div class="megamenu-panel">
<div class="megamenu-lists">
<ul class="megamenu-list list-col-4">
<li><a href="../1-agency.html">Agency</a></li>
<li><a href="../2-beauty.html">Beauty</a></li>
<li><a href="../3-construction.html">Construction</a></li>
<li><a href="../4-corporate.html">Corporate</a></li>
<li><a href="../5-courier.html">Courier</a></li>
<li><a href="../6-dealer.html">Dealer</a></li>
</ul>
<ul class="megamenu-list list-col-4">
<li><a href="../7-dental.html">Dental</a></li>
<li><a href="../8-education.html">Education</a></li>
<li><a href="../9-gym.html">Gym</a></li>
<li><a href="../10-hotel.html">Hotel</a></li>
<li><a href="../11-medical.html">Medical</a></li>
<li><a href="../12-restaurant.html">Restaurant</a></li>
</ul>
<ul class="megamenu-list list-col-4">
<li><a href="../13-charity.html">Charity</a></li>
<li><a href="../14-cleaning.html">Cleaning</a></li>
<li><a href="../15-finance.html">Finance</a></li>
<li><a href="../16-industrial.html">Industrial</a></li>
<li><a href="../17-hosting.html">Hosting</a></li>
<li><a href="../18-portfolio.html">Portfolio</a></li>
</ul>
<ul class="megamenu-list list-col-4">
<li><a href="../19-organic.html">Organic</a></li>
<li><a href="../20-farm.html">Farm</a></li>
<li><a href="../21-yoga.html">Yoga</a></li>
<li><a href="../22-travel.html">Travel</a></li>
<li><a href="../23-lawyer.html">Lawyer</a></li>
<li><a href="../24-fitness.html">Fitness</a></li>
</ul>
</div>
</div>
</li>
<li><a href="#">PAGES</a>
<div class="megamenu-panel">
<div class="megamenu-lists">
<ul class="megamenu-list list-col-4">
<li><a href="../about-style-1.html">About Us</a></li>
<li><a href="../about-style-2.html">About Me</a></li>
<li><a href="../about-style-3.html">About Us - ALT 2</a></li>
<li><a href="../about-style-4.html">About Us - ALT 3</a></li>
<li><a href="../careers-style-1.html">Careers</a></li>
<li><a href="../careers-style-2.html">Careers - ALT 2</a></li>
<li><a href="../careers-style-3.html">Careers - ALT 3</a></li>
</ul>
<ul class="megamenu-list list-col-4">
<li><a href="../services-style-1.html">Services</a></li>
<li><a href="../services-style-2.html">Services - ALT 2</a></li>
<li><a href="../services-style-3.html">Services - ALT 3</a></li>
<li><a href="../services-style-4.html">Services - ALT 4</a></li>
<li><a href="../profile-style-1.html">Profile</a></li>
<li><a href="../profile-style-2.html">Profile - ALT 2</a></li>
<li><a href="../profile-style-3.html">Profile - ALT 3</a></li>
</ul>
<ul class="megamenu-list list-col-4">
<li><a href="../contact-style-1.html">Contact Us </a></li>
<li><a href="../contact-style-2.html">Contact Us - ALT 2</a></li>
<li><a href="../contact-style-3.html">Contact Us - ALT 3</a></li>
<li><a href="../contact-style-4.html">Contact Us - ALT 4</a></li>
<li><a href="../team-style-1.html">Our Team</a></li>
<li><a href="../team-style-2.html">Our Team - ALT 2</a></li>
<li><a href="../team-style-3.html">Our Team - ALT 3</a></li>
</ul>
<ul class="megamenu-list list-col-4">
<li><a href="../coming-soon-style-1.html">Coming Soon</a></li>
<li><a href="../coming-soon-style-2.html">Coming Soon - ALT 2</a></li>
<li><a href="../404-error-style-1.html">404 Page</a></li>
<li><a href="../404-error-style-2.html">404 Page - ALT 2</a></li>
<li><a href="../login-register-style-1.html">Login / Register</a></li>
<li><a href="../faq.html">Faq</a></li>
<li><a href="../faq-alt.html">Faq - ALT</a></li>
</ul>
</div>
</div>
</li>
<li><a href="#">ELEMENTS</a>
<div class="megamenu-panel">
<div class="megamenu-lists">
<ul class="megamenu-list list-col-4">
<li class="megamenu-list-title"><a href="#">ELEMENTS 1</a></li>
<li><a href="../elements/accordions.html"><i class="fas fa-plus-square"></i> &nbsp; Accordions</a></li>
<li><a href="../elements/alerts.html"><i class="fas fa-exclamation-circle"></i> &nbsp; Alerts</a></li>
<li><a href="../elements/animations.html"><i class="fas fa-exchange-alt"></i> &nbsp; Animations</a></li>
<li><a href="../elements/blockquotes.html"><i class="fas fa-quote-left"></i> &nbsp; Blockquotes</a></li>
<li><a href="../elements/breadcrumbs.html"><i class="fas fa-share"></i> &nbsp; Breadcrumbs</a></li>
<li><a href="../elements/buttons.html"><i class="fas fa-square"></i> &nbsp; Buttons</a></li>
<li><a href="../elements/call-to-action.html"><i class="fas fa-bullhorn"></i> &nbsp; Call to Action</a></li>
<li><a href="../elements/charts.html"><i class="fas fa-circle-notch"></i> &nbsp; Charts</a></li>
<li><a href="../elements/content-boxes.html"><i class="fas fa-th-large"></i> &nbsp; Content Boxes</a></li>
<li><a href="../elements/counters.html"><i class="fas fa-bullseye"></i> &nbsp; Counters</a></li>
</ul>
<ul class="megamenu-list list-col-4">
<li class="megamenu-list-title"><a href="#">ELEMENTS 2</a></li>
<li><a href="../elements/customers.html"><i class="fas fa-user-circle"></i> &nbsp; Customer</a></li>
<li><a href="../elements/dropcaps.html"><i class="fas fa-font"></i> &nbsp; Dropcaps</a></li>
<li><a href="../elements/flip-boxes.html"><i class="fas fa-sync-alt"></i> &nbsp; Flip Box</a></li>
<li><a href="../elements/google-maps.html"><i class="fas fa-map"></i> &nbsp; Google Maps</a></li>
<li><a href="../elements/grid-boxes.html"><i class="fas fa-th"></i> &nbsp; Grid Boxes</a></li>
<li><a href="../elements/icon-boxes.html"><i class="fas fa-th-large"></i> &nbsp; Icon Boxes</a></li>
<li><a href="../elements/icon-circle.html"><i class="far fa-circle"></i> &nbsp; Icon Circle</a></li>
<li><a href="../elements/image-gallery.html"><i class="fas fa-expand"></i> &nbsp; Image Gallery</a></li>
<li><a href="../elements/images.html"><i class="far fa-image"></i> &nbsp; Images</a></li>
<li><a href="../elements/image-hover.html"><i class="fas fa-object-ungroup" aria-hidden="true"></i> &nbsp; Image Hover</a></li>
</ul>
<ul class="megamenu-list list-col-4">
<li class="megamenu-list-title"><a href="#">ELEMENTS 3</a></li>
<li><a href="../elements/lightbox.html"><i class="fas fa-lightbulb"></i> &nbsp; LightBox</a></li>
<li><a href="../elements/modal-popup.html"><i class="fas fa-search-plus"></i> &nbsp; Modal Popup</a></li>
<li><a href="../elements/pagination.html"><i class="fas fa-angle-double-right"></i> &nbsp; Pagination</a></li>
<li><a href="../elements/parallax.html"><i class="fas fa-random"></i> &nbsp; Parallax</a></li>
<li><a href="../elements/pricing-table.html"><i class="fas fa-table"></i> &nbsp; Pricing Tables</a></li>
<li><a href="../elements/process-steps.html"><i class="fas fa-arrow-right"></i> &nbsp; Process Steps</a></li>
<li><a href="../elements/profile-cards.html"><i class="fas fa-address-card"></i> &nbsp; Profile Cards</a></li>
<li><a href="../elements/progress-bar.html"><i class="fas fa-tasks"></i> &nbsp; Progress Bar</a></li>
<li><a href="../elements/recent-posts.html"><i class="fas fa-newspaper"></i> &nbsp; Recent Posts</a></li>
<li><a href="../elements/section-styles.html"><i class="fas fa-outdent"></i> &nbsp; Section Styles</a></li>
</ul>
<ul class="megamenu-list list-col-4">
<li class="megamenu-list-title"><a href="#">ELEMENTS 4</a></li>
<li><a href="../elements/separators.html"><i class="fas fa-minus"></i> &nbsp; Separators</a></li>
<li><a href="../elements/shop-banners.html"><i class="fas fa-language"></i> &nbsp; Shop Banners</a></li>
<li><a href="../elements/social-icons.html"><i class="fab fa-twitter"></i> &nbsp; Social Icons</a></li>
<li><a href="../elements/tables.html"><i class="fas fa-table"></i> &nbsp; Tables</a></li>
<li><a href="../elements/tabs.html"><i class="fas fa-window-maximize"></i> &nbsp; Tabs</a></li>
<li><a href="../elements/team.html"><i class="fas fa-users"></i> &nbsp; Team</a></li>
<li><a href="../elements/testimonials.html"><i class="fas fa-edit"></i> &nbsp; Testimonials</a></li>
<li><a href="../elements/timeline.html"><i class="fas fa-arrow-down"></i> &nbsp; Timeline</a></li>
<li><a href="../elements/videos.html"><i class="fas fa-video"></i> &nbsp; Videos & Audio</a></li>
<li><a href="../elements/video-background.html"><i class="fas fa-photo-video"></i> &nbsp; Video Background</a></li>
</ul>
</div>
</div>
</li>
<li><a href="#">SLIDERS</a>
<div class="megamenu-panel">
<div class="megamenu-lists">
<ul class="megamenu-list list-col-4">
<li class="megamenu-list-title"><a href="#">SLIDERS 1</a></li>
<li><a href="3d-parallax-scenes.html">3D Parallax Scenes</a></li>
<li><a href="404-error.html">404 Error</a></li>
<li><a href="agency-slider.html">Agency Slider</a></li>
<li><a href="blend-mode.html">Blend Mode</a></li>
<li><a href="blur-effect.html">Blur Effect</a></li>
<li><a href="car-dealer.html">Car Dealer</a></li>
<li><a href="carousel-gallery.html">Carousel Gallery</a></li>
<li><a href="classic-carousel.html">Classic Carousel</a></li>
<li><a href="coming-soon.html">Coming soon</a></li>
<li><a href="concept-slider.html">Concept Slider</a></li>
</ul>
<ul class="megamenu-list list-col-4">
<li class="megamenu-list-title"><a href="#">SLIDERS 2</a></li>
<li><a href="double-exposure-effect.html">Double Exposure Effect</a></li>
<li><a href="exploration-header.html">Exploration Header</a></li>
<li><a href="film-strip.html">Film Strip Effect</a></li>
<li><a href="fine-dining.html">Fine Dining</a></li>
<li><a href="gravity-design.html">Gravity Design</a></li>
<li><a href="happy-hollidays.html">Happy Hollidays</a></li>
<li><a href="hero-sports.html">Hero Sports</a></li>
<li><a href="inspiration-header.html">Inspiration Header</a></li>
<li><a href="levano-slider.html">Levano Slider</a></li>
<li><a href="magazine-posts.html">Magazine Posts</a></li>
</ul>
<ul class="megamenu-list list-col-4">
<li class="megamenu-list-title"><a href="#">SLIDERS 3</a></li>
<li><a href="mask-showcase.html">Mask Showcase</a></li>
<li><a href="mountain-parallax.html">Mountain Parallax</a></li>
<li><a href="over-expousure.html">Over Exposure</a></li>
<li><a href="panorama.html">Panorama</a></li>
<li><a href="parallax-joy.html">Parallax Joy</a></li>
<li><a href="parallax-zoom.html">Parallax Zoom</a></li>
<li><a href="particle-effect-one.html">Particle Effect one</a></li>
<li><a href="particle-effect-two.html">Particle Effect Two</a></li>
<li><a href="particle-effect-three.html">Particle Effect Three</a></li>
<li><a href="style-intro.html">Style Intro</a></li>
</ul>
<ul class="megamenu-list list-col-4">
<li class="megamenu-list-title"><a href="#">SLIDERS 4</a></li>
<li><a href="reveal.html">Reveal</a></li>
<li><a href="rock-band.html">Rock Band</a></li>
<li><a href="scroll-effects.html">Scroll Effect</a></li>
<li><a href="slider-gym.html">Slider Gym</a></li>
<li><a href="slider-news.html">Slider News</a></li>
<li><a href="sliding-overlays.html">Sliding Overlays</a></li>
<li><a href="web-agency.html">Web Agency</a></li>
<li><a href="web-product.html">Web Product</a></li>
<li><a href="website-intro.html">Website Intro</a></li>
<li><a href="youtube-hero.html">Youtube Hero</a></li>
</ul>
</div>
</div>
</li>
<li><a href="#">SHOP</a>
<ul class="nav-dropdown">
<li><a href="#">CLASSIC</a>
<ul class="nav-dropdown">
<li><a href="../shop-full-width.html">Full width</a></li>
<li><a href="../shop-left-sidebar.html">Left sidebar</a></li>
<li><a href="../shop-right-sidebar.html">Right sidebar</a></li>
</ul>
</li>
<li><a href="#">PRODUCT DETAILS</a>
<ul class="nav-dropdown">
<li><a href="../product-full-width.html">Full width</a></li>
<li><a href="../product-left-sidebar.html">Left sidebar</a></li>
<li><a href="../product-right-sidebar.html">Right sidebar</a></li>
</ul>
</li>
<li><a href="../shopping-cart.html">SHOPING CART</a></li>
<li><a href="../checkout.html">CHECKOUT</a></li>
</ul>
</li>
<li><a href="#">BLOG</a>
<ul class="nav-dropdown">
<li><a href="#">CLASSIC</a>
<ul class="nav-dropdown">
<li><a href="../blog-full-width.html">Full width</a></li>
<li><a href="../blog-left-sidebar.html">Left sidebar</a></li>
<li><a href="../blog-right-sidebar.html">Right sidebar</a></li>
</ul>
</li>
<li><a href="#">GRID</a>
<ul class="nav-dropdown">
<li><a href="../blog-grid-one-column.html">One column</a></li>
<li><a href="../blog-grid-two-column.html">Two column</a></li>
<li><a href="../blog-grid-three-column.html">Three column</a></li>
</ul>
</li>
<li><a href="#">MASONRY</a>
<ul class="nav-dropdown">
<li><a href="../masonry-two-columns.html">Two Columns</a></li>
<li><a href="../masonry-three-columns.html">Three Columns</a></li>
<li><a href="../masonry-four-columns.html">Four Columns</a></li>
</ul>
</li>
<li><a href="#">BLOG SINGLE</a>
<ul class="nav-dropdown">
<li><a href="../blog-single-full-width.html">Blog Single Full Width</a></li>
<li><a href="../blog-single-left-sidebar.html">Blog Single Left Sidebar</a></li>
<li><a href="../blog-single-right-sidebar.html">Blog Single Right Sidebar</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
</nav>
</div>
</div>
<!-- MEGAMENU END -->
<div class="home-slider">
<!-- SLIDER REVOLUTION START -->
<section class="example">
<article class="content">
<div id="rev_slider_28_1_wrapper" class="rev_slider_wrapper fullscreen-container"
data-alias="parallax-zoom-slices" data-source="gallery"
style="background:#000000;padding:0px;">
<!-- START REVOLUTION SLIDER 5.4.1 fullscreen mode -->
<div id="rev_slider_28_1" class="rev_slider fullscreenbanner" style="display:none;"
data-version="5.4.1">
<ul>
<!-- SLIDE -->
<li data-index="rs-82" data-transition="fade" data-slotamount="default"
data-hideafterloop="0" data-hideslideonmobile="off" data-easein="Power4.easeOut"
data-easeout="Power4.easeOut" data-masterspeed="1000"
data-thumb="../assets/images/waterfal-100x50.jpg" data-rotate="0"
data-saveperformance="off" data-title="Slide" data-param1="" data-param2=""
data-param3="" data-param4="" data-param5="" data-param6="" data-param7=""
data-param8="" data-param9="" data-param10="" data-description=""
data-slicey_shadow="0px 0px 50px 0px transparent">
<!-- MAIN IMAGE -->
<img src="../assets/images/waterfal.jpg" alt="" data-bgposition="center center"
data-kenburns="on" data-duration="7000" data-ease="Linear.easeNone"
data-scalestart="100" data-scaleend="150" data-rotatestart="0"
data-rotateend="0" data-blurstart="0" data-blurend="0" data-offsetstart="0 0"
data-offsetend="0 0" class="rev-slidebg" data-no-retina>
<!-- LAYERS -->
<!-- LAYER NR. 1 -->
<div class="tp-caption tp-shape tp-shapewrapper tp-slicey tp-resizeme"
id="slide-82-layer-13" data-x="['left','left','left','left']"
data-hoffset="['250','171','39','17']" data-y="['top','top','top','top']"
data-voffset="['779','693','847','630']"
data-fontweight="['100','600','600','600']"
data-width="['493','490','490','312']"
data-height="['216','222','222','293']" data-whitespace="nowrap"
data-type="shape" data-slicey_offset="20" data-slicey_blurstart="inherit"
data-slicey_blurend="inherit" data-responsive_offset="on"
data-frames='[{"delay":300,"speed":1500,"frame":"0","from":"sX:0.9;sY:0.9;opacity:0;","to":"o:1;","ease":"Power4.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
style="z-index: 5;background-color:rgba(0, 0, 0, 0.5);"> </div>
<!-- LAYER NR. 2 -->
<div class="tp-caption tp-shape tp-shapewrapper tp-slicey tp-resizeme"
id="slide-82-layer-6" data-x="['left','left','left','left']"
data-hoffset="['141','81','48','19']" data-y="['top','top','top','top']"
data-voffset="['254','215','270','211']"
data-fontweight="['100','600','600','600']"
data-width="['281','257','140','75']" data-height="['345','343','250','127']"
data-whitespace="nowrap" data-type="shape" data-slicey_offset="10"
data-slicey_blurstart="inherit" data-slicey_blurend="inherit"
data-responsive_offset="on"
data-frames='[{"delay":350,"speed":1500,"frame":"0","from":"sX:0.9;sY:0.9;opacity:0;","to":"o:1;","ease":"Power4.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
style="z-index: 6;background-color:rgba(0, 0, 0, 0.5);"> </div>
<!-- LAYER NR. 3 -->
<div class="tp-caption tp-shape tp-shapewrapper tp-slicey tp-resizeme"
id="slide-82-layer-5" data-x="['left','left','left','left']"
data-hoffset="['687','574','469','301']" data-y="['top','top','top','top']"
data-voffset="['248','223','281','208']"
data-width="['338','308','140','94']" data-height="['621','602','787','542']"
data-whitespace="nowrap" data-type="shape" data-slicey_offset="10"
data-slicey_blurstart="inherit" data-slicey_blurend="inherit"
data-responsive_offset="on"
data-frames='[{"delay":400,"speed":1500,"frame":"0","from":"sX:0.9;sY:0.9;opacity:0;","to":"o:1;","ease":"Power4.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
style="z-index: 7;background-color:rgba(0, 0, 0, 0.5);"> </div>
<!-- LAYER NR. 4 -->
<div class="tp-caption tp-shape tp-shapewrapper tp-slicey tp-resizeme"
id="slide-82-layer-12" data-x="['left','left','left','left']"
data-hoffset="['851','688','551','355']" data-y="['top','top','top','top']"
data-voffset="['149','141','222','162']"
data-width="['339','329','226','77']" data-height="['809','662','867','569']"
data-whitespace="nowrap" data-type="shape" data-slicey_offset="20"
data-slicey_blurstart="inherit" data-slicey_blurend="inherit"
data-responsive_offset="on"
data-frames='[{"delay":450,"speed":1500,"frame":"0","from":"sX:0.9;sY:0.9;opacity:0;","to":"o:1;","ease":"Power4.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
style="z-index: 8;background-color:rgba(0, 0, 0, 0.5);"> </div>
<!-- LAYER NR. 5 -->
<div class="tp-caption tp-shape tp-shapewrapper tp-slicey tp-resizeme"
id="slide-82-layer-1" data-x="['left','left','left','left']"
data-hoffset="['-54','-22','-4','-23']" data-y="['top','top','top','top']"
data-voffset="['195','174','242','187']"
data-width="['396','278','133','90']" data-height="['762','664','779','564']"
data-whitespace="nowrap" data-type="shape" data-slicey_offset="20"
data-slicey_blurstart="inherit" data-slicey_blurend="inherit"
data-responsive_offset="on"
data-frames='[{"delay":500,"speed":1500,"frame":"0","from":"sX:0.9;sY:0.9;opacity:0;","to":"o:1;","ease":"Power4.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
style="z-index: 9;background-color:rgba(0, 0, 0, 0.5);"> </div>
<!-- LAYER NR. 6 -->
<div class="tp-caption tp-shape tp-shapewrapper tp-slicey tp-resizeme"
id="slide-82-layer-14" data-x="['left','left','left','left']"
data-hoffset="['992','835','644','413']" data-y="['top','top','top','top']"
data-voffset="['104','95','156','119']"
data-width="['756','404','242','150']"
data-height="['810','787','1038','654']" data-whitespace="nowrap"
data-type="shape" data-slicey_offset="30" data-slicey_blurstart="inherit"
data-slicey_blurend="inherit" data-responsive_offset="on"
data-frames='[{"delay":550,"speed":1500,"frame":"0","from":"sX:0.9;sY:0.9;opacity:0;","to":"o:1;","ease":"Power4.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
style="z-index: 10;background-color:rgba(0, 0, 0, 0.5);"> </div>
<!-- LAYER NR. 7 -->
<div class="tp-caption tp-shape tp-shapewrapper tp-slicey tp-resizeme"
id="slide-82-layer-15" data-x="['left','left','left','left']"
data-hoffset="['-424','-195','-215','-131']"
data-y="['top','top','top','top']" data-voffset="['119','138','208','170']"
data-width="['606','253','253','160']"
data-height="['762','668','829','670']" data-whitespace="nowrap"
data-type="shape" data-slicey_offset="30" data-slicey_blurstart="inherit"
data-slicey_blurend="inherit" data-responsive_offset="on"
data-frames='[{"delay":600,"speed":1500,"frame":"0","from":"sX:0.9;sY:0.9;opacity:0;","to":"o:1;","ease":"Power4.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
style="z-index: 11;background-color:rgba(0, 0, 0, 0.5);"> </div>
<!-- LAYER NR. 8 -->
<div class="tp-caption tp-shape tp-shapewrapper tp-slicey tp-resizeme"
id="slide-82-layer-16" data-x="['left','left','left','left']"
data-hoffset="['822','737','534','340']" data-y="['top','top','top','top']"
data-voffset="['459','385','536','350']"
data-width="['953','501','502','325']"
data-height="['464','431','661','400']" data-whitespace="nowrap"
data-type="shape" data-slicey_offset="40" data-slicey_blurstart="inherit"
data-slicey_blurend="inherit" data-responsive_offset="on"
data-frames='[{"delay":650,"speed":1500,"frame":"0","from":"sX:0.9;sY:0.9;opacity:0;","to":"o:1;","ease":"Power4.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
style="z-index: 12;background-color:rgba(0, 0, 0, 0.5);"> </div>
<!-- LAYER NR. 9 -->
<div class="tp-caption tp-shape tp-shapewrapper tp-slicey tp-resizeme"
id="slide-82-layer-17" data-x="['left','left','left','left']"
data-hoffset="['952','862','643','408']" data-y="['top','top','top','top']"
data-voffset="['588','498','676','449']"
data-width="['873','404','405','366']"
data-height="['462','401','571','343']" data-whitespace="nowrap"
data-type="shape" data-slicey_offset="60" data-slicey_blurstart="inherit"
data-slicey_blurend="inherit" data-responsive_offset="on"
data-frames='[{"delay":700,"speed":1500,"frame":"0","from":"sX:0.9;sY:0.9;opacity:0;","to":"o:1;","ease":"Power4.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
style="z-index: 13;background-color:rgba(0, 0, 0, 0.5);"> </div>
<!-- LAYER NR. 10 -->
<div class="tp-caption tp-resizeme" id="slide-82-layer-2"
data-x="['center','center','center','center']"
data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']"
data-voffset="['-48','-48','-48','-38']" data-width="none" data-height="none"
data-whitespace="nowrap" data-type="text" data-responsive_offset="on"
data-frames='[{"delay":200,"speed":1000,"sfx_effect":"blockfromleft","sfxcolor":"#ffffff","frame":"0","from":"z:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
style="z-index: 14; white-space: nowrap; font-size: 17px; line-height: 25px; font-weight: 600; color: rgba(255,255,255,100); letter-spacing: ;font-family:Poppins;text-transform:uppercase;">
Project #1 </div>
<!-- LAYER NR. 11 -->
<div class="tp-caption tp-resizeme" id="slide-82-layer-3"
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-fontsize="['50','50','40','30']"
data-lineheight="['60','60','50','40']"
data-width="['none','none','480','360']" data-height="none"
data-whitespace="['nowrap','nowrap','normal','normal']" data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":400,"speed":1000,"sfx_effect":"blockfromleft","sfxcolor":"#ffffff","frame":"0","from":"z:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"0","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(255, 255, 255, 100);bc:rgb(255,255,255);bw:0 0 3px 0;"}]'
data-textAlign="['inherit','inherit','center','center']"
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
style="z-index: 15; white-space: nowrap; font-size: 50px; line-height: 60px; font-weight: 600; color: rgba(255,255,255,100); letter-spacing: px;font-family:Poppins;border-color:rgba(255, 255, 255, 0);border-style:solid;border-width:0px 0px 3px 0px;cursor:pointer;">
Raw Iceland </div>
<!-- LAYER NR. 12 -->
<div class="tp-caption tp-resizeme" id="slide-82-layer-4"
data-x="['center','center','center','center']"
data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']"
data-voffset="['59','59','49','39']" data-width="none" data-height="none"
data-whitespace="nowrap" data-type="text" data-responsive_offset="on"
data-frames='[{"delay":600,"speed":1000,"sfx_effect":"blockfromleft","sfxcolor":"#ffffff","frame":"0","from":"z:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
style="z-index: 16; white-space: nowrap; font-size: 17px; line-height: 25px; font-weight: 400; color: rgba(255,255,255,100); letter-spacing: ;font-family:Poppins;">
ThemePunch Photography </div>
</li>
<!-- SLIDE -->
<li data-index="rs-83" data-transition="fade" data-slotamount="default"
data-hideafterloop="0" data-hideslideonmobile="off" data-easein="Power4.easeOut"
data-easeout="Power4.easeOut" data-masterspeed="1000"
data-thumb="../assets/images/colorcar-100x50.jpg" data-rotate="0"
data-saveperformance="off" data-title="Slide" data-param1="" data-param2=""
data-param3="" data-param4="" data-param5="" data-param6="" data-param7=""
data-param8="" data-param9="" data-param10="" data-description=""
data-slicey_shadow="0px 0px 50px 0px #1a1336">
<!-- MAIN IMAGE -->
<img src="../assets/images/colorcar.jpg" alt="" data-bgposition="center center"
data-kenburns="on" data-duration="7000" data-ease="Linear.easeNone"
data-scalestart="100" data-scaleend="150" data-rotatestart="0"
data-rotateend="0" data-blurstart="0" data-blurend="0" data-offsetstart="0 0"
data-offsetend="0 0" class="rev-slidebg" data-no-retina>
<!-- LAYERS -->
<!-- LAYER NR. 13 -->
<div class="tp-caption tp-shape tp-shapewrapper tp-slicey tp-resizeme"
id="slide-83-layer-7" data-x="['left','left','left','left']"
data-hoffset="['113','122','40','-95']" data-y="['top','top','top','top']"
data-voffset="['-137','27','78','54']" data-width="['973','809','809','573']"
data-height="['433','256','256','233']" data-whitespace="nowrap"
data-type="shape" data-slicey_offset="10" data-slicey_blurstart="inherit"
data-slicey_blurend="inherit" data-responsive_offset="on"
data-frames='[{"delay":500,"speed":1000,"frame":"0","from":"sX:1;sY:1;opacity:0;","to":"o:1;","ease":"Power4.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
style="z-index: 5;background-color:rgba(0, 0, 0, 0.5);"> </div>
<!-- LAYER NR. 14 -->
<div class="tp-caption tp-shape tp-shapewrapper tp-slicey tp-resizeme"
id="slide-83-layer-6" data-x="['left','left','left','left']"
data-hoffset="['26','-10','-133','-139']" data-y="['top','top','top','top']"
data-voffset="['252','194','190','256']"
data-fontweight="['100','600','600','600']"
data-width="['413','413','413','279']"
data-height="['437','437','437','336']" data-whitespace="nowrap"
data-type="shape" data-slicey_offset="20" data-slicey_blurstart="inherit"
data-slicey_blurend="inherit" data-responsive_offset="on"
data-frames='[{"delay":450,"speed":1000,"frame":"0","from":"sX:1;sY:1;opacity:0;","to":"o:1;","ease":"Power4.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
style="z-index: 6;background-color:rgba(0, 0, 0, 0.5);"> </div>
<!-- LAYER NR. 15 -->
<div class="tp-caption tp-shape tp-shapewrapper tp-slicey tp-resizeme"
id="slide-83-layer-1" data-x="['left','left','left','left']"
data-hoffset="['550','486','395','240']" data-y="['top','top','top','top']"
data-voffset="['351','334','377','348']"
data-width="['380','252','252','159']"
data-height="['404','309','309','291']" data-whitespace="nowrap"
data-type="shape" data-slicey_offset="30" data-slicey_blurstart="inherit"
data-slicey_blurend="inherit" data-responsive_offset="on"
data-frames='[{"delay":350,"speed":1000,"frame":"0","from":"sX:1;sY:1;opacity:0;","to":"o:1;","ease":"Power4.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
style="z-index: 7;background-color:rgba(0, 0, 0, 0.5);"> </div>
<!-- LAYER NR. 16 -->
<div class="tp-caption tp-shape tp-shapewrapper tp-slicey tp-resizeme"
id="slide-83-layer-5" data-x="['left','left','left','left']"
data-hoffset="['708','588','481','312']" data-y="['top','top','top','top']"
data-voffset="['245','207','252','251']"
data-width="['403','403','403','273']"
data-height="['178','178','178','157']" data-whitespace="nowrap"
data-type="shape" data-slicey_offset="40" data-slicey_blurstart="inherit"
data-slicey_blurend="inherit" data-responsive_offset="on"
data-frames='[{"delay":400,"speed":1000,"frame":"0","from":"sX:1;sY:1;opacity:0;","to":"o:1;","ease":"Power4.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
style="z-index: 8;background-color:rgba(0, 0, 0, 0.5);"> </div>
<!-- LAYER NR. 17 -->
<div class="tp-caption tp-resizeme" id="slide-83-layer-2"
data-x="['center','center','center','center']"
data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']"
data-voffset="['-48','-48','-48','-38']" data-width="none" data-height="none"
data-whitespace="nowrap" data-type="text" data-responsive_offset="on"
data-frames='[{"delay":200,"speed":1000,"sfx_effect":"blockfromleft","sfxcolor":"#ffffff","frame":"0","from":"z:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
style="z-index: 9; white-space: nowrap; font-size: 17px; line-height: 25px; font-weight: 600; color: rgba(255,255,255,100); letter-spacing: ;font-family:Poppins;text-transform:uppercase;">
Project #2 </div>
<!-- LAYER NR. 18 -->
<div class="tp-caption tp-resizeme" id="slide-83-layer-3"
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-fontsize="['50','50','40','30']"
data-lineheight="['60','60','50','40']"
data-width="['none','none','480','360']" data-height="none"
data-whitespace="['nowrap','nowrap','normal','normal']" data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":400,"speed":1000,"sfx_effect":"blockfromleft","sfxcolor":"#ffffff","frame":"0","from":"z:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"0","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(255, 255, 255, 100);bc:rgb(255,255,255);bw:0 0 3px 0;"}]'
data-textAlign="['inherit','inherit','center','center']"
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
style="z-index: 10; white-space: nowrap; font-size: 50px; line-height: 60px; font-weight: 600; color: rgba(255,255,255,100); letter-spacing: px;font-family:Poppins;border-color:rgba(255, 255, 255, 0);border-style:solid;border-width:0px 0px 3px 0px;cursor:pointer;">
Design Curves </div>
<!-- LAYER NR. 19 -->
<div class="tp-caption tp-resizeme" id="slide-83-layer-4"
data-x="['center','center','center','center']"
data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']"
data-voffset="['59','59','49','39']" data-width="none" data-height="none"
data-whitespace="nowrap" data-type="text" data-responsive_offset="on"
data-frames='[{"delay":600,"speed":1000,"sfx_effect":"blockfromleft","sfxcolor":"#ffffff","frame":"0","from":"z:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
style="z-index: 11; white-space: nowrap; font-size: 17px; line-height: 25px; font-weight: 400; color: rgba(255,255,255,100); letter-spacing: ;font-family:Poppins;">
ThemePunch Photography </div>
</li>
<!-- SLIDE -->
<li data-index="rs-85" data-transition="fade" data-slotamount="default"
data-hideafterloop="0" data-hideslideonmobile="off" data-easein="Power4.easeOut"
data-easeout="Power4.easeOut" data-masterspeed="1000"
data-thumb="../assets/images/art-100x50.jpg" data-rotate="0"
data-saveperformance="off" data-title="Slide" data-param1="" data-param2=""
data-param3="" data-param4="" data-param5="" data-param6="" data-param7=""
data-param8="" data-param9="" data-param10="" data-description=""
data-slicey_shadow="0px 0px 50px 0px rgba(0, 0, 0, 0.15)">
<!-- MAIN IMAGE -->
<img src="../assets/images/art.jpg" alt="" data-bgposition="center center"
data-kenburns="on" data-duration="7000" data-ease="Linear.easeNone"
data-scalestart="100" data-scaleend="120" data-rotatestart="0"
data-rotateend="0" data-blurstart="0" data-blurend="0" data-offsetstart="0 0"
data-offsetend="0 0" class="rev-slidebg" data-no-retina>
<!-- LAYERS -->
<!-- LAYER NR. 20 -->
<div class="tp-caption tp-shape tp-shapewrapper tp-slicey tp-resizeme"
id="slide-85-layer-1" data-x="['right','left','left','left']"
data-hoffset="['664','213','102','-169']" data-y="['top','top','top','top']"
data-voffset="['254','203','228','223']"
data-width="['1202','253','253','372']"
data-height="['939','824','819','493']" data-whitespace="nowrap"
data-type="shape" data-slicey_offset="20" data-slicey_blurstart="inherit"
data-slicey_blurend="inherit" data-responsive_offset="on"
data-frames='[{"delay":200,"speed":2000,"frame":"0","from":"x:25px;y:-25px;sX:1;sY:1;opacity:0;","to":"o:1;rZ:-3;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
style="z-index: 5;background-color:rgba(0, 0, 0, 0.5);"> </div>
<!-- LAYER NR. 21 -->
<div class="tp-caption tp-shape tp-shapewrapper tp-slicey tp-resizeme"
id="slide-85-layer-6" data-x="['left','left','left','left']"
data-hoffset="['627','519','404','247']" data-y="['top','top','top','top']"
data-voffset="['409','308','344','309']"
data-width="['818','413','413','491']"
data-height="['775','437','437','374']" data-whitespace="nowrap"
data-type="shape" data-slicey_offset="40" data-slicey_blurstart="inherit"
data-slicey_blurend="inherit" data-responsive_offset="on"
data-frames='[{"delay":250,"speed":2000,"frame":"0","from":"x:-25px;y:-25px;sX:1.1;sY:1.1;opacity:0;","to":"o:1;rZ:-2;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
style="z-index: 6;background-color:rgba(0, 0, 0, 0.5);"> </div>
<!-- LAYER NR. 22 -->
<div class="tp-caption tp-shape tp-shapewrapper tp-slicey tp-resizeme"
id="slide-85-layer-7" data-x="['left','left','left','left']"
data-hoffset="['621','519','403','248']" data-y="['top','top','top','top']"
data-voffset="['-247','-110','41','27']"
data-width="['1279','294','214','235']"
data-height="['618','370','254','243']" data-whitespace="nowrap"
data-type="shape" data-slicey_offset="30" data-slicey_blurstart="inherit"
data-slicey_blurend="inherit" data-responsive_offset="on"
data-frames='[{"delay":300,"speed":2000,"frame":"0","from":"x:-25px;y:25px;sX:1;sY:1;opacity:0;","to":"o:1;rZ:3;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
style="z-index: 7;background-color:rgba(0, 0, 0, 0.5);"> </div>
<!-- LAYER NR. 23 -->
<div class="tp-caption tp-shape tp-shapewrapper tp-slicey tp-resizeme"
id="slide-85-layer-15" data-x="['right','right','right','left']"
data-hoffset="['663','560','423','-648']" data-y="['top','top','top','top']"
data-voffset="['-415','22','40','27']" data-width="['970','776','776','850']"
data-height="['578','146','146','158']" data-whitespace="nowrap"
data-type="shape" data-slicey_offset="10" data-slicey_blurstart="inherit"
data-slicey_blurend="inherit" data-responsive_offset="on"
data-frames='[{"delay":350,"speed":2000,"frame":"0","from":"x:25px;y:25px;sX:1;sY:1;opacity:0;","to":"o:1;rZ:2;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
style="z-index: 8;background-color:rgba(0, 0, 0, 0.5);"> </div>
<!-- LAYER NR. 24 -->
<div class="tp-caption tp-resizeme" id="slide-85-layer-2"
data-x="['center','center','center','center']"
data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']"
data-voffset="['-48','-48','-48','-38']" data-width="none" data-height="none"
data-whitespace="nowrap" data-type="text" data-responsive_offset="on"
data-frames='[{"delay":200,"speed":1000,"sfx_effect":"blockfromleft","sfxcolor":"#ffffff","frame":"0","from":"z:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
style="z-index: 9; white-space: nowrap; font-size: 17px; line-height: 25px; font-weight: 600; color: rgba(255,255,255,100); letter-spacing: ;font-family:Poppins;text-transform:uppercase;">
Project #3 </div>
<!-- LAYER NR. 25 -->
<div class="tp-caption tp-resizeme" id="slide-85-layer-3"
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-fontsize="['50','50','40','30']"
data-lineheight="['60','60','50','40']"
data-width="['none','none','480','360']" data-height="none"
data-whitespace="['nowrap','nowrap','normal','normal']" data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":400,"speed":1000,"sfx_effect":"blockfromleft","sfxcolor":"#ffffff","frame":"0","from":"z:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"0","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgb(255,255,255);bc:rgb(255,255,255);bw:0 0 3px 0;"}]'
data-textAlign="['inherit','inherit','center','center']"
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
style="z-index: 10; white-space: nowrap; font-size: 50px; line-height: 60px; font-weight: 600; color: rgba(255,255,255,100); letter-spacing: px;font-family:Poppins;border-color:rgba(255, 255, 255, 0);border-style:solid;border-width:0px 0px 3px 0px;cursor:pointer;">
Fractured </div>
<!-- LAYER NR. 26 -->
<div class="tp-caption tp-resizeme" id="slide-85-layer-4"
data-x="['center','center','center','center']"
data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']"
data-voffset="['59','59','49','39']" data-width="none" data-height="none"
data-whitespace="nowrap" data-type="text" data-responsive_offset="on"
data-frames='[{"delay":600,"speed":1000,"sfx_effect":"blockfromleft","sfxcolor":"#ffffff","frame":"0","from":"z:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
style="z-index: 11; white-space: nowrap; font-size: 17px; line-height: 25px; font-weight: 400; color: rgba(255,255,255,100); letter-spacing: ;font-family:Poppins;">
ThemePunch Photography </div>
</li>
<!-- SLIDE -->
<li data-index="rs-84" data-transition="fade" data-slotamount="default"
data-hideafterloop="0" data-hideslideonmobile="off" data-easein="Power4.easeOut"
data-easeout="Power4.easeOut" data-masterspeed="1000"
data-thumb="../assets/images/flower-100x50.jpg" data-rotate="0"
data-saveperformance="off" data-title="Slide" data-param1="" data-param2=""
data-param3="" data-param4="" data-param5="" data-param6="" data-param7=""
data-param8="" data-param9="" data-param10="" data-description=""
data-slicey_shadow="0px 0px 50px 0px #373344">
<!-- MAIN IMAGE -->
<img src="../assets/images/flower.jpg" alt="" data-bgposition="center center"
data-kenburns="on" data-duration="7000" data-ease="Linear.easeNone"
data-scalestart="100" data-scaleend="130" data-rotatestart="0"
data-rotateend="0" data-blurstart="0" data-blurend="0" data-offsetstart="0 0"
data-offsetend="0 0" class="rev-slidebg" data-no-retina>
<!-- LAYERS -->
<!-- LAYER NR. 27 -->
<div class="tp-caption tp-shape tp-shapewrapper tp-slicey tp-resizeme"
id="slide-84-layer-6" data-x="['left','left','left','left']"
data-hoffset="['762','-10','-133','-139']" data-y="['top','top','top','top']"
data-voffset="['553','194','190','256']"
data-width="['388','413','413','279']"
data-height="['196','437','437','336']" data-whitespace="nowrap"
data-type="shape" data-slicey_offset="10" data-slicey_blurstart="inherit"
data-slicey_blurend="inherit" data-responsive_offset="on"
data-frames='[{"delay":200,"speed":1000,"frame":"0","from":"sX:1;sY:1;opacity:0;fb:10px;","to":"o:1;fb:0;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
style="z-index: 5;background-color:rgba(0, 0, 0, 0.5);"> </div>
<!-- LAYER NR. 28 -->
<div class="tp-caption tp-shape tp-shapewrapper tp-slicey tp-resizeme"
id="slide-84-layer-7" data-x="['left','left','left','left']"
data-hoffset="['607','122','40','-95']" data-y="['top','top','top','top']"
data-voffset="['17','27','78','54']" data-width="['445','809','809','573']"
data-height="['434','256','256','233']" data-whitespace="nowrap"
data-type="shape" data-slicey_offset="20" data-slicey_blurstart="inherit"
data-slicey_blurend="inherit" data-responsive_offset="on"
data-frames='[{"delay":250,"speed":1000,"frame":"0","from":"sX:1;sY:1;opacity:0;fb:10px;","to":"o:1;fb:0;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
style="z-index: 6;background-color:rgba(0, 0, 0, 0.5);"> </div>
<!-- LAYER NR. 29 -->
<div class="tp-caption tp-shape tp-shapewrapper tp-slicey tp-resizeme"
id="slide-84-layer-1" data-x="['left','left','left','left']"
data-hoffset="['318','486','395','240']" data-y="['top','top','top','top']"
data-voffset="['358','334','377','348']"
data-width="['320','252','252','159']"
data-height="['436','309','309','291']" data-whitespace="nowrap"
data-type="shape" data-slicey_offset="30" data-slicey_blurstart="inherit"
data-slicey_blurend="inherit" data-responsive_offset="on"
data-frames='[{"delay":300,"speed":1000,"frame":"0","from":"sX:1;sY:1;opacity:0;fb:10px;","to":"o:1;fb:0;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
style="z-index: 7;background-color:rgba(0, 0, 0, 0.5);"> </div>
<!-- LAYER NR. 30 -->
<div class="tp-caption tp-shape tp-shapewrapper tp-slicey tp-resizeme"
id="slide-84-layer-5" data-x="['left','left','left','left']"
data-hoffset="['85','588','481','312']" data-y="['top','top','top','top']"
data-voffset="['283','207','252','251']"
data-width="['291','403','403','273']"
data-height="['179','178','178','157']" data-whitespace="nowrap"
data-type="shape" data-slicey_offset="50" data-slicey_blurstart="inherit"
data-slicey_blurend="inherit" data-responsive_offset="on"
data-frames='[{"delay":350,"speed":1000,"frame":"0","from":"sX:1;sY:1;opacity:0;fb:10px;","to":"o:1;fb:0;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
style="z-index: 8;background-color:rgba(0, 0, 0, 0.5);"> </div>
<!-- LAYER NR. 31 -->
<div class="tp-caption tp-shape tp-shapewrapper tp-slicey tp-resizeme"
id="slide-84-layer-9" data-x="['left','left','left','left']"
data-hoffset="['378','588','481','312']" data-y="['top','top','top','top']"
data-voffset="['20','207','252','251']"
data-width="['165','403','403','273']"
data-height="['235','178','178','157']" data-whitespace="nowrap"
data-type="shape" data-slicey_offset="70" data-slicey_blurstart="inherit"
data-slicey_blurend="inherit" data-responsive_offset="on"
data-frames='[{"delay":400,"speed":1000,"frame":"0","from":"sX:1;sY:1;opacity:0;fb:10px;","to":"o:1;fb:0;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
style="z-index: 9;background-color:rgba(0, 0, 0, 0.5);"> </div>
<!-- LAYER NR. 32 -->
<div class="tp-caption tp-resizeme" id="slide-84-layer-2"
data-x="['center','center','center','center']"
data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']"
data-voffset="['-48','-48','-48','-38']" data-width="none" data-height="none"
data-whitespace="nowrap" data-type="text" data-responsive_offset="on"
data-frames='[{"delay":200,"speed":1000,"sfx_effect":"blockfromleft","sfxcolor":"#ffffff","frame":"0","from":"z:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
style="z-index: 10; white-space: nowrap; font-size: 17px; line-height: 25px; font-weight: 600; color: rgba(255,255,255,100); letter-spacing: ;font-family:Poppins;text-transform:uppercase;">
Project #4 </div>
<!-- LAYER NR. 33 -->
<div class="tp-caption tp-resizeme" id="slide-84-layer-3"
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-fontsize="['50','50','40','30']"
data-lineheight="['60','60','50','40']"
data-width="['none','none','480','360']" data-height="none"
data-whitespace="['nowrap','nowrap','normal','normal']" data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":400,"speed":1000,"sfx_effect":"blockfromleft","sfxcolor":"#ffffff","frame":"0","from":"z:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"0","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(255, 255, 255, 100);bc:rgb(255,255,255);bw:0 0 3px 0;"}]'
data-textAlign="['inherit','inherit','center','center']"
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
style="z-index: 11; white-space: nowrap; font-size: 50px; line-height: 60px; font-weight: 600; color: rgba(255,255,255,100); letter-spacing: px;font-family:Poppins;border-color:rgba(255, 255, 255, 0);border-style:solid;border-width:0px 0px 3px 0px;cursor:pointer;">
Fractals in Nature </div>
<!-- LAYER NR. 34 -->
<div class="tp-caption tp-resizeme" id="slide-84-layer-4"
data-x="['center','center','center','center']"
data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']"
data-voffset="['59','59','49','39']" data-width="none" data-height="none"
data-whitespace="nowrap" data-type="text" data-responsive_offset="on"
data-frames='[{"delay":600,"speed":1000,"sfx_effect":"blockfromleft","sfxcolor":"#ffffff","frame":"0","from":"z:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
style="z-index: 12; white-space: nowrap; font-size: 17px; line-height: 25px; font-weight: 400; color: rgba(255,255,255,100); letter-spacing: ;font-family:Poppins;">
ThemePunch Photography </div>
</li>
<!-- SLIDE -->
<li data-index="rs-86" data-transition="fade" data-slotamount="default"
data-hideafterloop="0" data-hideslideonmobile="off" data-easein="Power4.easeOut"
data-easeout="Power4.easeOut" data-masterspeed="1000"
data-thumb="../assets/images/duality-100x50.jpg" data-rotate="0"
data-saveperformance="off" data-title="Slide" data-param1="" data-param2=""
data-param3="" data-param4="" data-param5="" data-param6="" data-param7=""
data-param8="" data-param9="" data-param10="" data-description=""
data-slicey_shadow="0px 0px 50px 0px transparent">
<!-- MAIN IMAGE -->
<img src="../assets/images/duality.jpg" alt="" data-bgposition="center center"
data-kenburns="on" data-duration="7000" data-ease="Linear.easeNone"
data-scalestart="100" data-scaleend="120" data-rotatestart="0"
data-rotateend="0" data-blurstart="0" data-blurend="0" data-offsetstart="0 0"
data-offsetend="0 0" class="rev-slidebg" data-no-retina>
<!-- LAYERS -->
<!-- LAYER NR. 35 -->
<div class="tp-caption tp-shape tp-shapewrapper tp-slicey tp-resizeme"
id="slide-86-layer-6" data-x="['left','left','left','left']"
data-hoffset="['612','77','-51','-139']" data-y="['top','top','top','top']"
data-voffset="['427','225','288','256']"
data-width="['379','413','413','279']"
data-height="['400','437','437','336']" data-whitespace="nowrap"
data-type="shape" data-slicey_offset="30" data-slicey_blurstart="inherit"
data-slicey_blurend="inherit" data-responsive_offset="on"
data-frames='[{"delay":200,"speed":300,"frame":"0","from":"sX:0;sY:0;opacity:0;fb:30px;fg:0;","to":"o:1;fb:0px;fg:100%;","ease":"Bounce.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;fg:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
data-blendmode="lighten"
style="z-index: 5;background-color:rgba(0, 0, 0, 0.5);">
<div class="rs-looped rs-wave" data-speed="2" data-angle="0"
data-radius="2px" data-origin="50% 50%"> </div>
</div>
<!-- LAYER NR. 36 -->
<div class="tp-caption tp-shape tp-shapewrapper tp-slicey tp-resizeme"
id="slide-86-layer-7" data-x="['left','left','left','left']"
data-hoffset="['607','122','40','-31']" data-y="['top','top','top','top']"
data-voffset="['17','27','78','59']" data-width="['445','809','809','573']"
data-height="['434','256','256','233']" data-whitespace="nowrap"
data-type="shape" data-slicey_offset="20" data-slicey_blurstart="inherit"
data-slicey_blurend="inherit" data-responsive_offset="on"
data-frames='[{"delay":250,"speed":300,"frame":"0","from":"sX:0;sY:0;opacity:0;fb:30px;","to":"o:1;fb:0px;","ease":"Elastic.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
data-blendmode="lighten"
style="z-index: 6;background-color:rgba(0, 0, 0, 0.5);">
<div class="rs-looped rs-pendulum" data-easing="Power1.easeInOut"
data-startdeg="-1" data-enddeg="1" data-speed="2" data-origin="50% 50%">
</div>
</div>
<!-- LAYER NR. 37 -->
<div class="tp-caption tp-shape tp-shapewrapper tp-slicey tp-resizeme"
id="slide-86-layer-1" data-x="['left','left','left','left']"
data-hoffset="['318','472','319','123']" data-y="['top','top','top','top']"
data-voffset="['358','409','465','386']"
data-width="['320','252','252','159']"
data-height="['436','309','309','291']" data-whitespace="nowrap"
data-type="shape" data-slicey_offset="5" data-slicey_blurstart="inherit"
data-slicey_blurend="inherit" data-responsive_offset="on"
data-frames='[{"delay":300,"speed":300,"frame":"0","from":"sX:0;sY:0;opacity:0;fb:30px;","to":"o:1;fb:0px;","ease":"Elastic.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
data-blendmode="lighten"
style="z-index: 7;background-color:rgba(0, 0, 0, 0.5);"> </div>
<!-- LAYER NR. 38 -->
<div class="tp-caption tp-shape tp-shapewrapper tp-slicey tp-resizeme"
id="slide-86-layer-5" data-x="['left','left','left','left']"
data-hoffset="['474','588','481','224']" data-y="['top','top','top','top']"
data-voffset="['234','207','252','403']"
data-width="['398','403','403','273']"
data-height="['180','178','178','157']" data-whitespace="nowrap"
data-type="shape" data-slicey_offset="40" data-slicey_blurstart="inherit"
data-slicey_blurend="inherit" data-responsive_offset="on"
data-frames='[{"delay":350,"speed":300,"frame":"0","from":"sX:0;sY:0;opacity:0;fb:30px;","to":"o:1;fb:0px;","ease":"Bounce.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
data-blendmode="lighten"
style="z-index: 8;background-color:rgba(0, 0, 0, 0.5);"> </div>
<!-- LAYER NR. 39 -->
<div class="tp-caption tp-shape tp-shapewrapper tp-slicey tp-resizeme"
id="slide-86-layer-9" data-x="['left','left','left','left']"
data-hoffset="['284','379','329','130']" data-y="['top','top','top','top']"
data-voffset="['102','245','324','276']"
data-width="['403','403','403','273']"
data-height="['349','178','178','157']" data-whitespace="nowrap"
data-type="shape" data-slicey_offset="10" data-slicey_blurstart="inherit"
data-slicey_blurend="inherit" data-responsive_offset="on"
data-frames='[{"delay":400,"speed":300,"frame":"0","from":"sX:0;sY:0;opacity:0;fb:30px;fg:0;","to":"o:1;fb:0px;fg:100%;","ease":"Bounce.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;fg:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
data-blendmode="lighten"
style="z-index: 9;background-color:rgba(0, 0, 0, 0.5);">
<div class="rs-looped rs-wave" data-speed="2" data-angle="0"
data-radius="3px" data-origin="50% 50%"> </div>
</div>
<!-- LAYER NR. 40 -->
<div class="tp-caption tp-resizeme" id="slide-86-layer-2"
data-x="['center','center','center','center']"
data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']"
data-voffset="['-48','-48','-48','-38']" data-width="none" data-height="none"
data-whitespace="nowrap" data-type="text" data-responsive_offset="on"
data-frames='[{"delay":200,"speed":1000,"sfx_effect":"blockfromleft","sfxcolor":"#ffffff","frame":"0","from":"z:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
style="z-index: 10; white-space: nowrap; font-size: 17px; line-height: 25px; font-weight: 600; color: rgba(255,255,255,100); letter-spacing: ;font-family:Poppins;text-transform:uppercase;">
Project #5 </div>
<!-- LAYER NR. 41 -->
<div class="tp-caption tp-resizeme" id="slide-86-layer-3"
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-fontsize="['50','50','40','30']"
data-lineheight="['60','60','50','40']"
data-width="['none','none','480','360']" data-height="none"
data-whitespace="['nowrap','nowrap','normal','normal']" data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":400,"speed":1000,"sfx_effect":"blockfromleft","sfxcolor":"#ffffff","frame":"0","from":"z:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"0","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(255, 255, 255, 100);bc:rgb(255,255,255);bw:0 0 3px 0;"}]'
data-textAlign="['inherit','inherit','center','center']"
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
style="z-index: 11; white-space: nowrap; font-size: 50px; line-height: 60px; font-weight: 600; color: rgba(255,255,255,100); letter-spacing: px;font-family:Poppins;border-color:rgba(255, 255, 255, 0);border-style:solid;border-width:0px 0px 3px 0px;cursor:pointer;">
Duality Principle </div>
<!-- LAYER NR. 42 -->
<div class="tp-caption tp-resizeme" id="slide-86-layer-4"
data-x="['center','center','center','center']"
data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']"
data-voffset="['59','59','49','39']" data-width="none" data-height="none"
data-whitespace="nowrap" data-type="text" data-responsive_offset="on"
data-frames='[{"delay":600,"speed":1000,"sfx_effect":"blockfromleft","sfxcolor":"#ffffff","frame":"0","from":"z:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
style="z-index: 12; white-space: nowrap; font-size: 17px; line-height: 25px; font-weight: 400; color: rgba(255,255,255,100); letter-spacing: ;font-family:Poppins;">
ThemePunch Photography </div>
</li>
</ul>
<div class="tp-bannertimer" style="height: 10px; background: rgba(255,255,255,0.25);">
</div>
</div>
</div>
</article>
</section>
<!-- SLIDER REVOLUTION END -->
</div>
</header>
<!-- HEADER END -->
<section>
<div class="container mt-5 mb-5">
<div class="row">
<div class="col-lg-4">
<div class="slider-feature-info">
<h5 class="overtitle">Parallax Zoom </h5>
<h2>SLIDER REVOLUTION</h2>
<p>Including the powerful and stunning Slider Revolution is an innovative, responsive jQuery Slider Plugin that displays your content the beautiful way.</p>
</div>
</div>
<div class="col-lg-8 spacing-md">
<div class="row">
<div class="col-md-6 top-col">
<div class="d-flex">
<div class="flex-shrink-0">
<img src="../images/icons/levels.svg" class="sr-core-icon" alt="...">
</div>
<div class="flex-grow-1 ms-3">
<h5 class="mt-0">SLIDERS DIVERSITY</h5>
<p>With more than 100 templates, it allows you to create almost any type of web pages.</p>
</div>
</div>
</div>
<div class="col-md-6 top-col">
<div class="d-flex">
<div class="flex-shrink-0">
<img src="../images/icons/document.svg" class="sr-core-icon" alt="...">
</div>
<div class="flex-grow-1 ms-3">
<h5 class="mt-0">DOCUMENTATION</h5>
<p>Complete and clear documentation for an easy and fast installation..</p>
</div>
</div>
</div>
<div class="col-md-6 bottom-col-resp">
<div class="d-flex">
<div class="flex-shrink-0">
<img src="../images/icons/device.svg" class="sr-core-icon" alt="...">
</div>
<div class="flex-grow-1 ms-3">
<h5 class="mt-0">RESPONSIVE DESIGN</h5>
<p>Slider Revolution adapts to any device for a better visual experience..</p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="d-flex">
<div class="flex-shrink-0">
<img src="../images/icons/support.svg" class="sr-core-icon" alt="...">
</div>
<div class="flex-grow-1 ms-3">
<h5 class="mt-0">PREMIUM SUPPORT</h5>
<p>If you have any problems in the installation process, we are here to help you.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<hr class="rs-line">
</div>
<div class="container rs-call-to-action mt-5 mb-5">
<div class="row">
<div class="col-lg-8">
<div class="ca-left-side">
<h3>Premium Multi-Purpose HTML5 Template</h3>
<p>Let's develop your project with this impressive and powerful template that helps you
create beautiful web pages. An original solution for any business..</p>
</div>
</div>
<div class="col-md-12 col-lg-4">
<div class="ca-right-side flex-parent jc-center">
<a class="tp-btn-primary" href="https://themeforest.net/item/merit-premium-multipurpose-html5-template/21866679" target="_blank">Purchase now</a>
</div>
</div>
</div>
</div>
</section>
<!-- FOOTER START -->
<footer>
<div class="container mt-5">
<div class="top-footer">
<div class="row">
<div class="col-lg-12 col-xl-7">
<h3>Creative and affordable website solution</h3>
<p>Build modern websites with this powefull Multi-Purpose Template.</p>
</div>
<div class="col-lg-12 col-xl-5">
<div class="footer-btn">
<a class="tp-btn-primary" href="https://themeforest.net/item/merit-premium-multipurpose-html5-template/21866679" target="_blank" role="button">Purchase now</a>
</div>
</div>
</div>
</div>
<hr class="footer-line">
<div class="center-footer">
<div class="row">
<div class="col-lg-5">
<div class="footer-col footer-left-col">
<figure class="site-footer-logo">
<img src="../images/logos/logo.png" alt="">
</figure>
<p>Let's develop your project with this impressive and powerful template that helps you
create beautiful web pages. An original solution for any business.</p>
<ul class="footer-social">
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-dribbble"></i></a></li>
</ul>
</div>
</div>
<div class="col-lg-2">
<div class="footer-col">
<h5>Quick Links</h5>
<ul class="quick-links">
<li><a href="../index.html">Home</a></li>
<li><a href="../services-style-1.html">Services</a></li>
<li><a href="../blog-full-width.html">Blogs</a></li>
<li><a href="../contact-style-1.html">Contact</a></li>
</ul>
</div>
</div>
<div class="col-lg-2">
<div class="footer-col">
<h5>About</h5>
<ul class="quick-links">
<li><a href="../profile-style-1.html">Profile</a></li>
<li><a href="../team-style-1.html">Team</a></li>
<li><a href="../careers-style-1.html">Careers</a></li>
<li><a href="../faq.html">FAQ</a></li>
</ul>
</div>
</div>
<div class="col-lg-3">
<div class="footer-col">
<h5>Get in Touch</h5>
<ul class="footer-contact">
<li class="phone"><a href="tel:123-456-7890">+ 123-456-7890</a></li>
<li class="email"><a href="mailto:info@merit.com">info@merit.com</a></li>
<li>
<div class="d-flex">
<div class="flex-shrink-0">
<i class="fas fa-map-pin"></i>
</div>
<div class="flex-grow-1 ms-3">
<p>7391 North Bay Meadows Circle New York, NY 10040.</p>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<hr class="footer-line">
<div class="bottom-footer">
<div class="row">
<div class="col-lg-6">
<div class="footer-copyright">
<p>© 2022 <a href="https://themeforest.net/item/merit-premium-multipurpose-html5-template/21866679" target="_blank">Merit Premium Template</a> all rights reserved.</p>
</div>
</div>
<div class="col-lg-6">
<ul class="footer-terms">
<li><a href="../terms.html">Terms</a></li>
<li><a href="../privacy.html">Privacy</a></li>
<li><a href="../contact-style-4.html">Support</a></li>
</ul>
</div>
</div>
</div>
</div>
</footer>
<!-- FOOTER END -->
<!-- SCROLL TOP -->
<a href="#0" class="cd-top">Top</a>
<!-- TEMPLATE MAIN JAVASCRIPT FILES -->
<script src="../js/lib/jquery-3.6.0.min.js"></script>
<script src="../js/lib/bootstrap.min.js"></script>
<script src="../js/lib/plugins.js"></script>
<script src="../js/lib/megamenu.js"></script>
<script src="../js/lib/navigation.js"></script>
<script src="../js/lib/navigation.fixed.min.js"></script>
<script src="../js/main.js"></script>
<!-- REVOLUTION JS FILES -->
<script src="../revolution/js/jquery.themepunch.tools.min.js"></script>
<script src="../revolution/js/jquery.themepunch.revolution.min.js"></script>
<!-- SLIDER REVOLUTION 5.0 EXTENSIONS (Load Extensions only on Local File Systems ! The following part can be removed on Server for On Demand Loading) -->
<script src="../revolution/js/extensions/revolution.extension.actions.min.js"></script>
<script src="../revolution/js/extensions/revolution.extension.carousel.min.js"></script>
<script src="../revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
<script src="../revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script src="../revolution/js/extensions/revolution.extension.migration.min.js"></script>
<script src="../revolution/js/extensions/revolution.extension.navigation.min.js"></script>
<script src="../revolution/js/extensions/revolution.extension.parallax.min.js"></script>
<script src="../revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
<script src="../revolution/js/extensions/revolution.extension.video.min.js"></script>
<!-- SLICEY ADD-ON FILES -->
<script type='text/javascript' src='../revolution-addons/slicey/js/revolution.addon.slicey.min8a54.js?ver=1.0.0'></script>
<!-- REQUIRE JS FOR SLIDER REVOLUTION -->
<script>
var tpj = jQuery;
var revapi28;
tpj(document).ready(function () {
if (tpj("#rev_slider_28_1").revolution == undefined) {
revslider_showDoubleJqueryError("#rev_slider_28_1");
} else {
revapi28 = tpj("#rev_slider_28_1").show().revolution({
sliderType: "standard",
jsFileLocation: "revolution/js/",
sliderLayout: "fullscreen",
dottedOverlay: "none",
delay: 5500,
navigation: {
keyboardNavigation: "off",
keyboard_direction: "horizontal",
mouseScrollNavigation: "off",
mouseScrollReverse: "default",
onHoverStop: "off",
arrows: {
style: "uranus",
enable: true,
hide_onmobile: false,
hide_onleave: false,
tmp: '',
left: {
h_align: "left",
v_align: "center",
h_offset: 20,
v_offset: 0
},
right: {
h_align: "right",
v_align: "center",
h_offset: 20,
v_offset: 0
}
},
bullets: {
enable: true,
hide_onmobile: false,
style: "hermes",
hide_onleave: false,
direction: "horizontal",
h_align: "center",
v_align: "bottom",
h_offset: 0,
v_offset: 20,
space: 5,
tmp: ''
}
},
responsiveLevels: [1240, 1024, 778, 480],
visibilityLevels: [1240, 1024, 778, 480],
gridwidth: [1240, 1024, 778, 480],
gridheight: [868, 768, 960, 720],
lazyType: "none",
shadow: 0,
spinner: "off",
stopLoop: "off",
stopAfterLoops: -1,
stopAtSlide: -1,
shuffle: "off",
autoHeight: "off",
fullScreenAutoWidth: "off",
fullScreenAlignForce: "off",
fullScreenOffsetContainer: "",
fullScreenOffset: "60px",
hideThumbsOnMobile: "off",
hideSliderAtLimit: 0,
hideCaptionAtLimit: 0,
hideAllCaptionAtLilmit: 0,
debugMode: false,
fallbacks: {
simplifyAll: "off",
nextSlideOnWindowFocus: "off",
disableFocusListener: false,
}
});
}
if (revapi28) revapi28.revSliderSlicey();
}); /*ready*/
</script>
</body>
<!-- Mirrored from quickdevs.com/demo/merit/rev-sliders/parallax-zoom.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 29 Mar 2023 10:45:29 GMT -->
</html>