1242 lines
98 KiB
HTML
1242 lines
98 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en-US" class="no-js">
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Mirrored from quickdevs.com/demo/merit/rev-sliders/carousel-gallery.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 29 Mar 2023 10:29:15 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>Classic Gallery - Merit Premium Multi-Purpose HTML5 Template</title>
|
||
|
|
|
||
|
|
<!-- META TAGS -->
|
||
|
|
<meta name="keywords" content="premium multi-Purpose, html template, multipurpose template, bootstrap template, niches, clean, modern, multipurpose, responsive">
|
||
|
|
<meta name="description" content="Merit is a modern Multi-Purpose HTML Template any bussines.">
|
||
|
|
|
||
|
|
<!-- FAVICON -->
|
||
|
|
<link rel="shortcut icon" href="../images/icons/favicon.png">
|
||
|
|
|
||
|
|
<!-- REVOLUTION ADDONS -->
|
||
|
|
<link href="http://fonts.googleapis.com/css?family=Roboto%3A700%2C300" rel="stylesheet" property="stylesheet" type="text/css" media="all" />
|
||
|
|
<link rel="stylesheet" type="text/css" href="../revolution/fonts/pe-icon-7-stroke/css/pe-icon-7-stroke.css">
|
||
|
|
<link rel="stylesheet" type="text/css" href="../revolution/fonts/font-awesome/css/font-awesome.css">
|
||
|
|
|
||
|
|
<!-- REVOLUTION STYLE SHEETS -->
|
||
|
|
<link rel="stylesheet" type="text/css" href="../revolution/css/settings.css">
|
||
|
|
|
||
|
|
<!-- REVOLUTION LAYERS STYLES -->
|
||
|
|
<link rel="stylesheet" type="text/css" href="../revolution/css/layers.css">
|
||
|
|
|
||
|
|
<!-- REVOLUTION NAVIGATION STYLES -->
|
||
|
|
<link rel="stylesheet" type="text/css" href="../revolution/css/navigation.css">
|
||
|
|
|
||
|
|
<!-- REQUIRE CSS REVOLUTION STYLES -->
|
||
|
|
<style type="text/css">.tp-gradientstyle{background:-moz-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.75) 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(0,0,0,0)),color-stop(99%,rgba(0,0,0,0.83)),color-stop(100%,rgba(0,0,0,0.75))); background:-webkit-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); background:-o-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.75) 100%); background:-ms-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.75) 100%); background:linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.75) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#d9000000',GradientType=0 )}</style>
|
||
|
|
<style type="text/css">.gyges .tp-thumb{opacity:1}.gyges .tp-thumb-img-wrap{padding:3px; background-color:rgba(17,17,17,1); display:inline-block; width:100%; height:100%; position:relative; margin:0px; box-sizing:border-box; transition:all 0.3s; -webkit-transition:all 0.3s}.gyges .tp-thumb-image{padding:3px; display:block; box-sizing:border-box; position:relative; -webkit-box-shadow:inset 5px 5px 10px 0px rgba(17,17,17,1); -moz-box-shadow:inset 5px 5px 10px 0px rgba(17,17,17,1); box-shadow:inset 5px 5px 10px 0px rgba(17,17,17,1)}.gyges .tp-thumb:hover .tp-thumb-img-wrap,.gyges .tp-thumb.selected .tp-thumb-img-wrap{background:-moz-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%);background:-webkit-gradient(left top,left bottom,color-stop(0%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,1)));background:-webkit-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%);background:-o-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%);background:-ms-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%);background:linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%)}.gyges .tp-tab{opacity:1; padding:10px; box-sizing:border-box; font-family:"roboto",sans-serif; border-bottom:1px solid rgba(255,255,255,0.15)}.gyges .tp-tab-image{width:60px; height:60px; max-height:100%; max-width:100%; position:relative; display:inline-block;}.gyges .tp-tab-content{background:rgba(0,0,0,0); position:relative; padding:15px 15px 15px 85px; left:0px; overflow:hidden; margin-top:-15px; box-sizing:border-box; color:rgba(51,51,51,0); display:inline-block; width:100%; height:100%; position:absolute}.gyges .tp-tab-date{display:block; color:rgba(255,255,255,0.5); font-weight:500; font-size:12px; margin-bottom:0px}.gyges .tp-tab-title{display:block; text-align:left; color:rgba(255,255,255,1); font-size:14px; font-weight:500; text-transform:none; line-height:17px}.gyges .tp-tab:hover,.gyges .tp-tab.selected{background:rgba(0,0,0,0.51)}.gyges .tp-tab-mask{}@media only screen and (max-width:960px){}@media only screen and (max-width:768px){}</style>
|
||
|
|
|
||
|
|
<!-- MAIN CSS STYLE SHEET -->
|
||
|
|
<link rel="stylesheet" href="../css/main.css">
|
||
|
|
<link rel="stylesheet" href="../css/stylesheet.css">
|
||
|
|
<link rel="stylesheet" href="../css/responsive.css">
|
||
|
|
|
||
|
|
<!-- REVOLUTION CUSTOM CSS -->
|
||
|
|
<link rel="stylesheet" href="../css/slider-revolution.css">
|
||
|
|
|
||
|
|
<!-- MODERNIZR LIBRARY -->
|
||
|
|
<script src="../js/modernizr-custom.js"></script>
|
||
|
|
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<!-- PRELOADER START -->
|
||
|
|
<div id="loader-wrapper">
|
||
|
|
<div class="loader">
|
||
|
|
<span class="loader-26"></span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- PRELOADER END -->
|
||
|
|
|
||
|
|
<!-- HEADER START -->
|
||
|
|
<header>
|
||
|
|
<!-- TOP HEADER START -->
|
||
|
|
<div class="top-header">
|
||
|
|
<div class="container">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-md-6">
|
||
|
|
<ul class="top-contact text-left">
|
||
|
|
<li class="phone"><span class="tel-no"><a href="tel:123-456-7890"> +123-456-7890</a></span>
|
||
|
|
</li>
|
||
|
|
<li class="email"><a href="mailto:info@merit.com">info@merit.com</a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<div class="col-md-6 text-right">
|
||
|
|
<div class="top-social">
|
||
|
|
<ul class="social-list">
|
||
|
|
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
|
||
|
|
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
|
||
|
|
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
|
||
|
|
<li><a href="#"><i class="fab fa-dribbble"></i></a></li>
|
||
|
|
<li>
|
||
|
|
<!-- Button trigger modal -->
|
||
|
|
<div class="center-element">
|
||
|
|
<button type="button" class="btn btn-default" data-toggle="modal" data-target="#exampleModal2">Login</button>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Modal -->
|
||
|
|
<div class="modal fade custom-modal" id="exampleModal2" tabindex="-1" aria-hidden="true">
|
||
|
|
<div class="modal-dialog">
|
||
|
|
<div class="modal-content login-modal">
|
||
|
|
<button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button>
|
||
|
|
<div class="modal-body">
|
||
|
|
<figure class="login-avatar">
|
||
|
|
<img src="../images/icons/user-login-2.png" alt="">
|
||
|
|
</figure>
|
||
|
|
<h4>Merit</h4>
|
||
|
|
<p>Welcome Back!</p>
|
||
|
|
<div class="google-btn">
|
||
|
|
<button type="submit" class="tp-btn-primary">
|
||
|
|
<img class="tp-goole-icon" src="../images/icons/google-icon.png" alt="">
|
||
|
|
Sign in with Google
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
<p>Or</p>
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-md-12">
|
||
|
|
<form>
|
||
|
|
<div class="form-group">
|
||
|
|
<input type="email" class="form-control login-fc" placeholder="Email or Username">
|
||
|
|
</div>
|
||
|
|
<div class="form-group mt-3">
|
||
|
|
<input type="password" class="form-control login-fc" placeholder="Password">
|
||
|
|
</div>
|
||
|
|
<div class="login-options d-flex justify-content-between mt-3">
|
||
|
|
<div class="have-account">
|
||
|
|
<p><a href="#">Dont have an account?</a></p>
|
||
|
|
</div>
|
||
|
|
<div class="forgot-password">
|
||
|
|
<p><a href="#">Forgot password?</a></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="login-btn">
|
||
|
|
<button type="submit" class="tp-btn-primary">Login</button>
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<hr class="top-line">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- TOP HEADER END -->
|
||
|
|
|
||
|
|
<!-- MEGAMENU START -->
|
||
|
|
<div class="main-nav">
|
||
|
|
<div class="container">
|
||
|
|
<nav id="navigation1" class="navigation">
|
||
|
|
<div class="nav-header">
|
||
|
|
<a class="nav-logo" href="../index.html">
|
||
|
|
<img src="../images/logos/logo.png" class="white-logo" alt="">
|
||
|
|
<img src="../images/logos/logo-black.png" class="dark-logo" alt="">
|
||
|
|
</a>
|
||
|
|
<div class="nav-toggle"></div>
|
||
|
|
</div>
|
||
|
|
<div class="nav-menus-wrapper">
|
||
|
|
<ul class="nav-menu align-to-right">
|
||
|
|
<li><a href="#">HOME</a>
|
||
|
|
<div class="megamenu-panel">
|
||
|
|
<div class="megamenu-lists">
|
||
|
|
<ul class="megamenu-list list-col-4">
|
||
|
|
<li><a href="../1-agency.html">Agency</a></li>
|
||
|
|
<li><a href="../2-beauty.html">Beauty</a></li>
|
||
|
|
<li><a href="../3-construction.html">Construction</a></li>
|
||
|
|
<li><a href="../4-corporate.html">Corporate</a></li>
|
||
|
|
<li><a href="../5-courier.html">Courier</a></li>
|
||
|
|
<li><a href="../6-dealer.html">Dealer</a></li>
|
||
|
|
|
||
|
|
</ul>
|
||
|
|
<ul class="megamenu-list list-col-4">
|
||
|
|
<li><a href="../7-dental.html">Dental</a></li>
|
||
|
|
<li><a href="../8-education.html">Education</a></li>
|
||
|
|
<li><a href="../9-gym.html">Gym</a></li>
|
||
|
|
<li><a href="../10-hotel.html">Hotel</a></li>
|
||
|
|
<li><a href="../11-medical.html">Medical</a></li>
|
||
|
|
<li><a href="../12-restaurant.html">Restaurant</a></li>
|
||
|
|
|
||
|
|
</ul>
|
||
|
|
<ul class="megamenu-list list-col-4">
|
||
|
|
<li><a href="../13-charity.html">Charity</a></li>
|
||
|
|
<li><a href="../14-cleaning.html">Cleaning</a></li>
|
||
|
|
<li><a href="../15-finance.html">Finance</a></li>
|
||
|
|
<li><a href="../16-industrial.html">Industrial</a></li>
|
||
|
|
<li><a href="../17-hosting.html">Hosting</a></li>
|
||
|
|
<li><a href="../18-portfolio.html">Portfolio</a></li>
|
||
|
|
</ul>
|
||
|
|
<ul class="megamenu-list list-col-4">
|
||
|
|
<li><a href="../19-organic.html">Organic</a></li>
|
||
|
|
<li><a href="../20-farm.html">Farm</a></li>
|
||
|
|
<li><a href="../21-yoga.html">Yoga</a></li>
|
||
|
|
<li><a href="../22-travel.html">Travel</a></li>
|
||
|
|
<li><a href="../23-lawyer.html">Lawyer</a></li>
|
||
|
|
<li><a href="../24-fitness.html">Fitness</a></li>
|
||
|
|
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</li>
|
||
|
|
<li><a href="#">PAGES</a>
|
||
|
|
<div class="megamenu-panel">
|
||
|
|
<div class="megamenu-lists">
|
||
|
|
<ul class="megamenu-list list-col-4">
|
||
|
|
<li><a href="../about-style-1.html">About Us</a></li>
|
||
|
|
<li><a href="../about-style-2.html">About Me</a></li>
|
||
|
|
<li><a href="../about-style-3.html">About Us - ALT 2</a></li>
|
||
|
|
<li><a href="../about-style-4.html">About Us - ALT 3</a></li>
|
||
|
|
<li><a href="../careers-style-1.html">Careers</a></li>
|
||
|
|
<li><a href="../careers-style-2.html">Careers - ALT 2</a></li>
|
||
|
|
<li><a href="../careers-style-3.html">Careers - ALT 3</a></li>
|
||
|
|
</ul>
|
||
|
|
<ul class="megamenu-list list-col-4">
|
||
|
|
<li><a href="../services-style-1.html">Services</a></li>
|
||
|
|
<li><a href="../services-style-2.html">Services - ALT 2</a></li>
|
||
|
|
<li><a href="../services-style-3.html">Services - ALT 3</a></li>
|
||
|
|
<li><a href="../services-style-4.html">Services - ALT 4</a></li>
|
||
|
|
<li><a href="../profile-style-1.html">Profile</a></li>
|
||
|
|
<li><a href="../profile-style-2.html">Profile - ALT 2</a></li>
|
||
|
|
<li><a href="../profile-style-3.html">Profile - ALT 3</a></li>
|
||
|
|
</ul>
|
||
|
|
<ul class="megamenu-list list-col-4">
|
||
|
|
<li><a href="../contact-style-1.html">Contact Us </a></li>
|
||
|
|
<li><a href="../contact-style-2.html">Contact Us - ALT 2</a></li>
|
||
|
|
<li><a href="../contact-style-3.html">Contact Us - ALT 3</a></li>
|
||
|
|
<li><a href="../contact-style-4.html">Contact Us - ALT 4</a></li>
|
||
|
|
<li><a href="../team-style-1.html">Our Team</a></li>
|
||
|
|
<li><a href="../team-style-2.html">Our Team - ALT 2</a></li>
|
||
|
|
<li><a href="../team-style-3.html">Our Team - ALT 3</a></li>
|
||
|
|
|
||
|
|
</ul>
|
||
|
|
<ul class="megamenu-list list-col-4">
|
||
|
|
<li><a href="../coming-soon-style-1.html">Coming Soon</a></li>
|
||
|
|
<li><a href="../coming-soon-style-2.html">Coming Soon - ALT 2</a></li>
|
||
|
|
<li><a href="../404-error-style-1.html">404 Page</a></li>
|
||
|
|
<li><a href="../404-error-style-2.html">404 Page - ALT 2</a></li>
|
||
|
|
<li><a href="../login-register-style-1.html">Login / Register</a></li>
|
||
|
|
<li><a href="../faq.html">Faq</a></li>
|
||
|
|
<li><a href="../faq-alt.html">Faq - ALT</a></li>
|
||
|
|
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</li>
|
||
|
|
<li><a href="#">ELEMENTS</a>
|
||
|
|
<div class="megamenu-panel">
|
||
|
|
<div class="megamenu-lists">
|
||
|
|
<ul class="megamenu-list list-col-4">
|
||
|
|
<li class="megamenu-list-title"><a href="#">ELEMENTS 1</a></li>
|
||
|
|
<li><a href="../elements/accordions.html"><i class="fas fa-plus-square"></i> 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_18_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container"
|
||
|
|
data-alias="carousel-gallery" data-source="gallery"
|
||
|
|
style="margin:0px auto;background:#000000;padding:0px;margin-top:0px;margin-bottom:0px;">
|
||
|
|
<!-- START REVOLUTION SLIDER 5.4.1 fullwidth mode -->
|
||
|
|
<div id="rev_slider_18_1" class="rev_slider fullwidthabanner" style="display:none;"
|
||
|
|
data-version="5.4.1">
|
||
|
|
<ul>
|
||
|
|
<!-- SLIDE -->
|
||
|
|
<li data-index="rs-41" data-transition="fade" data-slotamount="default"
|
||
|
|
data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default"
|
||
|
|
data-easeout="default" data-masterspeed="300"
|
||
|
|
data-thumb="../assets/images/art3-120x120.jpg" data-rotate="0"
|
||
|
|
data-saveperformance="off" data-title="Raw Cityscape" data-param1="Photography"
|
||
|
|
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_2.png" alt=""
|
||
|
|
data-lazyload="../assets/images/art3.jpg" data-bgposition="center center"
|
||
|
|
data-kenburns="on" data-duration="30000" data-ease="Linear.easeNone"
|
||
|
|
data-scalestart="100" data-scaleend="120" data-rotatestart="0" data-rotateend="0"
|
||
|
|
data-blurstart="0" data-blurend="0" data-offsetstart="0 0" data-offsetend="0 0"
|
||
|
|
class="rev-slidebg" data-no-retina>
|
||
|
|
<!-- LAYERS -->
|
||
|
|
|
||
|
|
<!-- LAYER NR. 1 -->
|
||
|
|
<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme tp-gradientstyle"
|
||
|
|
id="slide-41-layer-2" data-x="['center','center','center','center']"
|
||
|
|
data-hoffset="['0','0','0','0']" data-y="['bottom','bottom','bottom','bottom']"
|
||
|
|
data-voffset="['0','0','0','0']" data-width="full"
|
||
|
|
data-height="['200','200','200','250']" data-whitespace="nowrap"
|
||
|
|
data-type="shape" data-basealign="slide" data-responsive_offset="on"
|
||
|
|
data-frames='[{"from":"y:50px;opacity:0;","speed":2000,"to":"o:1;","delay":0,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"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;"> </div>
|
||
|
|
|
||
|
|
<!-- LAYER NR. 2 -->
|
||
|
|
<a class="tp-caption tp-resizeme" href="#" target="_self" id="slide-41-layer-1"
|
||
|
|
data-x="['left','left','left','left']" data-hoffset="['40','40','30','20']"
|
||
|
|
data-y="['bottom','bottom','bottom','bottom']"
|
||
|
|
data-voffset="['90','90','79','99']" data-fontsize="['40','40','25','20']"
|
||
|
|
data-lineheight="['40','40','25','20']" data-width="['580','480','340','260']"
|
||
|
|
data-height="none" data-whitespace="normal" data-type="text" data-actions=''
|
||
|
|
data-basealign="slide" data-responsive_offset="on"
|
||
|
|
data-frames='[{"from":"y:20px;opacity:0;","speed":2000,"to":"o:1;","delay":200,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"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: 6; min-width: 580px; max-width: 580px; white-space: normal; font-size: 40px; line-height: 40px; font-weight: 500; color: rgba(255,255,255,1);font-family:Roboto;text-decoration: none;">Raw
|
||
|
|
Cityscape </a>
|
||
|
|
|
||
|
|
<!-- LAYER NR. 3 -->
|
||
|
|
<div class="tp-caption tp-resizeme" id="slide-41-layer-3"
|
||
|
|
data-x="['left','left','left','left']" data-hoffset="['40','40','30','20']"
|
||
|
|
data-y="['bottom','bottom','bottom','bottom']"
|
||
|
|
data-voffset="['35','35','20','20']" data-width="['580','480','340','260']"
|
||
|
|
data-height="none" data-whitespace="normal" data-type="text"
|
||
|
|
data-basealign="slide" data-responsive_offset="on"
|
||
|
|
data-frames='[{"from":"y:20px;opacity:0;","speed":2000,"to":"o:1;","delay":400,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"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: 7; min-width: 580px; max-width: 580px; white-space: normal; font-size: 15px; line-height: 20px; font-weight: 500; color: rgba(255,255,255,0.75);font-family:Roboto;">
|
||
|
|
The only way to make sense out of change is to plunge into it, move with it, and
|
||
|
|
join the dance.
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- LAYER NR. 4 -->
|
||
|
|
<div class="tp-caption tp-resizeme tp-svg-layer" id="slide-41-layer-4"
|
||
|
|
data-x="['left','left','left','left']" data-hoffset="['721','620','510','367']"
|
||
|
|
data-y="['bottom','bottom','bottom','bottom']"
|
||
|
|
data-voffset="['29','29','9','16']" data-width="50" data-height="50"
|
||
|
|
data-whitespace="nowrap" data-visibility="['on','on','off','off']"
|
||
|
|
data-type="svg"
|
||
|
|
data-actions='[{"event":"click","action":"togglefullscreen","delay":""}]'
|
||
|
|
data-svg_src="../assets/images/ic_fullscreen_24px.svg"
|
||
|
|
data-svg_idle="sc:transparent;sw:0;sda:0;sdo:0;"
|
||
|
|
data-svg_hover="sc:transparent;sw:0;sda:0;sdo:0;" data-basealign="slide"
|
||
|
|
data-responsive_offset="on"
|
||
|
|
data-frames='[{"from":"y:20px;opacity:0;","speed":2000,"to":"o:1;","delay":600,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"},{"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);"}]'
|
||
|
|
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; min-width: 50px; max-width: 50px; max-width: 50px; max-width: 50px; color: rgba(255,255,255,0.50);cursor:pointer;">
|
||
|
|
<div class="rs-untoggled-content"> </div>
|
||
|
|
<div class="rs-toggled-content"></div>
|
||
|
|
</div>
|
||
|
|
</li>
|
||
|
|
<!-- SLIDE -->
|
||
|
|
<li data-index="rs-42" data-transition="fade" data-slotamount="default"
|
||
|
|
data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default"
|
||
|
|
data-easeout="default" data-masterspeed="300"
|
||
|
|
data-thumb="../assets/images/art4-120x120.jpg" data-rotate="0"
|
||
|
|
data-saveperformance="off" data-title="The Kingdom" data-param1="Exploration"
|
||
|
|
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_2.png" alt=""
|
||
|
|
data-lazyload="../assets/images/art4.jpg" data-bgposition="center center"
|
||
|
|
data-kenburns="on" data-duration="30000" data-ease="Linear.easeNone"
|
||
|
|
data-scalestart="100" data-scaleend="120" data-rotatestart="0" data-rotateend="0"
|
||
|
|
data-blurstart="0" data-blurend="0" data-offsetstart="0 0" data-offsetend="0 0"
|
||
|
|
class="rev-slidebg" data-no-retina>
|
||
|
|
<!-- LAYERS -->
|
||
|
|
|
||
|
|
<!-- LAYER NR. 5 -->
|
||
|
|
<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme tp-gradientstyle"
|
||
|
|
id="slide-42-layer-2" data-x="['center','center','center','center']"
|
||
|
|
data-hoffset="['0','0','0','0']" data-y="['bottom','bottom','bottom','bottom']"
|
||
|
|
data-voffset="['0','0','0','0']" data-width="full"
|
||
|
|
data-height="['200','200','200','250']" data-whitespace="nowrap"
|
||
|
|
data-type="shape" data-basealign="slide" data-responsive_offset="on"
|
||
|
|
data-frames='[{"from":"y:50px;opacity:0;","speed":2000,"to":"o:1;","delay":0,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"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: 9;"> </div>
|
||
|
|
|
||
|
|
<!-- LAYER NR. 6 -->
|
||
|
|
<a class="tp-caption tp-resizeme" href="#" target="_self" id="slide-42-layer-1"
|
||
|
|
data-x="['left','left','left','left']" data-hoffset="['40','40','30','20']"
|
||
|
|
data-y="['bottom','bottom','bottom','bottom']"
|
||
|
|
data-voffset="['91','91','98','120']" data-fontsize="['40','40','25','20']"
|
||
|
|
data-lineheight="['40','40','25','20']" data-width="['580','480','340','260']"
|
||
|
|
data-height="none" data-whitespace="normal" data-type="text" data-actions=''
|
||
|
|
data-basealign="slide" data-responsive_offset="on"
|
||
|
|
data-frames='[{"from":"y:20px;opacity:0;","speed":2000,"to":"o:1;","delay":200,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"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: 10; min-width: 580px; max-width: 580px; white-space: normal; font-size: 40px; line-height: 40px; font-weight: 500; color: rgba(255,255,255,1);font-family:Roboto;text-decoration: none;">The
|
||
|
|
Kingdom </a>
|
||
|
|
|
||
|
|
<!-- LAYER NR. 7 -->
|
||
|
|
<div class="tp-caption tp-resizeme" id="slide-42-layer-3"
|
||
|
|
data-x="['left','left','left','left']" data-hoffset="['40','40','30','20']"
|
||
|
|
data-y="['bottom','bottom','bottom','bottom']"
|
||
|
|
data-voffset="['35','35','20','20']" data-width="['580','480','340','260']"
|
||
|
|
data-height="none" data-whitespace="normal" data-type="text"
|
||
|
|
data-basealign="slide" data-responsive_offset="on"
|
||
|
|
data-frames='[{"from":"y:20px;opacity:0;","speed":2000,"to":"o:1;","delay":400,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"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: 11; min-width: 580px; max-width: 580px; white-space: normal; font-size: 15px; line-height: 20px; font-weight: 500; color: rgba(255,255,255,0.75);font-family:Roboto;">
|
||
|
|
Zen does not confuse spirituality with thinking about God while one is peeling
|
||
|
|
potatoes. Zen spirituality is just to peel the potatoes. </div>
|
||
|
|
|
||
|
|
<!-- LAYER NR. 8 -->
|
||
|
|
<div class="tp-caption tp-resizeme tp-svg-layer" id="slide-42-layer-4"
|
||
|
|
data-x="['left','left','left','left']" data-hoffset="['721','620','510','367']"
|
||
|
|
data-y="['bottom','bottom','bottom','bottom']"
|
||
|
|
data-voffset="['29','29','9','16']" data-width="50" data-height="50"
|
||
|
|
data-whitespace="nowrap" data-visibility="['on','on','off','off']"
|
||
|
|
data-type="svg"
|
||
|
|
data-actions='[{"event":"click","action":"togglefullscreen","delay":""}]'
|
||
|
|
data-svg_src="../assets/images/ic_fullscreen_24px.svg"
|
||
|
|
data-svg_idle="sc:transparent;sw:0;sda:0;sdo:0;"
|
||
|
|
data-svg_hover="sc:transparent;sw:0;sda:0;sdo:0;" data-basealign="slide"
|
||
|
|
data-responsive_offset="on"
|
||
|
|
data-frames='[{"from":"y:20px;opacity:0;","speed":2000,"to":"o:1;","delay":600,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"},{"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);"}]'
|
||
|
|
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; min-width: 50px; max-width: 50px; max-width: 50px; max-width: 50px; color: rgba(255,255,255,0.50);cursor:pointer;">
|
||
|
|
<div class="rs-untoggled-content"> </div>
|
||
|
|
<div class="rs-toggled-content"></div>
|
||
|
|
</div>
|
||
|
|
</li>
|
||
|
|
<!-- SLIDE -->
|
||
|
|
<li data-index="rs-43" data-transition="fade" data-slotamount="default"
|
||
|
|
data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default"
|
||
|
|
data-easeout="default" data-masterspeed="300"
|
||
|
|
data-thumb="../assets/images/art5-120x120.jpg" data-rotate="0"
|
||
|
|
data-saveperformance="off" data-title="Going in Deep" data-param1="Miscellaneous"
|
||
|
|
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_2.png" alt=""
|
||
|
|
data-lazyload="../assets/images/art5.jpg" data-bgposition="center center"
|
||
|
|
data-kenburns="on" data-duration="30000" data-ease="Linear.easeNone"
|
||
|
|
data-scalestart="100" data-scaleend="120" data-rotatestart="0" data-rotateend="0"
|
||
|
|
data-blurstart="0" data-blurend="0" data-offsetstart="0 0" data-offsetend="0 0"
|
||
|
|
class="rev-slidebg" data-no-retina>
|
||
|
|
<!-- LAYERS -->
|
||
|
|
|
||
|
|
<!-- LAYER NR. 9 -->
|
||
|
|
<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme tp-gradientstyle"
|
||
|
|
id="slide-43-layer-2" data-x="['center','center','center','center']"
|
||
|
|
data-hoffset="['0','0','0','0']" data-y="['bottom','bottom','bottom','bottom']"
|
||
|
|
data-voffset="['0','0','0','0']" data-width="full"
|
||
|
|
data-height="['200','200','200','250']" data-whitespace="nowrap"
|
||
|
|
data-type="shape" data-basealign="slide" data-responsive_offset="on"
|
||
|
|
data-frames='[{"from":"y:50px;opacity:0;","speed":2000,"to":"o:1;","delay":0,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"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: 13;"> </div>
|
||
|
|
|
||
|
|
<!-- LAYER NR. 10 -->
|
||
|
|
<a class="tp-caption tp-resizeme" href="#" target="_self" id="slide-43-layer-1"
|
||
|
|
data-x="['left','left','left','left']" data-hoffset="['40','40','30','20']"
|
||
|
|
data-y="['bottom','bottom','bottom','bottom']"
|
||
|
|
data-voffset="['90','111','119','140']" data-fontsize="['40','40','25','20']"
|
||
|
|
data-lineheight="['40','40','25','20']" data-width="['580','480','340','260']"
|
||
|
|
data-height="none" data-whitespace="normal" data-type="text" data-actions=''
|
||
|
|
data-basealign="slide" data-responsive_offset="on"
|
||
|
|
data-frames='[{"from":"y:20px;opacity:0;","speed":2000,"to":"o:1;","delay":200,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"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: 14; min-width: 580px; max-width: 580px; white-space: normal; font-size: 40px; line-height: 40px; font-weight: 500; color: rgba(255,255,255,1);font-family:Roboto;text-decoration: none;">Going
|
||
|
|
in Deep </a>
|
||
|
|
|
||
|
|
<!-- LAYER NR. 11 -->
|
||
|
|
<div class="tp-caption tp-resizeme" id="slide-43-layer-3"
|
||
|
|
data-x="['left','left','left','left']" data-hoffset="['40','40','30','20']"
|
||
|
|
data-y="['bottom','bottom','bottom','bottom']"
|
||
|
|
data-voffset="['35','35','20','20']" data-width="['580','480','340','260']"
|
||
|
|
data-height="none" data-whitespace="normal" data-type="text"
|
||
|
|
data-basealign="slide" data-responsive_offset="on"
|
||
|
|
data-frames='[{"from":"y:20px;opacity:0;","speed":2000,"to":"o:1;","delay":400,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"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: 15; min-width: 580px; max-width: 580px; white-space: normal; font-size: 15px; line-height: 20px; font-weight: 500; color: rgba(255,255,255,0.75);font-family:Roboto;">
|
||
|
|
To have faith is to trust yourself to the water. When you swim you don't grab
|
||
|
|
hold of the water, because if you do you will sink and drown. Instead you relax,
|
||
|
|
and float. </div>
|
||
|
|
|
||
|
|
<!-- LAYER NR. 12 -->
|
||
|
|
<div class="tp-caption tp-resizeme tp-svg-layer" id="slide-43-layer-4"
|
||
|
|
data-x="['left','left','left','left']" data-hoffset="['721','620','510','367']"
|
||
|
|
data-y="['bottom','bottom','bottom','bottom']"
|
||
|
|
data-voffset="['29','29','9','16']" data-width="50" data-height="50"
|
||
|
|
data-whitespace="nowrap" data-visibility="['on','on','off','off']"
|
||
|
|
data-type="svg"
|
||
|
|
data-actions='[{"event":"click","action":"togglefullscreen","delay":""}]'
|
||
|
|
data-svg_src="../assets/images/ic_fullscreen_36px.svg"
|
||
|
|
data-svg_idle="sc:transparent;sw:0;sda:0;sdo:0;"
|
||
|
|
data-svg_hover="sc:transparent;sw:0;sda:0;sdo:0;" data-basealign="slide"
|
||
|
|
data-responsive_offset="on"
|
||
|
|
data-frames='[{"from":"y:20px;opacity:0;","speed":2000,"to":"o:1;","delay":600,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"},{"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);"}]'
|
||
|
|
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: 16; min-width: 50px; max-width: 50px; max-width: 50px; max-width: 50px; color: rgba(255,255,255,0.50);cursor:pointer;">
|
||
|
|
<div class="rs-untoggled-content"> </div>
|
||
|
|
<div class="rs-toggled-content"></div>
|
||
|
|
</div>
|
||
|
|
</li>
|
||
|
|
<!-- SLIDE -->
|
||
|
|
<li data-index="rs-44" data-transition="fade" data-slotamount="default"
|
||
|
|
data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default"
|
||
|
|
data-easeout="default" data-masterspeed="300"
|
||
|
|
data-thumb="../assets/images/art8-120x120.jpg" data-rotate="0"
|
||
|
|
data-saveperformance="off" data-title="Galactic Oneness" data-param1="Nightsky"
|
||
|
|
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_2.png" alt=""
|
||
|
|
data-lazyload="../assets/images/art8.jpg" data-bgposition="center center"
|
||
|
|
data-kenburns="on" data-duration="30000" data-ease="Linear.easeNone"
|
||
|
|
data-scalestart="100" data-scaleend="120" data-rotatestart="0" data-rotateend="0"
|
||
|
|
data-blurstart="0" data-blurend="0" data-offsetstart="0 0" data-offsetend="0 0"
|
||
|
|
class="rev-slidebg" data-no-retina>
|
||
|
|
<!-- LAYERS -->
|
||
|
|
|
||
|
|
<!-- LAYER NR. 13 -->
|
||
|
|
<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme tp-gradientstyle"
|
||
|
|
id="slide-44-layer-2" data-x="['center','center','center','center']"
|
||
|
|
data-hoffset="['0','0','0','0']" data-y="['bottom','bottom','bottom','bottom']"
|
||
|
|
data-voffset="['0','0','0','0']" data-width="full"
|
||
|
|
data-height="['200','200','200','250']" data-whitespace="nowrap"
|
||
|
|
data-type="shape" data-basealign="slide" data-responsive_offset="on"
|
||
|
|
data-frames='[{"from":"y:50px;opacity:0;","speed":2000,"to":"o:1;","delay":0,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"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: 17;"> </div>
|
||
|
|
|
||
|
|
<!-- LAYER NR. 14 -->
|
||
|
|
<a class="tp-caption tp-resizeme" href="#" target="_self" id="slide-44-layer-1"
|
||
|
|
data-x="['left','left','left','left']" data-hoffset="['40','40','30','20']"
|
||
|
|
data-y="['bottom','bottom','bottom','bottom']"
|
||
|
|
data-voffset="['111','111','119','140']" data-fontsize="['40','40','25','20']"
|
||
|
|
data-lineheight="['40','40','25','20']" data-width="['580','480','340','260']"
|
||
|
|
data-height="none" data-whitespace="normal" data-type="text" data-actions=''
|
||
|
|
data-basealign="slide" data-responsive_offset="on"
|
||
|
|
data-frames='[{"from":"y:20px;opacity:0;","speed":2000,"to":"o:1;","delay":200,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"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: 18; min-width: 580px; max-width: 580px; white-space: normal; font-size: 40px; line-height: 40px; font-weight: 500; color: rgba(255,255,255,1);font-family:Roboto;text-decoration: none;">Galactic
|
||
|
|
Oneness </a>
|
||
|
|
|
||
|
|
<!-- LAYER NR. 15 -->
|
||
|
|
<div class="tp-caption tp-resizeme" id="slide-44-layer-3"
|
||
|
|
data-x="['left','left','left','left']" data-hoffset="['40','40','30','20']"
|
||
|
|
data-y="['bottom','bottom','bottom','bottom']"
|
||
|
|
data-voffset="['35','35','20','20']" data-width="['580','480','340','260']"
|
||
|
|
data-height="none" data-whitespace="normal" data-type="text"
|
||
|
|
data-basealign="slide" data-responsive_offset="on"
|
||
|
|
data-frames='[{"from":"y:20px;opacity:0;","speed":2000,"to":"o:1;","delay":400,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"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: 19; min-width: 580px; max-width: 580px; white-space: normal; font-size: 15px; line-height: 20px; font-weight: 500; color: rgba(255,255,255,0.75);font-family:Roboto;">
|
||
|
|
Things are as they are. Looking out into it the universe at night, we make no
|
||
|
|
comparisons between right and wrong stars, nor between well and badly arranged
|
||
|
|
constellations. </div>
|
||
|
|
|
||
|
|
<!-- LAYER NR. 16 -->
|
||
|
|
<div class="tp-caption tp-resizeme tp-svg-layer" id="slide-44-layer-4"
|
||
|
|
data-x="['left','left','left','left']" data-hoffset="['721','620','510','367']"
|
||
|
|
data-y="['bottom','bottom','bottom','bottom']"
|
||
|
|
data-voffset="['29','29','9','16']" data-width="50" data-height="50"
|
||
|
|
data-whitespace="nowrap" data-visibility="['on','on','off','off']"
|
||
|
|
data-type="svg"
|
||
|
|
data-actions='[{"event":"click","action":"togglefullscreen","delay":""}]'
|
||
|
|
data-svg_src="../assets/images/ic_fullscreen_36px.svg"
|
||
|
|
data-svg_idle="sc:transparent;sw:0;sda:0;sdo:0;"
|
||
|
|
data-svg_hover="sc:transparent;sw:0;sda:0;sdo:0;" data-basealign="slide"
|
||
|
|
data-responsive_offset="on"
|
||
|
|
data-frames='[{"from":"y:20px;opacity:0;","speed":2000,"to":"o:1;","delay":600,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"},{"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);"}]'
|
||
|
|
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: 20; min-width: 50px; max-width: 50px; max-width: 50px; max-width: 50px; color: rgba(255,255,255,0.50);cursor:pointer;">
|
||
|
|
<div class="rs-untoggled-content"> </div>
|
||
|
|
<div class="rs-toggled-content"></div>
|
||
|
|
</div>
|
||
|
|
</li>
|
||
|
|
<!-- SLIDE -->
|
||
|
|
<li data-index="rs-45" data-transition="fade" data-slotamount="default"
|
||
|
|
data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default"
|
||
|
|
data-easeout="default" data-masterspeed="300"
|
||
|
|
data-thumb="../assets/images/sunshinecover-120x120.jpg" data-rotate="0"
|
||
|
|
data-saveperformance="off" data-title="Wonderful Sunrise" data-param1="HTML5 Video"
|
||
|
|
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_2.png" alt=""
|
||
|
|
data-lazyload="../assets/images/sunshinecover.jpg"
|
||
|
|
data-bgposition="center center" data-bgfit="cover" 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/sunrise.mp4" data-videopreload="auto"
|
||
|
|
data-videoloop="loopandnoslidestop" data-forceCover="1" data-aspectratio="16:9"
|
||
|
|
data-autoplay="true" data-autoplayonlyfirsttime="false"></div>
|
||
|
|
|
||
|
|
<!-- LAYER NR. 17 -->
|
||
|
|
<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme tp-gradientstyle"
|
||
|
|
id="slide-45-layer-2" data-x="['center','center','center','center']"
|
||
|
|
data-hoffset="['0','0','0','0']" data-y="['bottom','bottom','bottom','bottom']"
|
||
|
|
data-voffset="['0','0','0','0']" data-width="full"
|
||
|
|
data-height="['200','200','200','250']" data-whitespace="nowrap"
|
||
|
|
data-type="shape" data-basealign="slide" data-responsive_offset="on"
|
||
|
|
data-frames='[{"from":"y:50px;opacity:0;","speed":2000,"to":"o:1;","delay":0,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"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: 21;"> </div>
|
||
|
|
|
||
|
|
<!-- LAYER NR. 18 -->
|
||
|
|
<a class="tp-caption tp-resizeme" href="#" target="_self" id="slide-45-layer-1"
|
||
|
|
data-x="['left','left','left','left']" data-hoffset="['40','40','30','20']"
|
||
|
|
data-y="['bottom','bottom','bottom','bottom']"
|
||
|
|
data-voffset="['91','91','99','100']" data-fontsize="['40','40','25','20']"
|
||
|
|
data-lineheight="['40','40','25','20']" data-width="['580','480','340','260']"
|
||
|
|
data-height="none" data-whitespace="normal" data-type="text" data-actions=''
|
||
|
|
data-basealign="slide" data-responsive_offset="on"
|
||
|
|
data-frames='[{"from":"y:20px;opacity:0;","speed":2000,"to":"o:1;","delay":200,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"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: 22; min-width: 580px; max-width: 580px; white-space: normal; font-size: 40px; line-height: 40px; font-weight: 500; color: rgba(255,255,255,1);font-family:Roboto;text-decoration: none;">Wonderful
|
||
|
|
Sunrise </a>
|
||
|
|
|
||
|
|
<!-- LAYER NR. 19 -->
|
||
|
|
<div class="tp-caption tp-resizeme" id="slide-45-layer-3"
|
||
|
|
data-x="['left','left','left','left']" data-hoffset="['40','40','30','20']"
|
||
|
|
data-y="['bottom','bottom','bottom','bottom']"
|
||
|
|
data-voffset="['35','35','20','20']" data-width="['580','480','340','260']"
|
||
|
|
data-height="none" data-whitespace="normal" data-type="text"
|
||
|
|
data-basealign="slide" data-responsive_offset="on"
|
||
|
|
data-frames='[{"from":"y:20px;opacity:0;","speed":2000,"to":"o:1;","delay":400,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"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: 23; min-width: 580px; max-width: 580px; white-space: normal; font-size: 15px; line-height: 20px; font-weight: 500; color: rgba(255,255,255,0.75);font-family:Roboto;">
|
||
|
|
You and I are all as much continuous with the physical universe as a wave is
|
||
|
|
continuous with the ocean. </div>
|
||
|
|
|
||
|
|
<!-- LAYER NR. 20 -->
|
||
|
|
<div class="tp-caption tp-resizeme tp-svg-layer" id="slide-45-layer-4"
|
||
|
|
data-x="['left','left','left','left']" data-hoffset="['721','620','510','367']"
|
||
|
|
data-y="['bottom','bottom','bottom','bottom']"
|
||
|
|
data-voffset="['29','29','9','16']" data-width="50" data-height="50"
|
||
|
|
data-whitespace="nowrap" data-visibility="['on','on','off','off']"
|
||
|
|
data-type="svg"
|
||
|
|
data-actions='[{"event":"click","action":"togglefullscreen","delay":""}]'
|
||
|
|
data-svg_src="../assets/images/ic_fullscreen_36px.svg"
|
||
|
|
data-svg_idle="sc:transparent;sw:0;sda:0;sdo:0;"
|
||
|
|
data-svg_hover="sc:transparent;sw:0;sda:0;sdo:0;" data-basealign="slide"
|
||
|
|
data-responsive_offset="on"
|
||
|
|
data-frames='[{"from":"y:20px;opacity:0;","speed":2000,"to":"o:1;","delay":600,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"},{"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);"}]'
|
||
|
|
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: 24; min-width: 50px; max-width: 50px; max-width: 50px; max-width: 50px; color: rgba(255,255,255,0.50);cursor:pointer;">
|
||
|
|
<div class="rs-untoggled-content"> </div>
|
||
|
|
<div class="rs-toggled-content"></div>
|
||
|
|
</div>
|
||
|
|
</li>
|
||
|
|
<!-- SLIDE -->
|
||
|
|
<li data-index="rs-46" data-transition="fade" data-slotamount="default"
|
||
|
|
data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default"
|
||
|
|
data-easeout="default" data-masterspeed="300"
|
||
|
|
data-thumb="../assets/images/art7-120x120.jpg" data-rotate="0"
|
||
|
|
data-saveperformance="off" data-title="Vast Deserts" data-param1="Traveling"
|
||
|
|
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_2.png" alt=""
|
||
|
|
data-lazyload="../assets/images/art7.jpg" data-bgposition="center center"
|
||
|
|
data-kenburns="on" data-duration="30000" data-ease="Linear.easeNone"
|
||
|
|
data-scalestart="100" data-scaleend="120" data-rotatestart="0" data-rotateend="0"
|
||
|
|
data-blurstart="0" data-blurend="0" data-offsetstart="0 0" data-offsetend="0 0"
|
||
|
|
class="rev-slidebg" data-no-retina>
|
||
|
|
<!-- LAYERS -->
|
||
|
|
|
||
|
|
<!-- LAYER NR. 21 -->
|
||
|
|
<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme tp-gradientstyle"
|
||
|
|
id="slide-46-layer-2" data-x="['center','center','center','center']"
|
||
|
|
data-hoffset="['0','0','0','0']" data-y="['bottom','bottom','bottom','bottom']"
|
||
|
|
data-voffset="['0','0','0','0']" data-width="full"
|
||
|
|
data-height="['200','200','200','250']" data-whitespace="nowrap"
|
||
|
|
data-type="shape" data-basealign="slide" data-responsive_offset="on"
|
||
|
|
data-frames='[{"from":"y:50px;opacity:0;","speed":2000,"to":"o:1;","delay":0,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"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: 25;"> </div>
|
||
|
|
|
||
|
|
<!-- LAYER NR. 22 -->
|
||
|
|
<a class="tp-caption tp-resizeme" href="#" target="_self" id="slide-46-layer-1"
|
||
|
|
data-x="['left','left','left','left']" data-hoffset="['40','40','30','20']"
|
||
|
|
data-y="['bottom','bottom','bottom','bottom']"
|
||
|
|
data-voffset="['91','91','79','100']" data-fontsize="['40','40','25','20']"
|
||
|
|
data-lineheight="['40','40','25','20']" data-width="['580','480','340','260']"
|
||
|
|
data-height="none" data-whitespace="normal" data-type="text" data-actions=''
|
||
|
|
data-basealign="slide" data-responsive_offset="on"
|
||
|
|
data-frames='[{"from":"y:20px;opacity:0;","speed":2000,"to":"o:1;","delay":200,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"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: 26; min-width: 580px; max-width: 580px; white-space: normal; font-size: 40px; line-height: 40px; font-weight: 500; color: rgba(255,255,255,1);font-family:Roboto;text-decoration: none;">Vast
|
||
|
|
Deserts </a>
|
||
|
|
|
||
|
|
<!-- LAYER NR. 23 -->
|
||
|
|
<div class="tp-caption tp-resizeme" id="slide-46-layer-3"
|
||
|
|
data-x="['left','left','left','left']" data-hoffset="['40','40','30','20']"
|
||
|
|
data-y="['bottom','bottom','bottom','bottom']"
|
||
|
|
data-voffset="['35','35','20','20']" data-width="['580','480','340','260']"
|
||
|
|
data-height="none" data-whitespace="normal" data-type="text"
|
||
|
|
data-basealign="slide" data-responsive_offset="on"
|
||
|
|
data-frames='[{"from":"y:20px;opacity:0;","speed":2000,"to":"o:1;","delay":400,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"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: 27; min-width: 580px; max-width: 580px; white-space: normal; font-size: 15px; line-height: 20px; font-weight: 500; color: rgba(255,255,255,0.75);font-family:Roboto;">
|
||
|
|
But the attitude of faith is to let go, and become open to truth, whatever it
|
||
|
|
might turn out to be. </div>
|
||
|
|
|
||
|
|
<!-- LAYER NR. 24 -->
|
||
|
|
<div class="tp-caption tp-resizeme tp-svg-layer" id="slide-46-layer-4"
|
||
|
|
data-x="['left','left','left','left']" data-hoffset="['721','620','510','367']"
|
||
|
|
data-y="['bottom','bottom','bottom','bottom']"
|
||
|
|
data-voffset="['29','29','9','16']" data-width="50" data-height="50"
|
||
|
|
data-whitespace="nowrap" data-visibility="['on','on','off','off']"
|
||
|
|
data-type="svg"
|
||
|
|
data-actions='[{"event":"click","action":"togglefullscreen","delay":""}]'
|
||
|
|
data-svg_src="../assets/images/ic_fullscreen_36px.svg"
|
||
|
|
data-svg_idle="sc:transparent;sw:0;sda:0;sdo:0;"
|
||
|
|
data-svg_hover="sc:transparent;sw:0;sda:0;sdo:0;" data-basealign="slide"
|
||
|
|
data-responsive_offset="on"
|
||
|
|
data-frames='[{"from":"y:20px;opacity:0;","speed":2000,"to":"o:1;","delay":600,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"},{"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);"}]'
|
||
|
|
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; min-width: 50px; max-width: 50px; max-width: 50px; max-width: 50px; color: rgba(255,255,255,0.50);cursor:pointer;">
|
||
|
|
<div class="rs-untoggled-content"> </div>
|
||
|
|
<div class="rs-toggled-content"></div>
|
||
|
|
</div>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
<div class="tp-bannertimer" style="height: 8px; background: rgba(255,255,255,0.25);"></div>
|
||
|
|
</div>
|
||
|
|
</div><!-- END REVOLUTION SLIDER -->
|
||
|
|
|
||
|
|
</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">Classic Gallery</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 revapi18;
|
||
|
|
tpj(document).ready(function () {
|
||
|
|
if (tpj("#rev_slider_18_1").revolution == undefined) {
|
||
|
|
revslider_showDoubleJqueryError("#rev_slider_18_1");
|
||
|
|
} else {
|
||
|
|
revapi18 = tpj("#rev_slider_18_1").show().revolution({
|
||
|
|
sliderType: "carousel",
|
||
|
|
jsFileLocation: "revolution/js/",
|
||
|
|
sliderLayout: "fullwidth",
|
||
|
|
dottedOverlay: "none",
|
||
|
|
delay: 9000,
|
||
|
|
navigation: {
|
||
|
|
keyboardNavigation: "off",
|
||
|
|
keyboard_direction: "horizontal",
|
||
|
|
mouseScrollNavigation: "off",
|
||
|
|
mouseScrollReverse: "default",
|
||
|
|
onHoverStop: "on",
|
||
|
|
thumbnails: {
|
||
|
|
style: "gyges",
|
||
|
|
enable: true,
|
||
|
|
width: 50,
|
||
|
|
height: 50,
|
||
|
|
min_width: 50,
|
||
|
|
wrapper_padding: 5,
|
||
|
|
wrapper_color: "transparent",
|
||
|
|
tmp: '<span class="tp-thumb-img-wrap"> <span class="tp-thumb-image"></span></span>',
|
||
|
|
visibleAmount: 5,
|
||
|
|
hide_onmobile: false,
|
||
|
|
hide_over: 1240,
|
||
|
|
hide_onleave: false,
|
||
|
|
direction: "horizontal",
|
||
|
|
span: false,
|
||
|
|
position: "inner",
|
||
|
|
space: 5,
|
||
|
|
h_align: "center",
|
||
|
|
v_align: "top",
|
||
|
|
h_offset: 0,
|
||
|
|
v_offset: 120
|
||
|
|
},
|
||
|
|
tabs: {
|
||
|
|
style: "gyges",
|
||
|
|
enable: true,
|
||
|
|
width: 220,
|
||
|
|
height: 80,
|
||
|
|
min_width: 220,
|
||
|
|
wrapper_padding: 0,
|
||
|
|
wrapper_color: "transparent",
|
||
|
|
tmp: '<div class="tp-tab-content"> <span class="tp-tab-date">{{param1}}</span> <span class="tp-tab-title">{{title}}</span></div><div class="tp-tab-image"></div>',
|
||
|
|
visibleAmount: 6,
|
||
|
|
hide_onmobile: true,
|
||
|
|
hide_under: 1240,
|
||
|
|
hide_onleave: false,
|
||
|
|
hide_delay: 200,
|
||
|
|
direction: "vertical",
|
||
|
|
span: true,
|
||
|
|
position: "inner",
|
||
|
|
space: 0,
|
||
|
|
h_align: "left",
|
||
|
|
v_align: "center",
|
||
|
|
h_offset: 0,
|
||
|
|
v_offset: 0
|
||
|
|
}
|
||
|
|
},
|
||
|
|
carousel: {
|
||
|
|
horizontal_align: "center",
|
||
|
|
vertical_align: "center",
|
||
|
|
fadeout: "off",
|
||
|
|
maxVisibleItems: 5,
|
||
|
|
infinity: "on",
|
||
|
|
space: 0,
|
||
|
|
stretch: "off",
|
||
|
|
showLayersAllTime: "off",
|
||
|
|
easing: "Power3.easeInOut",
|
||
|
|
speed: "800"
|
||
|
|
},
|
||
|
|
responsiveLevels: [1240, 1024, 778, 480],
|
||
|
|
visibilityLevels: [1240, 1024, 778, 480],
|
||
|
|
gridwidth: [800, 700, 400, 300],
|
||
|
|
gridheight: [868, 600, 500, 400],
|
||
|
|
lazyType: "single",
|
||
|
|
shadow: 0,
|
||
|
|
spinner: "off",
|
||
|
|
stopLoop: "off",
|
||
|
|
stopAfterLoops: -1,
|
||
|
|
stopAtSlide: -1,
|
||
|
|
shuffle: "off",
|
||
|
|
autoHeight: "off",
|
||
|
|
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/carousel-gallery.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 29 Mar 2023 10:29:25 GMT -->
|
||
|
|
</html>
|