Tanchohang/TanchoToplineCargo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
bf885d6b4d
TanchoToplineCargo/public/sunsari/rev-sliders/magazine-posts.html

1407 lines
114 KiB
HTML
Raw Normal View History

Inital Commit
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/magazine-posts.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 29 Mar 2023 10:43:02 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>Magazine Posts - 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> &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_1171_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container"
data-alias="magazine-posts189" data-source="gallery"
style="margin:0px auto;background-color:#ddd;padding:0px;margin-top:0px;margin-bottom:0px;">
<!-- START REVOLUTION SLIDER 5.4.1 fullwidth mode -->
<div id="rev_slider_1171_1" class="rev_slider fullwidthabanner" style="display:none;"
data-version="5.4.1">
<ul>
<!-- SLIDE -->
<li data-index="rs-3228" data-transition="slideremovevertical" data-slotamount="default"
data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default"
data-easeout="default" data-masterspeed="default"
data-thumb="http://server.local/revslider/wp-content/uploads/" 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="">
<!-- MAIN IMAGE -->
<img src="../assets/images/dummy.png" data-bgcolor="#eeeeee" alt=""
data-lazyload="../assets/images/transparent.png" data-bgposition="center center"
data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="off"
class="rev-slidebg" data-no-retina>
<!-- LAYERS -->
<!-- LAYER NR. 1 -->
<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme tp-largeshadow"
id="slide-3228-layer-8" data-x="['center','center','center','center']"
data-hoffset="['0','1','1','942']" data-y="['middle','middle','middle','middle']"
data-voffset="['0','0','0','-63']" data-width="['1228','920','920','798']"
data-height="['798','598','598','518']" data-whitespace="nowrap"
data-type="shape" data-responsive_offset="on"
data-frames='[{"from":"sX:0.8;sY:0.8;opacity:0;","speed":2000,"to":"o:1;","delay":1250,"ease":"Power4.easeOut"},{"delay":"wait","speed":1000,"to":"sX:0.8;sY:0.8;opacity:0;","ease":"Power3.easeInOut"}]'
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;background-color:rgba(196, 162, 110, 1.00);border-color:rgba(0, 0, 0, 0);border-width:0px;">
</div>
<!-- LAYER NR. 2 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-10" id="slide-3228-layer-1"
data-x="['center','center','center','center']"
data-hoffset="['-308','-230','-230','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
data-width="none" data-height="none" data-whitespace="nowrap" data-type="image"
data-responsive_offset="on"
data-frames='[{"from":"y:top;","speed":1500,"to":"o:1;","delay":500,"ease":"Power4.easeOut"},{"delay":"wait","speed":1000,"to":"y:bottom;opacity:0;","ease":"Power3.easeInOut"}]'
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: 6;border-width:0px;"><img
src="../assets/images/dummy.png" alt=""
data-ww="['615px','461px','461px','538px']"
data-hh="['800px','600px','600px','700px']" width="615" height="800"
data-lazyload="../assets/images/post1.jpg" data-no-retina> </div>
<!-- LAYER NR. 3 -->
<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme rs-parallaxlevel-10"
id="slide-3228-layer-11" data-x="['center','center','center','center']"
data-hoffset="['307','231','231','698']"
data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','-40']"
data-width="['615','461','461','400']" data-height="['800','600','600','520']"
data-whitespace="nowrap" data-visibility="['on','on','on','off']"
data-type="shape" data-responsive_offset="on"
data-frames='[{"from":"y:bottom;","speed":1500,"to":"o:1;","delay":700,"ease":"Power4.easeOut"},{"delay":"wait","speed":1000,"to":"y:top;opacity:0;","ease":"Power3.easeInOut"}]'
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: 7;background-color:rgba(229, 229, 229, 1.00);border-color:rgba(0, 0, 0, 0);border-width:0px;">
</div>
<!-- LAYER NR. 4 -->
<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme rs-parallaxlevel-11"
id="slide-3228-layer-10" data-x="['center','center','center','center']"
data-hoffset="['307','231','231','719']"
data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','-24']"
data-width="['615','461','461','400']" data-height="['800','600','600','520']"
data-whitespace="nowrap" data-visibility="['on','on','on','off']"
data-type="shape" data-responsive_offset="on"
data-frames='[{"from":"y:bottom;","speed":1500,"to":"o:1;","delay":600,"ease":"Power4.easeOut"},{"delay":"wait","speed":1000,"to":"y:top;opacity:0;","ease":"Power3.easeInOut"}]'
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;background-color:rgba(245, 245, 245, 1.00);border-color:rgba(0, 0, 0, 0);border-width:0px;">
</div>
<!-- LAYER NR. 5 -->
<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme rs-parallaxlevel-12"
id="slide-3228-layer-2" data-x="['center','center','center','center']"
data-hoffset="['307','231','231','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
data-width="['615','461','461','420']" data-height="['800','600','600','650']"
data-whitespace="nowrap" data-type="shape" data-responsive_offset="on"
data-frames='[{"from":"y:bottom;","speed":1500,"to":"o:1;","delay":500,"ease":"Power4.easeOut"},{"delay":"wait","speed":1000,"to":"y:top;opacity:0;","ease":"Power3.easeInOut"}]'
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: 9;background-color:rgba(255, 255, 255, 1.00);border-color:rgba(0, 0, 0, 0);border-width:0px;">
</div>
<!-- LAYER NR. 6 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-13" id="slide-3228-layer-3"
data-x="['center','center','center','center']"
data-hoffset="['307','231','231','0']"
data-y="['middle','middle','middle','middle']"
data-voffset="['-315','-246','-246','-270']"
data-width="['615','461','461','420']" data-height="none"
data-whitespace="nowrap" data-type="text" data-responsive_offset="on"
data-frames='[{"from":"y:50px;opacity:0;","speed":1500,"to":"o:1;","delay":550,"ease":"Power4.easeOut"},{"delay":"wait","speed":600,"to":"y:-50px;opacity:0;","ease":"Power2.easeIn"}]'
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]"
style="z-index: 10; min-width: 615px; max-width: 615px; white-space: nowrap; font-size: 13px; line-height: 13px; font-weight: 900; color: rgba(196, 162, 110, 1.00);font-family:Roboto;border-width:0px;letter-spacing:3px;">
MOTIVATIONAL ESSAY </div>
<!-- LAYER NR. 7 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-14" id="slide-3228-layer-4"
data-x="['center','center','center','center']"
data-hoffset="['307','231','231','0']"
data-y="['middle','middle','middle','middle']"
data-voffset="['-179','-141','-141','-154']"
data-fontsize="['30','25','25','30']" data-lineheight="['50','40','40','50']"
data-width="['615','461','461','420']" data-height="none"
data-whitespace="nowrap" data-type="text" data-responsive_offset="on"
data-frames='[{"from":"x:-50px;skX:5px;opacity:0;","speed":2500,"to":"o:1;","delay":550,"split":"chars","splitdelay":0.03,"ease":"Power4.easeOut"},{"delay":"wait","speed":500,"to":"y:-50px;opacity:0;","ease":"Power2.easeIn"}]'
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]"
style="z-index: 11; min-width: 615px; max-width: 615px; white-space: nowrap; font-size: 30px; line-height: 50px; font-weight: 700; color: rgba(0, 0, 0, 1.00);font-family:Roboto;border-width:0px;letter-spacing:7px;">
CREATING<br />
YOUR OWN<br />
MEANING </div>
<!-- LAYER NR. 8 -->
<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme rs-parallaxlevel-13"
id="slide-3228-layer-5" data-x="['center','center','center','center']"
data-hoffset="['307','231','231','0']"
data-y="['middle','middle','middle','middle']"
data-voffset="['-46','-40','-40','-41']" data-width="100" data-height="6"
data-whitespace="nowrap" data-type="shape" data-responsive_offset="on"
data-frames='[{"from":"sX:0;","mask":"x:0;y:0;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":550,"ease":"Power4.easeOut"},{"delay":"wait","speed":400,"to":"y:[-100%];opacity:0;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'
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: 12;background-color:rgba(196, 162, 110, 1.00);border-color:rgba(0, 0, 0, 0);border-width:0px;">
</div>
<!-- LAYER NR. 9 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-13" id="slide-3228-layer-6"
data-x="['center','center','center','center']"
data-hoffset="['307','231','231','0']"
data-y="['middle','middle','middle','middle']"
data-voffset="['55','76','76','91']" data-width="['460','380','380','320']"
data-height="none" data-whitespace="normal" data-type="text"
data-responsive_offset="on"
data-frames='[{"from":"y:50px;opacity:0;","speed":1500,"to":"o:1;","delay":550,"ease":"Power4.easeOut"},{"delay":"wait","speed":400,"to":"y:-50px;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]"
style="z-index: 13; min-width: 460px; max-width: 460px; white-space: normal; font-size: 18px; line-height: 30px; font-weight: 400; color: rgba(119, 119, 119, 1.00);font-family:Roboto;border-width:0px;">
How is it possible that a being with such sensitive jewels as the eyes, such
enchanted musical instruments as the ears, and such fabulous arabesque of nerves
as the brain can experience itself anything less than a god ... </div>
<!-- LAYER NR. 10 -->
<div class="tp-caption rev-btn tp-resizeme rs-parallaxlevel-13"
id="slide-3228-layer-7" data-x="['center','center','center','center']"
data-hoffset="['307','231','231','0']"
data-y="['middle','middle','middle','middle']"
data-voffset="['228','224','224','253']" data-width="none" data-height="none"
data-whitespace="nowrap" data-type="button" data-responsive_offset="on"
data-frames='[{"from":"y:20px;sX:1;sY:1;opacity:0;","speed":1500,"to":"o:1;","delay":1250,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"to":"y:-50px;opacity:0;","ease":"Power2.easeIn"},{"frame":"hover","speed":"150","ease":"Power2.easeInOut","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(255, 255, 255, 1.00);bg:rgba(196, 162, 110, 1.00);bw:2px 2px 2px 2px;"}]'
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
data-paddingright="[40,40,40,40]" data-paddingbottom="[0,0,0,0]"
data-paddingleft="[40,40,40,40]"
style="z-index: 14; white-space: nowrap; font-size: 14px; line-height: 40px; font-weight: 900; color: rgba(196, 162, 110, 1.00);font-family:Roboto;background-color:rgba(255, 255, 255, 0);border-color:rgba(196, 162, 110, 1.00);border-style:solid;border-width:2px;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;letter-spacing:3px;cursor:pointer;">
KEEP READING </div>
</li>
<!-- SLIDE -->
<li data-index="rs-3229" data-transition="slideremovevertical" data-slotamount="default"
data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default"
data-easeout="default" data-masterspeed="default"
data-thumb="http://server.local/revslider/wp-content/uploads/" 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="">
<!-- MAIN IMAGE -->
<img src="../assets/images/dummy.png" data-bgcolor="#eeeeee" alt=""
data-lazyload="../assets/images/transparent.png" data-bgposition="center center"
data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="off"
class="rev-slidebg" data-no-retina>
<!-- LAYERS -->
<!-- LAYER NR. 11 -->
<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme tp-largeshadow"
id="slide-3229-layer-8" data-x="['center','center','center','center']"
data-hoffset="['0','1','1','942']" data-y="['middle','middle','middle','middle']"
data-voffset="['0','0','0','-63']" data-width="['1228','920','920','798']"
data-height="['798','598','598','518']" data-whitespace="nowrap"
data-type="shape" data-responsive_offset="on"
data-frames='[{"from":"sX:0.8;sY:0.8;opacity:0;","speed":2000,"to":"o:1;","delay":1250,"ease":"Power4.easeOut"},{"delay":"wait","speed":1000,"to":"sX:0.8;sY:0.8;opacity:0;","ease":"Power3.easeInOut"}]'
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: 15;background-color:rgba(196, 162, 110, 1.00);border-color:rgba(0, 0, 0, 0);border-width:0px;">
</div>
<!-- LAYER NR. 12 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-10 tp-videolayer"
id="slide-3229-layer-12" data-x="['center','center','center','center']"
data-hoffset="['-308','-230','-230','599']"
data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','-4']"
data-whitespace="nowrap" data-visibility="['on','on','on','off']"
data-type="video" data-responsive_offset="on"
data-frames='[{"from":"y:top;","speed":1500,"to":"o:1;","delay":500,"ease":"Power4.easeOut"},{"delay":"wait","speed":1000,"to":"y:bottom;opacity:0;","ease":"Power3.easeInOut"}]'
data-ytid="cJg_tPB0Nu0"
data-videoattributes="version=3&amp;enablejsapi=1&amp;html5=1&amp;volume=100&hd=1&wmode=opaque&showinfo=0&rel=0;"
data-videorate="1" data-videowidth="['615px','461px','461px','461px']"
data-videoheight="['800px','600px','600px','600px']"
data-videocontrols="controls" 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-autoplay="off" data-volume="100"
data-allowfullscreenvideo="true" style="z-index: 16;border-width:0px;"> </div>
<!-- LAYER NR. 13 -->
<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme rs-parallaxlevel-10"
id="slide-3229-layer-11" data-x="['center','center','center','center']"
data-hoffset="['307','231','231','698']"
data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','-40']"
data-width="['615','461','461','400']" data-height="['800','600','600','520']"
data-whitespace="nowrap" data-visibility="['on','on','on','off']"
data-type="shape" data-responsive_offset="on"
data-frames='[{"from":"y:bottom;","speed":1500,"to":"o:1;","delay":700,"ease":"Power4.easeOut"},{"delay":"wait","speed":1000,"to":"y:top;opacity:0;","ease":"Power3.easeInOut"}]'
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: 17;background-color:rgba(229, 229, 229, 1.00);border-color:rgba(0, 0, 0, 0);border-width:0px;">
</div>
<!-- LAYER NR. 14 -->
<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme rs-parallaxlevel-11"
id="slide-3229-layer-10" data-x="['center','center','center','center']"
data-hoffset="['307','231','231','719']"
data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','-24']"
data-width="['615','461','461','400']" data-height="['800','600','600','520']"
data-whitespace="nowrap" data-visibility="['on','on','on','off']"
data-type="shape" data-responsive_offset="on"
data-frames='[{"from":"y:bottom;","speed":1500,"to":"o:1;","delay":600,"ease":"Power4.easeOut"},{"delay":"wait","speed":1000,"to":"y:top;opacity:0;","ease":"Power3.easeInOut"}]'
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: 18;background-color:rgba(245, 245, 245, 1.00);border-color:rgba(0, 0, 0, 0);border-width:0px;">
</div>
<!-- LAYER NR. 15 -->
<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme rs-parallaxlevel-12"
id="slide-3229-layer-2" data-x="['center','center','center','center']"
data-hoffset="['307','231','231','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
data-width="['615','461','461','420']" data-height="['800','600','600','650']"
data-whitespace="nowrap" data-type="shape" data-responsive_offset="on"
data-frames='[{"from":"y:bottom;","speed":1500,"to":"o:1;","delay":500,"ease":"Power4.easeOut"},{"delay":"wait","speed":1000,"to":"y:top;opacity:0;","ease":"Power3.easeInOut"}]'
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;background-color:rgba(255, 255, 255, 1.00);border-color:rgba(0, 0, 0, 0);border-width:0px;">
</div>
<!-- LAYER NR. 16 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-13" id="slide-3229-layer-3"
data-x="['center','center','center','center']"
data-hoffset="['307','231','231','0']"
data-y="['middle','middle','middle','middle']"
data-voffset="['-315','-246','-246','-270']"
data-width="['615','461','461','420']" data-height="none"
data-whitespace="nowrap" data-type="text" data-responsive_offset="on"
data-frames='[{"from":"y:50px;opacity:0;","speed":1500,"to":"o:1;","delay":550,"ease":"Power4.easeOut"},{"delay":"wait","speed":600,"to":"y:-50px;opacity:0;","ease":"Power2.easeIn"}]'
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]"
style="z-index: 20; min-width: 615px; max-width: 615px; white-space: nowrap; font-size: 13px; line-height: 13px; font-weight: 900; color: rgba(196, 162, 110, 1.00);font-family:Roboto;border-width:0px;letter-spacing:3px;">
TED TALK </div>
<!-- LAYER NR. 17 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-14" id="slide-3229-layer-4"
data-x="['center','center','center','center']"
data-hoffset="['307','231','231','0']"
data-y="['middle','middle','middle','middle']"
data-voffset="['-179','-141','-141','-154']"
data-fontsize="['30','25','25','30']" data-lineheight="['50','40','40','50']"
data-width="['615','461','461','420']" data-height="none"
data-whitespace="nowrap" data-type="text" data-responsive_offset="on"
data-frames='[{"from":"x:-50px;skX:5px;opacity:0;","speed":2500,"to":"o:1;","delay":550,"split":"chars","splitdelay":0.03,"ease":"Power4.easeOut"},{"delay":"wait","speed":500,"to":"y:-50px;opacity:0;","ease":"Power2.easeIn"}]'
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]"
style="z-index: 21; min-width: 615px; max-width: 615px; white-space: nowrap; font-size: 30px; line-height: 50px; font-weight: 700; color: rgba(0, 0, 0, 1.00);font-family:Roboto;border-width:0px;letter-spacing:7px;">
THE BIRTH OF<br />
VIRTUAL REALITY<br />
AS AN ART FORM </div>
<!-- LAYER NR. 18 -->
<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme rs-parallaxlevel-13"
id="slide-3229-layer-5" data-x="['center','center','center','center']"
data-hoffset="['307','231','231','0']"
data-y="['middle','middle','middle','middle']"
data-voffset="['-46','-40','-40','-41']" data-width="100" data-height="6"
data-whitespace="nowrap" data-type="shape" data-responsive_offset="on"
data-frames='[{"from":"sX:0;","mask":"x:0;y:0;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":550,"ease":"Power4.easeOut"},{"delay":"wait","speed":400,"to":"y:[-100%];opacity:0;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'
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: 22;background-color:rgba(196, 162, 110, 1.00);border-color:rgba(0, 0, 0, 0);border-width:0px;">
</div>
<!-- LAYER NR. 19 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-13" id="slide-3229-layer-6"
data-x="['center','center','center','center']"
data-hoffset="['307','231','231','0']"
data-y="['middle','middle','middle','middle']"
data-voffset="['70','92','92','106']" data-width="['460','380','380','320']"
data-height="none" data-whitespace="normal" data-type="text"
data-responsive_offset="on"
data-frames='[{"from":"y:50px;opacity:0;","speed":1500,"to":"o:1;","delay":550,"ease":"Power4.easeOut"},{"delay":"wait","speed":400,"to":"y:-50px;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]"
style="z-index: 23; min-width: 460px; max-width: 460px; white-space: normal; font-size: 18px; line-height: 30px; font-weight: 400; color: rgba(119, 119, 119, 1.00);font-family:Roboto;border-width:0px;">
Chris Milk uses innovative technologies to make personal, interactive, human
stories. In this talk, he traces his relationship to music and art, from the
first moment he remembers putting on headphones to his current work creating ...
</div>
<!-- LAYER NR. 20 -->
<a class="tp-caption rev-btn tp-resizeme rs-parallaxlevel-13"
href="https://www.youtube.com/watch?v=cJg_tPB0Nu0" target="_blank"
id="slide-3229-layer-7" data-x="['center','center','center','center']"
data-hoffset="['307','231','231','0']"
data-y="['middle','middle','middle','middle']"
data-voffset="['228','224','224','253']" data-width="none" data-height="none"
data-whitespace="nowrap" data-type="button" data-actions=''
data-responsive_offset="on"
data-frames='[{"from":"y:20px;sX:1;sY:1;opacity:0;","speed":1500,"to":"o:1;","delay":1250,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"to":"y:-50px;opacity:0;","ease":"Power2.easeIn"},{"frame":"hover","speed":"150","ease":"Power2.easeInOut","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(255, 255, 255, 1.00);bg:rgba(196, 162, 110, 1.00);bw:2px 2px 2px 2px;"}]'
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
data-paddingright="[40,40,40,40]" data-paddingbottom="[0,0,0,0]"
data-paddingleft="[40,40,40,40]"
style="z-index: 24; white-space: nowrap; font-size: 14px; line-height: 40px; font-weight: 900; color: rgba(196, 162, 110, 1.00);font-family:Roboto;background-color:rgba(255, 255, 255, 0);border-color:rgba(196, 162, 110, 1.00);border-style:solid;border-width:2px;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;letter-spacing:3px;cursor:pointer;">WATCH
ON YOUTUBE </a>
</li>
<!-- SLIDE -->
<li data-index="rs-3230" data-transition="slideremovevertical" data-slotamount="default"
data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default"
data-easeout="default" data-masterspeed="default"
data-thumb="http://server.local/revslider/wp-content/uploads/" 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="">
<!-- MAIN IMAGE -->
<img src="../assets/images/dummy.png" data-bgcolor="#eeeeee" alt=""
data-lazyload="../assets/images/transparent.png" data-bgposition="center center"
data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="off"
class="rev-slidebg" data-no-retina>
<!-- LAYERS -->
<!-- LAYER NR. 21 -->
<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme tp-largeshadow"
id="slide-3230-layer-8" data-x="['center','center','center','center']"
data-hoffset="['0','1','1','942']" data-y="['middle','middle','middle','middle']"
data-voffset="['0','0','0','-63']" data-width="['1228','920','920','798']"
data-height="['798','598','598','518']" data-whitespace="nowrap"
data-type="shape" data-responsive_offset="on"
data-frames='[{"from":"sX:0.8;sY:0.8;opacity:0;","speed":2000,"to":"o:1;","delay":1250,"ease":"Power4.easeOut"},{"delay":"wait","speed":1000,"to":"sX:0.8;sY:0.8;opacity:0;","ease":"Power3.easeInOut"}]'
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: 25;background-color:rgba(196, 162, 110, 1.00);border-color:rgba(0, 0, 0, 0);border-width:0px;">
</div>
<!-- LAYER NR. 22 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-10" id="slide-3230-layer-1"
data-x="['center','center','center','center']"
data-hoffset="['-308','-230','-230','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
data-width="none" data-height="none" data-whitespace="nowrap" data-type="image"
data-responsive_offset="on"
data-frames='[{"from":"y:top;","speed":1500,"to":"o:1;","delay":500,"ease":"Power4.easeOut"},{"delay":"wait","speed":1000,"to":"y:bottom;opacity:0;","ease":"Power3.easeInOut"}]'
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: 26;border-width:0px;"><img
src="../assets/images/dummy.png" alt=""
data-ww="['615px','461px','461px','538px']"
data-hh="['800px','600px','600px','700px']" width="615" height="800"
data-lazyload="../assets/images/post2.jpg" data-no-retina> </div>
<!-- LAYER NR. 23 -->
<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme rs-parallaxlevel-10"
id="slide-3230-layer-11" data-x="['center','center','center','center']"
data-hoffset="['307','231','231','698']"
data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','-40']"
data-width="['615','461','461','400']" data-height="['800','600','600','520']"
data-whitespace="nowrap" data-visibility="['on','on','on','off']"
data-type="shape" data-responsive_offset="on"
data-frames='[{"from":"y:bottom;","speed":1500,"to":"o:1;","delay":700,"ease":"Power4.easeOut"},{"delay":"wait","speed":1000,"to":"y:top;opacity:0;","ease":"Power3.easeInOut"}]'
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: 27;background-color:rgba(229, 229, 229, 1.00);border-color:rgba(0, 0, 0, 0);border-width:0px;">
</div>
<!-- LAYER NR. 24 -->
<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme rs-parallaxlevel-11"
id="slide-3230-layer-10" data-x="['center','center','center','center']"
data-hoffset="['307','231','231','719']"
data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','-24']"
data-width="['615','461','461','400']" data-height="['800','600','600','520']"
data-whitespace="nowrap" data-visibility="['on','on','on','off']"
data-type="shape" data-responsive_offset="on"
data-frames='[{"from":"y:bottom;","speed":1500,"to":"o:1;","delay":600,"ease":"Power4.easeOut"},{"delay":"wait","speed":1000,"to":"y:top;opacity:0;","ease":"Power3.easeInOut"}]'
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;background-color:rgba(245, 245, 245, 1.00);border-color:rgba(0, 0, 0, 0);border-width:0px;">
</div>
<!-- LAYER NR. 25 -->
<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme rs-parallaxlevel-12"
id="slide-3230-layer-2" data-x="['center','center','center','center']"
data-hoffset="['307','231','231','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
data-width="['615','461','461','420']" data-height="['800','600','600','650']"
data-whitespace="nowrap" data-type="shape" data-responsive_offset="on"
data-frames='[{"from":"y:bottom;","speed":1500,"to":"o:1;","delay":500,"ease":"Power4.easeOut"},{"delay":"wait","speed":1000,"to":"y:top;opacity:0;","ease":"Power3.easeInOut"}]'
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: 29;background-color:rgba(255, 255, 255, 1.00);border-color:rgba(0, 0, 0, 0);border-width:0px;">
</div>
<!-- LAYER NR. 26 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-13" id="slide-3230-layer-3"
data-x="['center','center','center','center']"
data-hoffset="['307','231','231','0']"
data-y="['middle','middle','middle','middle']"
data-voffset="['-315','-246','-246','-270']"
data-width="['615','461','461','420']" data-height="none"
data-whitespace="nowrap" data-type="text" data-responsive_offset="on"
data-frames='[{"from":"y:50px;opacity:0;","speed":1500,"to":"o:1;","delay":550,"ease":"Power4.easeOut"},{"delay":"wait","speed":600,"to":"y:-50px;opacity:0;","ease":"Power2.easeIn"}]'
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]"
style="z-index: 30; min-width: 615px; max-width: 615px; white-space: nowrap; font-size: 13px; line-height: 13px; font-weight: 900; color: rgba(196, 162, 110, 1.00);font-family:Roboto;border-width:0px;letter-spacing:3px;">
TECH TALK </div>
<!-- LAYER NR. 27 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-14" id="slide-3230-layer-4"
data-x="['center','center','center','center']"
data-hoffset="['307','231','231','0']"
data-y="['middle','middle','middle','middle']"
data-voffset="['-179','-141','-141','-154']"
data-fontsize="['30','25','25','30']" data-lineheight="['50','40','40','50']"
data-width="['615','461','461','420']" data-height="none"
data-whitespace="nowrap" data-type="text" data-responsive_offset="on"
data-frames='[{"from":"x:-50px;skX:5px;opacity:0;","speed":2500,"to":"o:1;","delay":550,"split":"chars","splitdelay":0.03,"ease":"Power4.easeOut"},{"delay":"wait","speed":500,"to":"y:-50px;opacity:0;","ease":"Power2.easeIn"}]'
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]"
style="z-index: 31; min-width: 615px; max-width: 615px; white-space: nowrap; font-size: 30px; line-height: 50px; font-weight: 700; color: rgba(0, 0, 0, 1.00);font-family:Roboto;border-width:0px;letter-spacing:7px;">
ARE ALL<br />
THESE GADGETS<br />
REALLY NEEDED? </div>
<!-- LAYER NR. 28 -->
<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme rs-parallaxlevel-13"
id="slide-3230-layer-5" data-x="['center','center','center','center']"
data-hoffset="['307','231','231','0']"
data-y="['middle','middle','middle','middle']"
data-voffset="['-46','-40','-40','-41']" data-width="100" data-height="6"
data-whitespace="nowrap" data-type="shape" data-responsive_offset="on"
data-frames='[{"from":"sX:0;","mask":"x:0;y:0;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":550,"ease":"Power4.easeOut"},{"delay":"wait","speed":400,"to":"y:[-100%];opacity:0;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'
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: 32;background-color:rgba(196, 162, 110, 1.00);border-color:rgba(0, 0, 0, 0);border-width:0px;">
</div>
<!-- LAYER NR. 29 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-13" id="slide-3230-layer-6"
data-x="['center','center','center','center']"
data-hoffset="['307','231','231','0']"
data-y="['middle','middle','middle','middle']"
data-voffset="['71','76','76','91']" data-width="['460','380','380','320']"
data-height="none" data-whitespace="normal" data-type="text"
data-responsive_offset="on"
data-frames='[{"from":"y:50px;opacity:0;","speed":1500,"to":"o:1;","delay":550,"ease":"Power4.easeOut"},{"delay":"wait","speed":400,"to":"y:-50px;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]"
style="z-index: 33; min-width: 460px; max-width: 460px; white-space: normal; font-size: 18px; line-height: 30px; font-weight: 400; color: rgba(119, 119, 119, 1.00);font-family:Roboto;border-width:0px;">
The reason we have poverty is that we have no imagination. There are a great many
people accumulating what they think is vast wealth, but it's only money... they
don't know how to enjoy it, because they have no imagination. </div>
<!-- LAYER NR. 30 -->
<div class="tp-caption rev-btn tp-resizeme rs-parallaxlevel-13"
id="slide-3230-layer-7" data-x="['center','center','center','center']"
data-hoffset="['307','231','231','0']"
data-y="['middle','middle','middle','middle']"
data-voffset="['228','224','224','253']" data-width="none" data-height="none"
data-whitespace="nowrap" data-type="button" data-responsive_offset="on"
data-frames='[{"from":"y:20px;sX:1;sY:1;opacity:0;","speed":1500,"to":"o:1;","delay":1250,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"to":"y:-50px;opacity:0;","ease":"Power2.easeIn"},{"frame":"hover","speed":"150","ease":"Power2.easeInOut","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(255, 255, 255, 1.00);bg:rgba(196, 162, 110, 1.00);bw:2px 2px 2px 2px;"}]'
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
data-paddingright="[40,40,40,40]" data-paddingbottom="[0,0,0,0]"
data-paddingleft="[40,40,40,40]"
style="z-index: 34; white-space: nowrap; font-size: 14px; line-height: 40px; font-weight: 900; color: rgba(196, 162, 110, 1.00);font-family:Roboto;background-color:rgba(255, 255, 255, 0);border-color:rgba(196, 162, 110, 1.00);border-style:solid;border-width:2px;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;letter-spacing:3px;cursor:pointer;">
KEEP READING </div>
</li>
<!-- SLIDE -->
<li data-index="rs-3231" data-transition="slideremovevertical" data-slotamount="default"
data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default"
data-easeout="default" data-masterspeed="default"
data-thumb="http://server.local/revslider/wp-content/uploads/" 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="">
<!-- MAIN IMAGE -->
<img src="../assets/images/dummy.png" data-bgcolor="#eeeeee" alt=""
data-lazyload="../assets/images/transparent.png" data-bgposition="center center"
data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="off"
class="rev-slidebg" data-no-retina>
<!-- LAYERS -->
<!-- LAYER NR. 31 -->
<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme tp-largeshadow"
id="slide-3231-layer-8" data-x="['center','center','center','center']"
data-hoffset="['0','1','1','942']" data-y="['middle','middle','middle','middle']"
data-voffset="['0','0','0','-63']" data-width="['1228','920','920','798']"
data-height="['798','598','598','518']" data-whitespace="nowrap"
data-type="shape" data-responsive_offset="on"
data-frames='[{"from":"sX:0.8;sY:0.8;opacity:0;","speed":2000,"to":"o:1;","delay":1250,"ease":"Power4.easeOut"},{"delay":"wait","speed":1000,"to":"sX:0.8;sY:0.8;opacity:0;","ease":"Power3.easeInOut"}]'
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: 35;background-color:rgba(196, 162, 110, 1.00);border-color:rgba(0, 0, 0, 0);border-width:0px;">
</div>
<!-- LAYER NR. 32 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-10" id="slide-3231-layer-1"
data-x="['center','center','center','center']"
data-hoffset="['-308','-230','-230','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
data-width="none" data-height="none" data-whitespace="nowrap" data-type="image"
data-responsive_offset="on"
data-frames='[{"from":"y:top;","speed":1500,"to":"o:1;","delay":500,"ease":"Power4.easeOut"},{"delay":"wait","speed":1000,"to":"y:bottom;opacity:0;","ease":"Power3.easeInOut"}]'
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: 36;border-width:0px;"><img
src="../assets/images/dummy.png" alt=""
data-ww="['615px','461px','461px','538px']"
data-hh="['800px','600px','600px','700px']" width="615" height="800"
data-lazyload="../assets/images/post3.jpg" data-no-retina> </div>
<!-- LAYER NR. 33 -->
<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme rs-parallaxlevel-10"
id="slide-3231-layer-11" data-x="['center','center','center','center']"
data-hoffset="['307','231','231','698']"
data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','-40']"
data-width="['615','461','461','400']" data-height="['800','600','600','520']"
data-whitespace="nowrap" data-visibility="['on','on','on','off']"
data-type="shape" data-responsive_offset="on"
data-frames='[{"from":"y:bottom;","speed":1500,"to":"o:1;","delay":700,"ease":"Power4.easeOut"},{"delay":"wait","speed":1000,"to":"y:top;opacity:0;","ease":"Power3.easeInOut"}]'
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: 37;background-color:rgba(229, 229, 229, 1.00);border-color:rgba(0, 0, 0, 0);border-width:0px;">
</div>
<!-- LAYER NR. 34 -->
<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme rs-parallaxlevel-11"
id="slide-3231-layer-10" data-x="['center','center','center','center']"
data-hoffset="['307','231','231','719']"
data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','-24']"
data-width="['615','461','461','400']" data-height="['800','600','600','520']"
data-whitespace="nowrap" data-visibility="['on','on','on','off']"
data-type="shape" data-responsive_offset="on"
data-frames='[{"from":"y:bottom;","speed":1500,"to":"o:1;","delay":600,"ease":"Power4.easeOut"},{"delay":"wait","speed":1000,"to":"y:top;opacity:0;","ease":"Power3.easeInOut"}]'
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: 38;background-color:rgba(245, 245, 245, 1.00);border-color:rgba(0, 0, 0, 0);border-width:0px;">
</div>
<!-- LAYER NR. 35 -->
<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme rs-parallaxlevel-12"
id="slide-3231-layer-2" data-x="['center','center','center','center']"
data-hoffset="['307','231','231','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
data-width="['615','461','461','420']" data-height="['800','600','600','650']"
data-whitespace="nowrap" data-type="shape" data-responsive_offset="on"
data-frames='[{"from":"y:bottom;","speed":1500,"to":"o:1;","delay":500,"ease":"Power4.easeOut"},{"delay":"wait","speed":1000,"to":"y:top;opacity:0;","ease":"Power3.easeInOut"}]'
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: 39;background-color:rgba(255, 255, 255, 1.00);border-color:rgba(0, 0, 0, 0);border-width:0px;">
</div>
<!-- LAYER NR. 36 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-13" id="slide-3231-layer-3"
data-x="['center','center','center','center']"
data-hoffset="['307','231','231','0']"
data-y="['middle','middle','middle','middle']"
data-voffset="['-315','-246','-246','-270']"
data-width="['615','461','461','420']" data-height="none"
data-whitespace="nowrap" data-type="text" data-responsive_offset="on"
data-frames='[{"from":"y:50px;opacity:0;","speed":1500,"to":"o:1;","delay":550,"ease":"Power4.easeOut"},{"delay":"wait","speed":600,"to":"y:-50px;opacity:0;","ease":"Power2.easeIn"}]'
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]"
style="z-index: 40; min-width: 615px; max-width: 615px; white-space: nowrap; font-size: 13px; line-height: 13px; font-weight: 900; color: rgba(196, 162, 110, 1.00);font-family:Roboto;border-width:0px;letter-spacing:3px;">
LEADERSHIP </div>
<!-- LAYER NR. 37 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-14" id="slide-3231-layer-4"
data-x="['center','center','center','center']"
data-hoffset="['307','231','231','0']"
data-y="['middle','middle','middle','middle']"
data-voffset="['-179','-141','-141','-154']"
data-fontsize="['30','25','25','30']" data-lineheight="['50','40','40','50']"
data-width="['615','461','461','420']" data-height="none"
data-whitespace="nowrap" data-type="text" data-responsive_offset="on"
data-frames='[{"from":"x:-50px;skX:5px;opacity:0;","speed":2500,"to":"o:1;","delay":550,"split":"chars","splitdelay":0.03,"ease":"Power4.easeOut"},{"delay":"wait","speed":500,"to":"y:-50px;opacity:0;","ease":"Power2.easeIn"}]'
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]"
style="z-index: 41; min-width: 615px; max-width: 615px; white-space: nowrap; font-size: 30px; line-height: 50px; font-weight: 700; color: rgba(0, 0, 0, 1.00);font-family:Roboto;border-width:0px;letter-spacing:7px;">
ABOUT GETTING<br />
OUT ON<br />
THE FIELD </div>
<!-- LAYER NR. 38 -->
<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme rs-parallaxlevel-13"
id="slide-3231-layer-5" data-x="['center','center','center','center']"
data-hoffset="['307','231','231','0']"
data-y="['middle','middle','middle','middle']"
data-voffset="['-46','-40','-40','-41']" data-width="100" data-height="6"
data-whitespace="nowrap" data-type="shape" data-responsive_offset="on"
data-frames='[{"from":"sX:0;","mask":"x:0;y:0;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":550,"ease":"Power4.easeOut"},{"delay":"wait","speed":400,"to":"y:[-100%];opacity:0;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'
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: 42;background-color:rgba(196, 162, 110, 1.00);border-color:rgba(0, 0, 0, 0);border-width:0px;">
</div>
<!-- LAYER NR. 39 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-13" id="slide-3231-layer-6"
data-x="['center','center','center','center']"
data-hoffset="['307','231','231','0']"
data-y="['middle','middle','middle','middle']"
data-voffset="['56','76','76','91']" data-width="['460','380','380','320']"
data-height="none" data-whitespace="normal" data-type="text"
data-responsive_offset="on"
data-frames='[{"from":"y:50px;opacity:0;","speed":1500,"to":"o:1;","delay":550,"ease":"Power4.easeOut"},{"delay":"wait","speed":400,"to":"y:-50px;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]"
style="z-index: 43; min-width: 460px; max-width: 460px; white-space: normal; font-size: 18px; line-height: 30px; font-weight: 400; color: rgba(119, 119, 119, 1.00);font-family:Roboto;border-width:0px;">
It is better to lead from behind and to put others in front, especially when you
celebrate victory when nice things occur. You take the front line when there is
danger. Then people will appreciate your leadership. </div>
<!-- LAYER NR. 40 -->
<div class="tp-caption rev-btn tp-resizeme rs-parallaxlevel-13"
id="slide-3231-layer-7" data-x="['center','center','center','center']"
data-hoffset="['307','231','231','0']"
data-y="['middle','middle','middle','middle']"
data-voffset="['228','224','224','253']" data-width="none" data-height="none"
data-whitespace="nowrap" data-type="button" data-responsive_offset="on"
data-frames='[{"from":"y:20px;sX:1;sY:1;opacity:0;","speed":1500,"to":"o:1;","delay":1250,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"to":"y:-50px;opacity:0;","ease":"Power2.easeIn"},{"frame":"hover","speed":"150","ease":"Power2.easeInOut","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(255, 255, 255, 1.00);bg:rgba(196, 162, 110, 1.00);bw:2px 2px 2px 2px;"}]'
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
data-paddingright="[40,40,40,40]" data-paddingbottom="[0,0,0,0]"
data-paddingleft="[40,40,40,40]"
style="z-index: 44; white-space: nowrap; font-size: 14px; line-height: 40px; font-weight: 900; color: rgba(196, 162, 110, 1.00);font-family:Roboto;background-color:rgba(255, 255, 255, 0);border-color:rgba(196, 162, 110, 1.00);border-style:solid;border-width:2px;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;letter-spacing:3px;cursor:pointer;">
KEEP READING </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">Magazine Posts</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 revapi1171;
tpj(document).ready(function () {
if (tpj("#rev_slider_1171_1").revolution == undefined) {
revslider_showDoubleJqueryError("#rev_slider_1171_1");
} else {
revapi1171 = tpj("#rev_slider_1171_1").show().revolution({
sliderType: "standard",
jsFileLocation: "revolution/js/",
sliderLayout: "fullwidth",
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: 1,
swipe_direction: "horizontal",
drag_block_vertical: false
},
arrows: {
style: "metis",
enable: true,
hide_onmobile: true,
hide_under: 768,
hide_onleave: false,
tmp: '',
left: {
h_align: "left",
v_align: "center",
h_offset: 0,
v_offset: 0
},
right: {
h_align: "right",
v_align: "center",
h_offset: 0,
v_offset: 0
}
}
},
responsiveLevels: [1240, 1024, 778, 480],
visibilityLevels: [1240, 1024, 778, 480],
gridwidth: [1400, 1200, 1000, 480],
gridheight: [1000, 900, 700, 700],
lazyType: "single",
parallax: {
type: "3D",
origo: "slidercenter",
speed: 400,
levels: [5, 10, 15, 20, 25, 30, 35, 40, -5, -10, -15, -20, -25, -30, -35, 55],
type: "3D",
ddd_shadow: "off",
ddd_bgfreeze: "off",
ddd_overflow: "visible",
ddd_layer_overflow: "visible",
ddd_z_correction: 65,
disable_onmobile: "on"
},
spinner: "off",
stopLoop: "on",
stopAfterLoops: 0,
stopAtSlide: 1,
shuffle: "off",
autoHeight: "off",
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/magazine-posts.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 29 Mar 2023 10:43:02 GMT -->
</html>
Reference in New Issue Copy Permalink