<!DOCTYPE html> <html lang="en-US" class="no-js"> <!-- Mirrored from quickdevs.com/demo/merit/rev-sliders/concept-slider.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 29 Mar 2023 10:32:08 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>Concept Slider - 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"> <!-- 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> Accordions</a></li> <li><a href="../elements/alerts.html"><i class="fas fa-exclamation-circle"></i> Alerts</a></li> <li><a href="../elements/animations.html"><i class="fas fa-exchange-alt"></i> Animations</a></li> <li><a href="../elements/blockquotes.html"><i class="fas fa-quote-left"></i> Blockquotes</a></li> <li><a href="../elements/breadcrumbs.html"><i class="fas fa-share"></i> Breadcrumbs</a></li> <li><a href="../elements/buttons.html"><i class="fas fa-square"></i> Buttons</a></li> <li><a href="../elements/call-to-action.html"><i class="fas fa-bullhorn"></i> Call to Action</a></li> <li><a href="../elements/charts.html"><i class="fas fa-circle-notch"></i> Charts</a></li> <li><a href="../elements/content-boxes.html"><i class="fas fa-th-large"></i> Content Boxes</a></li> <li><a href="../elements/counters.html"><i class="fas fa-bullseye"></i> 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> Customer</a></li> <li><a href="../elements/dropcaps.html"><i class="fas fa-font"></i> Dropcaps</a></li> <li><a href="../elements/flip-boxes.html"><i class="fas fa-sync-alt"></i> Flip Box</a></li> <li><a href="../elements/google-maps.html"><i class="fas fa-map"></i> Google Maps</a></li> <li><a href="../elements/grid-boxes.html"><i class="fas fa-th"></i> Grid Boxes</a></li> <li><a href="../elements/icon-boxes.html"><i class="fas fa-th-large"></i> Icon Boxes</a></li> <li><a href="../elements/icon-circle.html"><i class="far fa-circle"></i> Icon Circle</a></li> <li><a href="../elements/image-gallery.html"><i class="fas fa-expand"></i> Image Gallery</a></li> <li><a href="../elements/images.html"><i class="far fa-image"></i> Images</a></li> <li><a href="../elements/image-hover.html"><i class="fas fa-object-ungroup" aria-hidden="true"></i> 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> LightBox</a></li> <li><a href="../elements/modal-popup.html"><i class="fas fa-search-plus"></i> Modal Popup</a></li> <li><a href="../elements/pagination.html"><i class="fas fa-angle-double-right"></i> Pagination</a></li> <li><a href="../elements/parallax.html"><i class="fas fa-random"></i> Parallax</a></li> <li><a href="../elements/pricing-table.html"><i class="fas fa-table"></i> Pricing Tables</a></li> <li><a href="../elements/process-steps.html"><i class="fas fa-arrow-right"></i> Process Steps</a></li> <li><a href="../elements/profile-cards.html"><i class="fas fa-address-card"></i> Profile Cards</a></li> <li><a href="../elements/progress-bar.html"><i class="fas fa-tasks"></i> Progress Bar</a></li> <li><a href="../elements/recent-posts.html"><i class="fas fa-newspaper"></i> Recent Posts</a></li> <li><a href="../elements/section-styles.html"><i class="fas fa-outdent"></i> 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> Separators</a></li> <li><a href="../elements/shop-banners.html"><i class="fas fa-language"></i> Shop Banners</a></li> <li><a href="../elements/social-icons.html"><i class="fab fa-twitter"></i> Social Icons</a></li> <li><a href="../elements/tables.html"><i class="fas fa-table"></i> Tables</a></li> <li><a href="../elements/tabs.html"><i class="fas fa-window-maximize"></i> Tabs</a></li> <li><a href="../elements/team.html"><i class="fas fa-users"></i> Team</a></li> <li><a href="../elements/testimonials.html"><i class="fas fa-edit"></i> Testimonials</a></li> <li><a href="../elements/timeline.html"><i class="fas fa-arrow-down"></i> Timeline</a></li> <li><a href="../elements/videos.html"><i class="fas fa-video"></i> Videos & Audio</a></li> <li><a href="../elements/video-background.html"><i class="fas fa-photo-video"></i> 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_1059_1_wrapper" class="rev_slider_wrapper fullscreen-container" data-alias="concept121" data-source="gallery" style="background-color:#000000;padding:0px;"> <!-- START REVOLUTION SLIDER 5.4.1 fullscreen mode --> <div id="rev_slider_1059_1" class="rev_slider fullscreenbanner" style="display:none;" data-version="5.4.1"> <ul> <!-- SLIDE --> <li data-index="rs-2972" data-transition="slidingoverlayhorizontal" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="default" data-thumb="../assets/images/concept4-100x100.jpg" data-rotate="0" data-saveperformance="off" data-title="Web Show" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description=""> <!-- MAIN IMAGE --> <img src="../assets/images/concept4.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 tp-shape tp-shapewrapper " id="slide-2972-layer-1" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-width="full" data-height="full" data-whitespace="nowrap" data-type="shape" data-basealign="slide" data-responsive_offset="off" data-responsive="off" data-frames='[{"from":"opacity:0;","speed":1000,"to":"o:1;","delay":0,"ease":"Power2.easeInOut"},{"delay":"wait","speed":1000,"to":"opacity:0;","ease":"nothing"}]' data-textAlign="['left','left','left','left']" 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;text-transform:left;background-color:rgba(0, 0, 0, 0.35);border-color:rgba(0, 0, 0, 0);border-width:0px;"> </div> <!-- LAYER NR. 2 --> <div class="tp-caption Concept-SubTitle tp-resizeme rs-parallaxlevel-2" id="slide-2972-layer-4" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['-65','-65','-57','-54']" data-fontsize="['25','25','20','20']" data-lineheight="['25','25','20','20']" data-width="none" data-height="none" data-whitespace="nowrap" data-type="text" data-responsive_offset="on" data-frames='[{"from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","speed":1500,"to":"o:1;","delay":1500,"ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"to":"x:left(R);","ease":"Power3.easeIn"}]' data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[10,10,10,10]" data-paddingleft="[0,0,0,0]" style="z-index: 6; white-space: nowrap;text-transform:left;font-style:italic;">we help you get things done </div> <!-- LAYER NR. 3 --> <div class="tp-caption Concept-Title tp-resizeme rs-parallaxlevel-2" id="slide-2972-layer-2" 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="['70','70','50','40']" data-lineheight="['70','70','50','40']" data-width="['none','none','none','400']" data-height="none" data-whitespace="['nowrap','nowrap','nowrap','normal']" data-type="text" data-responsive_offset="on" data-frames='[{"from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","speed":1500,"to":"o:1;","delay":1700,"ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"to":"x:left(R);","ease":"Power3.easeIn"}]' data-textAlign="['center','center','center','center']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[10,10,10,10]" data-paddingleft="[0,0,0,0]" style="z-index: 7; white-space: nowrap;text-transform:left;">SUAVE WEB SHOWS </div> <!-- LAYER NR. 4 --> <div class="tp-caption tp-shape tp-shapewrapper tp-resizeme rs-parallaxlevel-2" id="slide-2972-layer-5" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['50','50','43','39']" data-width="80" data-height="2" data-whitespace="nowrap" data-type="shape" data-responsive_offset="on" data-frames='[{"from":"x:[175%];y:0px;z:0;rX:0;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:1;","mask":"x:[-100%];y:0;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":1900,"ease":"Power3.easeOut"},{"delay":"wait","speed":1000,"to":"x:left(R);","ease":"Power3.easeIn"}]' data-textAlign="['left','left','left','left']" 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;text-transform:left;background-color:rgba(255, 255, 255, 1.00);border-color:rgba(0, 0, 0, 0.50);border-width:0px;"> </div> <!-- LAYER NR. 5 --> <div class="tp-caption Concept-MoreBtn rev-btn rs-parallaxlevel-2" id="slide-2972-layer-7" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','top','top','top']" data-voffset="['502','452','541','417']" data-width="none" data-height="none" data-whitespace="nowrap" data-type="button" data-actions='[{"event":"click","action":"startlayer","layer":"slide-2972-layer-6","delay":""},{"event":"click","action":"startlayer","layer":"slide-2972-layer-8","delay":""},{"event":"click","action":"stoplayer","layer":"slide-2972-layer-7","delay":""},{"event":"click","action":"startlayer","layer":"slide-2972-layer-9","delay":""},{"event":"click","action":"startlayer","layer":"slide-2972-layer-10","delay":""},{"event":"click","action":"startlayer","layer":"slide-2972-layer-11","delay":""},{"event":"click","action":"stoplayer","layer":"slide-2972-layer-12","delay":""}]' data-responsive_offset="on" data-responsive="off" data-frames='[{"from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","speed":1000,"to":"o:1;","delay":2100,"ease":"Power3.easeInOut"},{"delay":"bytrigger","speed":2,"to":"auto:auto;","ease":"nothing"},{"frame":"hover","speed":"300","ease":"Power1.easeInOut","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(255, 255, 255, 1.00);bg:rgba(255, 255, 255, 0.15);bs:solid;"}]' data-textAlign="['left','left','left','left']" data-paddingtop="[10,10,10,10]" data-paddingright="[8,8,8,8]" data-paddingbottom="[7,7,7,7]" data-paddingleft="[10,10,10,10]" data-lasttriggerstate="reset" style="z-index: 9; white-space: nowrap;text-transform:left;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;"> <i class="pe-7s-plus"></i> </div> <!-- LAYER NR. 6 --> <div class="tp-caption Concept-Notice rs-parallaxlevel-2" id="slide-2972-layer-12" data-x="['center','center','center','center']" data-hoffset="['1','1','1','1']" data-y="['top','top','top','top']" data-voffset="['548','497','606','484']" data-width="none" data-height="none" data-whitespace="nowrap" data-type="text" data-responsive_offset="on" data-responsive="off" data-frames='[{"from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","speed":1000,"to":"o:1;","delay":2300,"ease":"Power3.easeInOut"},{"delay":"bytrigger","speed":300,"to":"auto:auto;","ease":"nothing"}]' data-textAlign="['center','center','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]" data-lasttriggerstate="reset" style="z-index: 10; white-space: nowrap;text-transform:left;"> <div class="rs-looped rs-slideloop" data-easing="Power1.easeInOut" data-speed="1" data-xs="0" data-xe="0" data-ys="10" data-ye="0"><i style="font-size:30px;" class="pe-7s-angle-up"></i><br />CLICK ME </div> </div> <!-- LAYER NR. 7 --> <div class="tp-caption tp-shape tp-shapewrapper " id="slide-2972-layer-9" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-width="full" data-height="full" data-whitespace="nowrap" data-type="shape" data-basealign="slide" data-responsive_offset="off" data-responsive="off" data-frames='[{"from":"opacity:0;","speed":800,"to":"o:1;","delay":"bytrigger","ease":"Power2.easeInOut"},{"delay":"bytrigger","speed":1200,"to":"opacity:0;","ease":"Power2.easeIn"}]' data-textAlign="['left','left','left','left']" 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-lasttriggerstate="reset" style="z-index: 11;text-transform:left;background-color:rgba(0, 0, 0, 0.85);border-color:rgba(0, 0, 0, 0);border-width:0px;"> </div> <!-- LAYER NR. 8 --> <div class="tp-caption Concept-Content tp-resizeme rs-parallaxlevel-2" id="slide-2972-layer-6" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','top','top','top']" data-voffset="['630','550','520','390']" data-width="['1000','800','480','400']" data-height="none" data-whitespace="normal" data-type="text" data-responsive_offset="on" data-frames='[{"from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","speed":1500,"to":"o:1;","delay":"bytrigger","ease":"Power3.easeInOut"},{"delay":"bytrigger","speed":700,"to":"auto:auto;","ease":"Power3.easeInOut"}]' data-textAlign="['center','center','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]" data-lasttriggerstate="reset" style="z-index: 12; min-width: 1000px; max-width: 1000px; white-space: normal;text-transform:left;"> No, seriously. Slider Revolution is revolutionizing the way you can present your websites most vital information.<br /> Build striking and highly usable presentations in no time.<br /><br /><a href="#purchase" class="onepager-link">COOL. LET'S GO!</a> </div> <!-- LAYER NR. 9 --> <div class="tp-caption tp-resizeme tp-videolayer" id="slide-2972-layer-10" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','top','top','top']" data-voffset="['231','150','200','150']" data-whitespace="normal" data-type="video" data-responsive_offset="on" data-frames='[{"from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","speed":1500,"to":"o:1;","delay":"bytrigger","ease":"Power3.easeInOut"},{"delay":"bytrigger","speed":700,"to":"auto:auto;","ease":"Power3.easeInOut"}]' data-vimeoid="139601645" data-videoattributes="title=0&byline=0&portrait=0&api=1" data-videowidth="['640px','640px','480px','360px']" data-videoheight="['360px','360px','270px','203px']" data-videoloop="none" data-textAlign="['left','left','left','left']" 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-lasttriggerstate="reset" data-autoplay="off" data-volume="100" style="z-index: 13;text-transform:left;border-width:0px;"> </div> <!-- LAYER NR. 10 --> <div class="tp-caption Concept-Title tp-resizeme" id="slide-2972-layer-11" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','top','top','top']" data-voffset="['150','70','120','40']" data-width="['none','none','none','400']" data-height="none" data-whitespace="['nowrap','nowrap','nowrap','normal']" data-type="text" data-responsive_offset="on" data-frames='[{"from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","speed":1500,"to":"o:1;","delay":"bytrigger","ease":"Power3.easeInOut"},{"delay":"bytrigger","speed":700,"to":"auto:auto;","ease":"nothing"}]' data-textAlign="['center','center','center','center']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[10,10,10,10]" data-paddingleft="[0,0,0,0]" data-lasttriggerstate="reset" style="z-index: 14; white-space: nowrap; font-size: 40px; line-height: 40px;text-transform:left;"> WHO DOESN'T LOVE CATS? </div> <!-- LAYER NR. 11 --> <div class="tp-caption Concept-LessBtn rev-btn " id="slide-2972-layer-8" data-x="['right','right','right','right']" data-hoffset="['30','30','5','5']" data-y="['top','top','top','top']" data-voffset="['30','30','5','5']" data-width="none" data-height="none" data-whitespace="nowrap" data-type="button" data-actions='[{"event":"click","action":"stoplayer","layer":"slide-2972-layer-6","delay":""},{"event":"click","action":"startlayer","layer":"slide-2972-layer-7","delay":""},{"event":"click","action":"stoplayer","layer":"slide-2972-layer-8","delay":""},{"event":"click","action":"stoplayer","layer":"slide-2972-layer-9","delay":""},{"event":"click","action":"stoplayer","layer":"slide-2972-layer-10","delay":""},{"event":"click","action":"stopvideo","layer":"slide-2972-layer-10","delay":""},{"event":"click","action":"stoplayer","layer":"slide-2972-layer-11","delay":""}]' data-basealign="slide" data-responsive_offset="off" data-responsive="off" data-frames='[{"from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","speed":1000,"to":"o:1;","delay":"bytrigger","ease":"Power3.easeInOut"},{"delay":"bytrigger","speed":2,"to":"auto:auto;","ease":"nothing"},{"frame":"hover","speed":"300","ease":"Power1.easeInOut","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(0, 0, 0, 1.00);bg:rgba(255, 255, 255, 1.00);bs:solid;"}]' data-textAlign="['left','left','left','left']" data-paddingtop="[10,10,10,10]" data-paddingright="[8,8,8,8]" data-paddingbottom="[7,7,7,7]" data-paddingleft="[10,10,10,10]" data-lasttriggerstate="reset" style="z-index: 15; white-space: nowrap;text-transform:left;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;"> <i class="pe-7s-close-circle"></i> </div> </li> <!-- SLIDE --> <li data-index="rs-2973" data-transition="slidingoverlayhorizontal" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="default" data-thumb="../assets/images/traincover-100x100.jpg" data-rotate="0" data-saveperformance="off" data-title="Elegant Video" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description=""> <!-- MAIN IMAGE --> <img src="../assets/images/traincover.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgparallax="5" class="rev-slidebg" data-no-retina> <!-- LAYERS --> <!-- BACKGROUND VIDEO LAYER --> <div class="rs-background-video-layer" data-forcerewind="on" data-volume="mute" data-videowidth="100%" data-videoheight="100%" data-videomp4="../assets/videos/Broadway.mp4" data-videopreload="auto" data-videoloop="loop" data-aspectratio="16:9" data-autoplay="true" data-autoplayonlyfirsttime="false"></div> <!-- LAYER NR. 12 --> <div class="tp-caption tp-shape tp-shapewrapper " id="slide-2973-layer-1" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-width="full" data-height="full" data-whitespace="nowrap" data-type="shape" data-basealign="slide" data-responsive_offset="off" data-responsive="off" data-frames='[{"from":"opacity:0;","speed":1000,"to":"o:1;","delay":"bytrigger","ease":"Power2.easeInOut"},{"delay":"bytrigger","speed":1000,"to":"opacity:0;","ease":"nothing"}]' data-textAlign="['left','left','left','left']" 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-lasttriggerstate="keep" style="z-index: 16;text-transform:left;background-color:rgba(0, 0, 0, 0.35);border-color:rgba(0, 0, 0, 0);border-width:0px;"> </div> <!-- LAYER NR. 13 --> <div class="tp-caption Concept-SubTitle tp-resizeme rs-parallaxlevel-2" id="slide-2973-layer-4" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['-65','-65','-57','-54']" data-fontsize="['25','25','20','20']" data-lineheight="['25','25','20','20']" data-width="none" data-height="none" data-whitespace="nowrap" data-type="text" data-responsive_offset="on" data-frames='[{"from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","speed":1500,"to":"o:1;","delay":1500,"ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"to":"x:left(R);","ease":"Power3.easeIn"}]' data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[10,10,10,10]" data-paddingleft="[0,0,0,0]" style="z-index: 17; white-space: nowrap;text-transform:left;font-style:italic;"> keep things in motion </div> <!-- LAYER NR. 14 --> <div class="tp-caption Concept-Title tp-resizeme rs-parallaxlevel-2" id="slide-2973-layer-2" 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="['70','70','50','40']" data-lineheight="['70','70','50','40']" data-width="['none','none','none','400']" data-height="none" data-whitespace="['nowrap','nowrap','nowrap','normal']" data-type="text" data-responsive_offset="on" data-frames='[{"from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","speed":1500,"to":"o:1;","delay":1700,"ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"to":"x:left(R);","ease":"Power3.easeIn"}]' data-textAlign="['center','center','center','center']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[10,10,10,10]" data-paddingleft="[0,0,0,0]" style="z-index: 18; white-space: nowrap;text-transform:left;">ELEGANT VIDEO </div> <!-- LAYER NR. 15 --> <div class="tp-caption tp-shape tp-shapewrapper tp-resizeme rs-parallaxlevel-2" id="slide-2973-layer-5" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['50','50','43','39']" data-width="80" data-height="2" data-whitespace="nowrap" data-type="shape" data-responsive_offset="on" data-frames='[{"from":"x:[175%];y:0px;z:0;rX:0;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:1;","mask":"x:[-100%];y:0;","speed":1500,"to":"o:1;","delay":1900,"ease":"Power3.easeOut"},{"delay":"wait","speed":1000,"to":"x:left(R);","ease":"Power3.easeIn"}]' data-textAlign="['left','left','left','left']" 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: 19;text-transform:left;background-color:rgba(255, 255, 255, 1.00);border-color:rgba(0, 0, 0, 0.50);border-width:0px;"> </div> <!-- LAYER NR. 16 --> <div class="tp-caption Concept-MoreBtn rev-btn rs-parallaxlevel-2" id="slide-2973-layer-7" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','top','top','top']" data-voffset="['502','452','541','417']" data-width="none" data-height="none" data-whitespace="nowrap" data-type="button" data-actions='[{"event":"click","action":"startlayer","layer":"slide-2973-layer-6","delay":""},{"event":"click","action":"startlayer","layer":"slide-2973-layer-8","delay":""},{"event":"click","action":"stoplayer","layer":"slide-2973-layer-7","delay":""},{"event":"click","action":"startlayer","layer":"slide-2973-layer-9","delay":""},{"event":"click","action":"startlayer","layer":"slide-2973-layer-1","delay":""},{"event":"click","action":"startlayer","layer":"slide-2973-layer-11","delay":""}]' data-responsive_offset="on" data-responsive="off" data-frames='[{"from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","speed":1000,"to":"o:1;","delay":2100,"ease":"Power3.easeInOut"},{"delay":"bytrigger","speed":2,"to":"auto:auto;","ease":"nothing"},{"frame":"hover","speed":"300","ease":"Power1.easeInOut","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(255, 255, 255, 1.00);bg:rgba(255, 255, 255, 0.15);bs:solid;"}]' data-textAlign="['left','left','left','left']" data-paddingtop="[10,10,10,10]" data-paddingright="[8,8,8,8]" data-paddingbottom="[7,7,7,7]" data-paddingleft="[10,10,10,10]" data-lasttriggerstate="reset" style="z-index: 20; white-space: nowrap;text-transform:left;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;"> <i class="pe-7s-plus"></i> </div> <!-- LAYER NR. 17 --> <div class="tp-caption tp-shape tp-shapewrapper " id="slide-2973-layer-9" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-width="full" data-height="full" data-whitespace="nowrap" data-type="shape" data-basealign="slide" data-responsive_offset="off" data-responsive="off" data-frames='[{"from":"opacity:0;","speed":800,"to":"o:1;","delay":"bytrigger","ease":"Power2.easeInOut"},{"delay":"bytrigger","speed":1200,"to":"opacity:0;","ease":"Power2.easeIn"}]' data-textAlign="['left','left','left','left']" 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-lasttriggerstate="reset" style="z-index: 21;text-transform:left;background-color:rgba(0, 0, 0, 0.85);border-color:rgba(0, 0, 0, 0);border-width:0px;"> </div> <!-- LAYER NR. 18 --> <div class="tp-caption Concept-Content tp-resizeme rs-parallaxlevel-2" id="slide-2973-layer-6" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['60','65','75','90']" data-width="['1000','800','480','400']" data-height="none" data-whitespace="normal" data-type="text" data-responsive_offset="on" data-frames='[{"from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","speed":1500,"to":"o:1;","delay":"bytrigger","ease":"Power3.easeInOut"},{"delay":"bytrigger","speed":700,"to":"auto:auto;","ease":"Power3.easeInOut"}]' data-textAlign="['center','center','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]" data-lasttriggerstate="reset" style="z-index: 22; min-width: 1000px; max-width: 1000px; white-space: normal;text-transform:left;"> The advanced action system of Slider Revolution allows you to take full control of your sliders animations.<br />Build complex, yet highly performant, animated scenes without any coding knowledge.<br /><br /><a href="#purchase" class="onepager-link">COOL. LET'S GO!</a> </div> <!-- LAYER NR. 19 --> <div class="tp-caption Concept-Title tp-resizeme" id="slide-2973-layer-11" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['-60','-65','-75','-90']" data-width="['none','none','none','400']" data-height="none" data-whitespace="['nowrap','nowrap','nowrap','normal']" data-type="text" data-responsive_offset="on" data-frames='[{"from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","speed":1500,"to":"o:1;","delay":"bytrigger","ease":"Power3.easeInOut"},{"delay":"bytrigger","speed":700,"to":"auto:auto;","ease":"nothing"}]' data-textAlign="['center','center','center','center']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[10,10,10,10]" data-paddingleft="[0,0,0,0]" data-lasttriggerstate="reset" style="z-index: 23; white-space: nowrap; font-size: 40px; line-height: 40px;text-transform:left;"> CREATIVITY AT YOUR<br />FINGERTIPS </div> <!-- LAYER NR. 20 --> <div class="tp-caption Concept-LessBtn rev-btn " id="slide-2973-layer-8" data-x="['right','right','right','right']" data-hoffset="['30','30','5','5']" data-y="['top','top','top','top']" data-voffset="['30','30','5','5']" data-width="none" data-height="none" data-whitespace="nowrap" data-type="button" data-actions='[{"event":"click","action":"stoplayer","layer":"slide-2973-layer-6","delay":""},{"event":"click","action":"startlayer","layer":"slide-2973-layer-7","delay":""},{"event":"click","action":"stoplayer","layer":"slide-2973-layer-8","delay":""},{"event":"click","action":"stoplayer","layer":"slide-2973-layer-9","delay":""},{"event":"click","action":"stoplayer","layer":"slide-2973-layer-1","delay":""},{"event":"click","action":"stoplayer","layer":"slide-2973-layer-11","delay":""}]' data-basealign="slide" data-responsive_offset="off" data-responsive="off" data-frames='[{"from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","speed":1000,"to":"o:1;","delay":"bytrigger","ease":"Power3.easeInOut"},{"delay":"bytrigger","speed":2,"to":"auto:auto;","ease":"nothing"},{"frame":"hover","speed":"300","ease":"Power1.easeInOut","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(0, 0, 0, 1.00);bg:rgba(255, 255, 255, 1.00);bs:solid;"}]' data-textAlign="['left','left','left','left']" data-paddingtop="[10,10,10,10]" data-paddingright="[8,8,8,8]" data-paddingbottom="[7,7,7,7]" data-paddingleft="[10,10,10,10]" data-lasttriggerstate="reset" style="z-index: 24; white-space: nowrap;text-transform:left;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;"> <i class="pe-7s-close-circle"></i> </div> </li> <!-- SLIDE --> <li data-index="rs-2974" data-transition="slidingoverlayhorizontal" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="default" data-thumb="../assets/images/concept_bg2-100x100.jpg" data-rotate="0" data-saveperformance="off" data-title="Unlock Power" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description=""> <!-- MAIN IMAGE --> <img src="../assets/images/concept_bg2.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. 21 --> <div class="tp-caption tp-shape tp-shapewrapper " id="slide-2974-layer-1" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-width="full" data-height="full" data-whitespace="nowrap" data-type="shape" data-basealign="slide" data-responsive_offset="off" data-responsive="off" data-frames='[{"from":"opacity:0;","speed":1000,"to":"o:1;","delay":"bytrigger","ease":"Power2.easeInOut"},{"delay":"bytrigger","speed":1000,"to":"opacity:0;","ease":"nothing"}]' data-textAlign="['left','left','left','left']" 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-lasttriggerstate="keep" style="z-index: 25;text-transform:left;background-color:rgba(255, 255, 255, 0.35);border-color:rgba(0, 0, 0, 0);border-width:0px;"> </div> <!-- LAYER NR. 22 --> <div class="tp-caption Concept-SubTitle-Dark tp-resizeme rs-parallaxlevel-2" id="slide-2974-layer-4" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['-65','-65','-57','-74']" data-fontsize="['25','25','20','20']" data-lineheight="['25','25','20','20']" data-width="none" data-height="none" data-whitespace="nowrap" data-type="text" data-responsive_offset="on" data-frames='[{"from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","speed":1500,"to":"o:1;","delay":1500,"ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"to":"x:left(R);","ease":"Power3.easeIn"}]' data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[10,10,10,10]" data-paddingleft="[0,0,0,0]" style="z-index: 26; white-space: nowrap;text-transform:left;font-style:italic;"> get this premium example for free </div> <!-- LAYER NR. 23 --> <div class="tp-caption Concept-Title-Dark tp-resizeme rs-parallaxlevel-2" id="slide-2974-layer-2" 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="['70','70','50','40']" data-lineheight="['70','70','50','40']" data-width="['none','none','none','400']" data-height="none" data-whitespace="['nowrap','nowrap','nowrap','normal']" data-type="text" data-responsive_offset="on" data-frames='[{"from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","speed":1500,"to":"o:1;","delay":1700,"ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"to":"x:left(R);","ease":"Power3.easeIn"}]' data-textAlign="['center','center','center','center']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[10,10,10,10]" data-paddingleft="[0,0,0,0]" style="z-index: 27; white-space: nowrap;text-transform:left;">SLIDER REVOLUTION </div> <!-- LAYER NR. 24 --> <div class="tp-caption tp-shape tp-shapewrapper tp-resizeme rs-parallaxlevel-2" id="slide-2974-layer-5" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['50','50','43','59']" data-width="80" data-height="2" data-whitespace="nowrap" data-type="shape" data-responsive_offset="on" data-frames='[{"from":"x:[175%];y:0px;z:0;rX:0;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:1;","mask":"x:[-100%];y:0;","speed":1500,"to":"o:1;","delay":1900,"ease":"Power3.easeOut"},{"delay":"wait","speed":1000,"to":"x:left(R);","ease":"Power3.easeIn"}]' data-textAlign="['left','left','left','left']" 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: 28;text-transform:left;background-color:rgba(0, 0, 0, 1.00);border-color:rgba(0, 0, 0, 0.50);border-width:0px;"> </div> <!-- LAYER NR. 25 --> <div class="tp-caption Concept-MoreBtn-Dark rev-btn rs-parallaxlevel-2" id="slide-2974-layer-7" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','top','top','top']" data-voffset="['502','452','541','437']" data-width="none" data-height="none" data-whitespace="nowrap" data-type="button" data-actions='[{"event":"click","action":"startlayer","layer":"slide-2974-layer-6","delay":""},{"event":"click","action":"startlayer","layer":"slide-2974-layer-8","delay":""},{"event":"click","action":"stoplayer","layer":"slide-2974-layer-7","delay":""},{"event":"click","action":"startlayer","layer":"slide-2974-layer-9","delay":""},{"event":"click","action":"startlayer","layer":"slide-2974-layer-1","delay":""},{"event":"click","action":"startlayer","layer":"slide-2974-layer-11","delay":""}]' data-responsive_offset="on" data-responsive="off" data-frames='[{"from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","speed":1000,"to":"o:1;","delay":2100,"ease":"Power3.easeInOut"},{"delay":"bytrigger","speed":2,"to":"auto:auto;","ease":"nothing"},{"frame":"hover","speed":"300","ease":"Power1.easeInOut","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(255, 255, 255, 1.00);bg:rgba(0, 0, 0, 1.00);bs:solid;"}]' data-textAlign="['left','left','left','left']" data-paddingtop="[10,10,10,10]" data-paddingright="[8,8,8,8]" data-paddingbottom="[7,7,7,7]" data-paddingleft="[10,10,10,10]" data-lasttriggerstate="reset" style="z-index: 29; white-space: nowrap;text-transform:left;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;"> <i class="pe-7s-plus"></i> </div> <!-- LAYER NR. 26 --> <div class="tp-caption tp-shape tp-shapewrapper " id="slide-2974-layer-9" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-width="full" data-height="full" data-whitespace="nowrap" data-type="shape" data-basealign="slide" data-responsive_offset="off" data-responsive="off" data-frames='[{"from":"opacity:0;","speed":800,"to":"o:1;","delay":"bytrigger","ease":"Power2.easeInOut"},{"delay":"bytrigger","speed":1200,"to":"opacity:0;","ease":"Power2.easeIn"}]' data-textAlign="['left','left','left','left']" 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-lasttriggerstate="reset" style="z-index: 30;text-transform:left;background-color:rgba(221, 221, 221, 0.95);border-color:rgba(0, 0, 0, 0);border-width:0px;"> </div> <!-- LAYER NR. 27 --> <div class="tp-caption Concept-Content-Dark tp-resizeme rs-parallaxlevel-2" id="slide-2974-layer-6" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['60','60','70','70']" data-width="['1000','800','480','400']" data-height="none" data-whitespace="normal" data-type="text" data-responsive_offset="on" data-frames='[{"from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","speed":1500,"to":"o:1;","delay":"bytrigger","ease":"Power3.easeInOut"},{"delay":"bytrigger","speed":700,"to":"auto:auto;","ease":"Power3.easeInOut"}]' data-textAlign="['center','center','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]" data-lasttriggerstate="reset" style="z-index: 31; min-width: 1000px; max-width: 1000px; white-space: normal;text-transform:left;"> There are several good reasons why you should purchase a license from us to unlock the full power of Slider Revolution on your website.<br /><br /><a href="http://revolution.themepunch.com/direct-customer-benefits/" target="_blank">SHOW ME THE BENEFITS</a> </div> <!-- LAYER NR. 28 --> <div class="tp-caption Concept-Title-Dark tp-resizeme rs-parallaxlevel-2" id="slide-2974-layer-11" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['-60','-60','-70','-70']" data-width="['none','none','none','400']" data-height="none" data-whitespace="['nowrap','nowrap','nowrap','normal']" data-type="text" data-responsive_offset="on" data-frames='[{"from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","speed":1500,"to":"o:1;","delay":"bytrigger","ease":"Power3.easeInOut"},{"delay":"bytrigger","speed":700,"to":"auto:auto;","ease":"nothing"}]' data-textAlign="['center','center','center','center']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[10,10,10,10]" data-paddingleft="[0,0,0,0]" data-lasttriggerstate="reset" style="z-index: 32; white-space: nowrap; font-size: 40px; line-height: 40px;text-transform:left;"> ACTIVATE YOUR<br />PLUGIN </div> <!-- LAYER NR. 29 --> <div class="tp-caption Concept-LessBtn rev-btn " id="slide-2974-layer-8" data-x="['right','right','right','right']" data-hoffset="['30','30','5','5']" data-y="['top','top','top','top']" data-voffset="['30','30','5','5']" data-width="none" data-height="none" data-whitespace="nowrap" data-type="button" data-actions='[{"event":"click","action":"stoplayer","layer":"slide-2974-layer-6","delay":""},{"event":"click","action":"startlayer","layer":"slide-2974-layer-7","delay":""},{"event":"click","action":"stoplayer","layer":"slide-2974-layer-8","delay":""},{"event":"click","action":"stoplayer","layer":"slide-2974-layer-9","delay":""},{"event":"click","action":"stoplayer","layer":"slide-2974-layer-1","delay":""},{"event":"click","action":"stoplayer","layer":"slide-2974-layer-11","delay":""}]' data-basealign="slide" data-responsive_offset="off" data-responsive="off" data-frames='[{"from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","speed":1000,"to":"o:1;","delay":"bytrigger","ease":"Power3.easeInOut"},{"delay":"bytrigger","speed":2,"to":"auto:auto;","ease":"nothing"},{"frame":"hover","speed":"300","ease":"Power1.easeInOut","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(0, 0, 0, 1.00);bg:rgba(255, 255, 255, 1.00);bs:solid;"}]' data-textAlign="['left','left','left','left']" data-paddingtop="[10,10,10,10]" data-paddingright="[8,8,8,8]" data-paddingbottom="[7,7,7,7]" data-paddingleft="[10,10,10,10]" data-lasttriggerstate="reset" style="z-index: 33; white-space: nowrap;text-transform:left;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;"> <i class="pe-7s-close-circle"></i> </div> </li> </ul> <div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></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">Concept Slider</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> <!-- REQUIRE JS FOR SLIDER REVOLUTION --> <script> var tpj = jQuery; var revapi1059; tpj(document).ready(function () { if (tpj("#rev_slider_1059_1").revolution == undefined) { revslider_showDoubleJqueryError("#rev_slider_1059_1"); } else { revapi1059 = tpj("#rev_slider_1059_1").show().revolution({ sliderType: "standard", jsFileLocation: "revolution/js/", sliderLayout: "fullscreen", dottedOverlay: "none", delay: 9000, navigation: { keyboardNavigation: "off", keyboard_direction: "horizontal", mouseScrollNavigation: "off", mouseScrollReverse: "default", onHoverStop: "off", touch: { touchenabled: "on", swipe_threshold: 75, swipe_min_touches: 50, swipe_direction: "horizontal", drag_block_vertical: false }, bullets: { enable: true, hide_onmobile: true, hide_under: 800, style: "zeus", hide_onleave: false, direction: "horizontal", h_align: "center", v_align: "bottom", h_offset: 0, v_offset: 30, space: 5, tmp: '<span class="tp-bullet-image"></span><span class="tp-bullet-imageoverlay"></span><span class="tp-bullet-title">{{title}}</span>' } }, responsiveLevels: [1240, 1024, 778, 480], visibilityLevels: [1240, 1024, 778, 480], gridwidth: [1240, 1024, 778, 480], gridheight: [868, 768, 960, 720], lazyType: "none", parallax: { type: "scroll", origo: "slidercenter", speed: 1000, levels: [5, 10, 15, 20, 25, 30, 35, 40, 45, 46, 47, 48, 49, 50, 100, 55], type: "scroll", }, shadow: 0, spinner: "off", stopLoop: "on", stopAfterLoops: 0, stopAtSlide: 1, shuffle: "off", autoHeight: "off", fullScreenAutoWidth: "off", fullScreenAlignForce: "off", fullScreenOffsetContainer: "", fullScreenOffset: "60px", disableProgressBar: "on", hideThumbsOnMobile: "off", hideSliderAtLimit: 0, hideCaptionAtLimit: 0, hideAllCaptionAtLilmit: 0, debugMode: false, fallbacks: { simplifyAll: "off", nextSlideOnWindowFocus: "off", disableFocusListener: false, } }); } }); /*ready*/ </script> </body> <!-- Mirrored from quickdevs.com/demo/merit/rev-sliders/concept-slider.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 29 Mar 2023 10:33:27 GMT --> </html>