| Server IP : 104.21.21.239 / Your IP : 216.73.216.11 Web Server : Apache/2.4.68 (Amazon Linux) OpenSSL/3.5.5 System : Linux ip-172-31-69-123.ec2.internal 6.1.176-223.369.amzn2023.x86_64 #1 SMP PREEMPT_DYNAMIC Fri Jul 24 13:34:27 UTC 2026 x86_64 User : ec2-user ( 1000) PHP Version : 8.4.23 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /home/home2/domains/nycyouth/Package-HTML/Canvas 7 Files/ |
Upload File : |
<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta http-equiv="x-ua-compatible" content="IE=edge">
<meta name="author" content="SemiColonWeb">
<meta name="description" content="Get Canvas to build powerful websites easily with the Highly Customizable & Best Selling Bootstrap Template, today.">
<!-- Font Imports -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=PT+Serif:ital@0;1&display=swap" rel="stylesheet">
<!-- Core Style -->
<link rel="stylesheet" href="style.css">
<!-- Font Icons -->
<link rel="stylesheet" href="css/font-icons.css">
<!-- Plugins/Components CSS -->
<!-- SLIDER REVOLUTION 5.x CSS SETTINGS -->
<link rel="stylesheet" href="include/rs-plugin/css/settings.css" media="screen">
<link rel="stylesheet" href="include/rs-plugin/css/layers.css">
<link rel="stylesheet" href="include/rs-plugin/css/navigation.css">
<!-- Custom CSS -->
<link rel="stylesheet" href="css/custom.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Document Title
============================================= -->
<title>Gallery Slideshow - Revolution Slider | Canvas</title>
<style>
.tp-video-play-button { display: none !important; }
.tp-caption { white-space: nowrap; }
</style>
</head>
<body class="stretched">
<!-- Document Wrapper
============================================= -->
<div id="wrapper">
<!-- Header
============================================= -->
<header id="header" class="transparent-header" data-sticky-class="not-dark">
<div id="header-wrap">
<div class="container">
<div class="header-row">
<!-- Logo
============================================= -->
<div id="logo">
<a href="index.html">
<img class="logo-default" srcset="images/logo.png, images/[email protected] 2x" src="images/[email protected]" alt="Canvas Logo">
<img class="logo-dark" srcset="images/logo-dark.png, images/[email protected] 2x" src="images/[email protected]" alt="Canvas Logo">
</a>
</div><!-- #logo end -->
<div class="header-misc">
<!-- Top Search
============================================= -->
<div id="top-search" class="header-misc-icon">
<a href="#" id="top-search-trigger"><i class="uil uil-search"></i><i class="bi-x-lg"></i></a>
</div><!-- #top-search end -->
<!-- Top Cart
============================================= -->
<div id="top-cart" class="header-misc-icon d-none d-sm-block">
<a href="#" id="top-cart-trigger"><i class="uil uil-shopping-bag"></i><span class="top-cart-number">5</span></a>
<div class="top-cart-content">
<div class="top-cart-title">
<h4>Shopping Cart</h4>
</div>
<div class="top-cart-items">
<div class="top-cart-item">
<div class="top-cart-item-image">
<a href="#"><img src="images/shop/small/1.jpg" alt="Blue Round-Neck Tshirt"></a>
</div>
<div class="top-cart-item-desc">
<div class="top-cart-item-desc-title">
<a href="#">Blue Round-Neck Tshirt with a Button</a>
<span class="top-cart-item-price d-block">$19.99</span>
</div>
<div class="top-cart-item-quantity">x 2</div>
</div>
</div>
<div class="top-cart-item">
<div class="top-cart-item-image">
<a href="#"><img src="images/shop/small/6.jpg" alt="Light Blue Denim Dress"></a>
</div>
<div class="top-cart-item-desc">
<div class="top-cart-item-desc-title">
<a href="#">Light Blue Denim Dress</a>
<span class="top-cart-item-price d-block">$24.99</span>
</div>
<div class="top-cart-item-quantity">x 3</div>
</div>
</div>
</div>
<div class="top-cart-action">
<span class="top-checkout-price">$114.95</span>
<a href="#" class="button button-3d button-small m-0">View Cart</a>
</div>
</div>
</div><!-- #top-cart end -->
</div>
<div class="primary-menu-trigger">
<button class="cnvs-hamburger" type="button" title="Open Mobile Menu">
<span class="cnvs-hamburger-box"><span class="cnvs-hamburger-inner"></span></span>
</button>
</div>
<!-- Primary Navigation
============================================= -->
<nav class="primary-menu">
<ul class="menu-container">
<li class="menu-item">
<a class="menu-link" href="index.html"><div>Home</div></a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="niche-demos.html"><div>Niche Demos</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="onepage-demos.html"><div>One-Page Demos</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="blocks.html"><div>Blocks</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="index-corporate.html"><div>Home - Corporate</div></a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="index-corporate.html"><div>Corporate - Layout 1</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="index-corporate-2.html"><div>Corporate - Layout 2</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="index-corporate-3.html"><div>Corporate - Layout 3</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="index-corporate-4.html"><div>Corporate - Layout 4</div></a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="index-portfolio.html"><div>Home - Portfolio</div></a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="index-portfolio.html"><div>Portfolio - Layout 1</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="index-portfolio-2.html"><div>Portfolio - Layout 2</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="index-portfolio-3.html"><div>Portfolio - Masonry</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="index-portfolio-4.html"><div>Portfolio - AJAX</div></a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="index-blog.html"><div>Home - Blog</div></a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="index-blog.html"><div>Blog - Layout 1</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="index-blog-2.html"><div>Blog - Layout 2</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="index-blog-3.html"><div>Blog - Layout 3</div></a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="index-shop.html"><div>Home - Shop</div></a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="index-shop.html"><div>Shop - Layout 1</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="index-shop-2.html"><div>Shop - Layout 2</div></a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="index-magazine.html"><div>Home - Magazine</div></a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="index-magazine.html"><div>Magazine - Layout 1</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="index-magazine-2.html"><div>Magazine - Layout 2</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="index-magazine-3.html"><div>Magazine - Layout 3</div></a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="landing.html"><div>Home - Landing Page</div></a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="landing.html"><div>Landing Page - Layout 1</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="landing-2.html"><div>Landing Page - Layout 2</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="landing-3.html"><div>Landing Page - Layout 3</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="landing-4.html"><div>Landing Page - Layout 4</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="landing-5.html"><div>Landing Page - Layout 5</div></a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="index-fullscreen-image.html"><div>Home - Full Screen</div></a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="index-fullscreen-image.html"><div>Full Screen - Image</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="index-fullscreen-slider.html"><div>Full Screen - Slider</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="index-fullscreen-video.html"><div>Full Screen - Video</div></a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="index-onepage.html"><div>Home - One Page</div></a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="index-onepage.html"><div>One Page - Default</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="index-onepage-2.html"><div>One Page - Submenu</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="index-onepage-3.html"><div>One Page - Dots Style</div></a>
</li>
</ul>
</li>
<li class="menu-item mega-menu mega-menu-small">
<a class="menu-link" href="#"><div>Extras</div></a>
<div class="mega-menu-content">
<div class="row mx-0">
<ul class="sub-menu-container mega-menu-column col">
<li class="menu-item">
<a class="menu-link" href="index-wedding.html"><div>Wedding</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="index-restaurant.html"><div>Restaurant</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="index-events.html"><div>Events</div></a>
</li>
</ul>
<ul class="sub-menu-container mega-menu-column col">
<li class="menu-item">
<a class="menu-link" href="index-parallax.html"><div>Parallax</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="index-app-showcase.html"><div>App Showcase</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="index-boxed.html"><div>Boxed Layout</div></a>
</li>
</ul>
</div>
</div>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="#"><div>Features</div></a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="#"><div><i class="bi-hypnotize"></i>Sliders</div></a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="slider-revolution.html"><div>Revolution Slider</div></a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="rs-demos.html"><div>Premium Templates</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="slider-revolution.html"><div>Full Screen</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="slider-revolution-fullwidth.html"><div>Full Width</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="slider-revolution-kenburns.html"><div>Kenburns Effect</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="slider-revolution-html5-videos.html"><div>HTML5 Video</div></a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="slider-canvas.html"><div>Canvas Slider</div></a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="slider-canvas.html"><div>Full Width</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="slider-canvas-fade.html"><div>Fade Transition</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="slider-canvas-autoplay.html"><div>Autoplay Feature</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="slider-canvas-video-event.html"><div>Custom Video Event</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="slider-canvas-pagination.html"><div>Pagination Navigation</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="slider-canvas-3.html"><div>3 Columns</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="slider-canvas-4.html"><div>4 Columns</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="slider-canvas-5.html"><div>5 Columns</div></a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="slider-flex.html"><div>Flex Slider</div></a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="slider-flex.html"><div>Default Layout</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="slider-flex-thumbs.html"><div>with Thumbs</div></a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="slider-owl.html"><div>Owl Slider</div></a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="slider-owl-full.html"><div>Full Width</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="slider-owl.html"><div>Boxed Width</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="slider-owl-videos.html"><div>Video Slider</div></a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="static-parallax.html"><div>Static Media</div></a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="static-parallax.html"><div>Static - Parallax</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="static-image.html"><div>Static - Image</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="static-thumbs-grid.html"><div>Static - Thumb Gallery</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="static-html5-video.html"><div>Static - HTML5 Video</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="static-embed-video.html"><div>Static - Embedded Video</div></a>
</li>
</ul>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="#"><div><i class="bi-menu-button-wide-fill"></i>Headers</div></a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="#"><div>Custom Layouts</div></a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="header-saas.html"><div>SAAS</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="header-ecommerce-minimal.html"><div>eCommerce Minimal</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="header-directory.html"><div>Directory</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="header-floating-semi-transparent.html"><div>Floating Semi-Transparent</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="header-floating-with-topbar.html"><div>Floating with Top-Bar</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="header-floating-small.html"><div>Floating Small</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="header-offcanvas-overlay.html"><div>Off-Canvas Overlay</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="header-full-menu.html"><div>Full Menu</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="header-full-border.html"><div>Full Border</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="header-sticky-on-scrollup.html"><div>Sticky on ScrollUp</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="index-shop.html"><div>Language + Currency</div></a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="header-light.html"><div>Light Version</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="header-dark.html"><div>Dark Version</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="header-transparent.html"><div>Transparent</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="header-semi-transparent.html"><div>Semi Transparent</div></a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="header-semi-transparent.html"><div>Light Version</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="header-semi-transparent-dark.html"><div>Dark Version</div></a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="header-side-left.html"><div>Left Side Header</div></a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="header-side-left.html"><div>Fixed Position</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="header-side-left-open.html"><div>OnClick Open</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="header-side-left-open-push.html"><div>Push Content</div></a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="header-side-right.html"><div>Right Side Header</div></a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="header-side-right.html"><div>Fixed Position</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="header-side-right-open.html"><div>OnClick Open</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="header-side-right-open-push.html"><div>Push Content</div></a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="header-floating.html"><div>Floating Version</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="static-sticky.html"><div>Static Sticky</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="responsive-sticky.html"><div>Responsive Sticky</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="logo-changer.html"><div>Alternate Logos</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="alternate-mobile-menu.html"><div>Alternate Mobile Menu</div></a>
</li>
</ul>
</li>
<li class="menu-item mega-menu mega-menu-small">
<a class="menu-link" href="#"><div><i class="bi-border-style"></i>Menu Styles</div></a>
<div class="mega-menu-content">
<div class="row mx-0">
<ul class="sub-menu-container mega-menu-column col">
<li class="menu-item">
<a class="menu-link" href="header-light.html"><div>Default Layout</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="menu-2.html"><div>Alternate Layout</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="menu-3.html"><div>Pill Style</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="menu-4.html"><div>Border Style</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="menu-5.html"><div>Large Icon Menu</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="split-menu.html"><div>Split Layout 1</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="split-menu-2.html"><div>Split Layout 2</div></a>
</li>
</ul>
<ul class="sub-menu-container mega-menu-column col">
<li class="menu-item">
<a class="menu-link" href="#"><div>Dropdown Styles</div></a>
<ul class="sub-menu-container mega-menu-dropdown p-lg-0">
<li class="menu-item">
<a class="menu-link" href="menu-dropdowns-blur.html"><div>Blur</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="menu-dropdowns-colors.html"><div>Colors</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="menu-dropdowns-dark.html"><div>Dark</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="menu-dropdowns-flat.html"><div>Flat</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="menu-dropdowns-fullwidth.html"><div>Full-Width</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="menu-dropdowns-other-arrows.html"><div>Custom Arrows</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="menu-dropdowns-rounded.html"><div>Rounded</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="menu-dropdowns-shadow.html"><div>Shadow</div></a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="menu-6.html"><div>Scaling Border</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="menu-subtitle.html"><div>Sub-Title Menu</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="menu-7.html"><div>Extended Menu 1</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="menu-8.html"><div>Extended Menu 2</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="menu-9.html"><div>Extended Menu 3</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="menu-10.html"><div>Overlay Menu</div></a>
</li>
</ul>
</div>
</div>
</li>
<li class="menu-item">
<a class="menu-link" href="mega-menu.html"><div><i class="bi-layout-split"></i>Mega Menu</div></a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="mega-menu.html"><div>Widgetized</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="mega-menu-full.html"><div>Full-Width</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="mega-menu-tab.html"><div>Tabbed</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="mega-menu-side-tab.html"><div>Side-Tabs (onClick)</div></a>
</li>
</ul>
</li>
<li class="menu-item-divider"></li>
<li class="menu-item">
<a class="menu-link" href="forms.html"><div><i class="bi-postcard"></i>Forms</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="contact.html"><div><i class="bi-envelope-at"></i>Contact Pages</div></a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="contact.html">Main Layout</a>
</li>
<li class="menu-item">
<a class="menu-link" href="contact-2.html">Grid Layout</a>
</li>
<li class="menu-item">
<a class="menu-link" href="contact-3.html">Right Sidebar</a>
</li>
<li class="menu-item">
<a class="menu-link" href="contact-4.html">Both Sidebars</a>
</li>
<li class="menu-item">
<a class="menu-link" href="contact-5.html">Modal Form</a>
</li>
<li class="menu-item">
<a class="menu-link" href="contact-6.html">Form Overlay</a>
</li>
<li class="menu-item">
<a class="menu-link" href="contact-7.html">Form Overlay Mini</a>
</li>
<li class="menu-item">
<a class="menu-link" href="contact-recaptcha-v3.html">reCaptcha</a>
</li>
<li class="menu-item">
<a class="menu-link" href="contact-hcaptcha.html">hCaptcha</a>
</li>
</ul>
</li>
<li class="menu-item mega-menu mega-menu-small">
<a class="menu-link" href="widgets.html"><div><i class="bi-boxes"></i>Widgets</div></a>
<div class="mega-menu-content">
<div class="row mx-0">
<ul class="sub-menu-container mega-menu-column col">
<li class="menu-item">
<a class="menu-link" href="widgets.html"><div>Links</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="widgets.html"><div>Flickr Photostream</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="widgets.html"><div>Dribbble Shots</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="widgets.html"><div>Subscribers</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="widgets.html"><div>Posts List</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="widgets.html"><div>Twitter Feed</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="widgets.html"><div>Tabbed Widgets</div></a>
</li>
</ul>
<ul class="sub-menu-container mega-menu-column col">
<li class="menu-item">
<a class="menu-link" href="widgets.html"><div>Carousel</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="widgets.html"><div>Social Icons</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="widgets.html"><div>Testimonials</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="widgets.html"><div>Quick Contact</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="widgets.html"><div>Tags Cloud</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="widgets.html"><div>Video Embeds</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="widgets.html"><div>Raw HTML</div></a>
</li>
</ul>
</div>
</div>
</li>
<li class="menu-item">
<a class="menu-link" href="#"><div><i class="bi-textarea-t"></i>Page Titles</div></a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="#"><div>Styles</div></a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="page-title-block.html"><div>Block</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="page-title-bold.html"><div>Bold</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="page-title-fancy.html"><div>Fancy</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="page-title-fancy-alt.html"><div>Fancy Alternate</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="page-title-boxes.html"><div>Boxes</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="page-title-blog.html"><div>Layout for Blogs</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="page-title-shop.html"><div>Layout for Shops</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="page-title-mini.html"><div>Mini Version</div></a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="#"><div>Backgrounds</div></a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="page-title-dark.html"><div>Dark Style</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="page-title-pattern.html"><div>BG Pattern</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="page-title-parallax.html"><div>Parallax - Default</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="page-title-parallax-header.html"><div>Parallax - Transparent</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="page-title-video.html"><div>HTML5 Video</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="page-title-gmap.html"><div>Google Maps</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="page-title-gmap-mini.html"><div>Google Maps Mini</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="page-title-nobg.html"><div>No Background</div></a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="#"><div>Layouts</div></a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="page-title.html"><div>Left Align</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="page-title-right.html"><div>Right Align</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="page-title-center.html"><div>Center Align</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="page-title-sticky.html"><div>Sticky</div></a>
</li>
</ul>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="side-panel.html"><div><i class="bi-layout-sidebar-inset-reverse"></i>Side Panel</div></a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="side-panel-left-overlay.html"><div>Left Overlay</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="side-panel-left-push.html"><div>Left Push</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="side-panel-right-overlay.html"><div>Right Overlay</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="side-panel.html"><div>Right Push</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="side-panel-light.html"><div>Light Background</div></a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="modal-onload.html"><div><i class="bi-front"></i>Modal OnLoad</div></a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="modal-onload.html"><div>Default Layout</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="modal-onload-iframe.html"><div>Video iFrame</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="modal-onload-subscribe.html"><div>Subscription Form</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="modal-onload-common-height.html"><div>Common Height</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="modal-onload-cookie.html"><div>Cookies Enabled</div></a>
</li>
</ul>
</li>
<li class="menu-item mega-menu mega-menu-small">
<a class="menu-link" href="#footer" data-scrollto="#footer"><div><i class="bi-layer-forward"></i>Footers</div></a>
<div class="mega-menu-content">
<div class="row mx-0">
<ul class="sub-menu-container mega-menu-column col">
<li class="menu-item">
<a class="menu-link" href="sticky-footer.html"><div>Sticky</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="#footer" data-scrollto="#footer"><div>Layout 1</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="footer-2.html#footer"><div>Layout 2</div></a>
</li>
</ul>
<ul class="sub-menu-container mega-menu-column col">
<li class="menu-item">
<a class="menu-link" href="footer-3.html#footer"><div>Layout 3</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="footer-4.html#footer"><div>Layout 4</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="footer-5.html#footer"><div>Layout 5</div></a>
</li>
</ul>
<ul class="sub-menu-container mega-menu-column col">
<li class="menu-item">
<a class="menu-link" href="footer-6.html#footer"><div>Layout 6</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="footer-7.html#footer"><div>Layout 7</div></a>
</li>
</ul>
</div>
</div>
</li>
</ul>
</li>
<li class="menu-item mega-menu">
<a class="menu-link" href="#"><div>Pages</div></a>
<div class="mega-menu-content mega-menu-style-2">
<div class="container">
<div class="row">
<ul class="sub-menu-container mega-menu-column col-lg-3">
<li class="menu-item mega-menu-title">
<a class="menu-link" href="#"><div>Introductory</div></a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="about.html"><div>About Us</div></a>
<ul class="sub-menu-container mega-menu-dropdown">
<li class="menu-item">
<a class="menu-link" href="about.html"><div>Main Layout</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="about-2.html"><div>Alternate Layout</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="about-me.html"><div>About Me</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="team.html"><div>Team Members</div></a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="gdpr.html"><div>GDPR Compliance</div></a>
<ul class="sub-menu-container mega-menu-dropdown">
<li class="menu-item">
<a class="menu-link" href="gdpr.html"><div>Default</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="gdpr-small.html"><div>Small</div></a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="jobs.html"><div>Careers</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="profile.html"><div>User Profile</div></a>
</li>
</ul>
</li>
</ul>
<ul class="sub-menu-container mega-menu-column col-lg-3">
<li class="menu-item mega-menu-title">
<a class="menu-link" href="#"><div>Utility & Specials</div></a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="services.html"><div><i class="bi-asterisk"></i>Services Pages</div></a>
<ul class="sub-menu-container mega-menu-dropdown">
<li class="menu-item">
<a class="menu-link" href="services.html"><div>Layout 1</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="services-2.html"><div>Layout 2</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="services-3.html"><div>Layout 3</div></a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="#"><div><i class="bi-calendar"></i>Events</div></a>
<ul class="sub-menu-container mega-menu-dropdown">
<li class="menu-item">
<a class="menu-link" href="events-list.html"><div>Events List</div></a>
<ul class="sub-menu-container mega-menu-dropdown">
<li class="menu-item">
<a class="menu-link" href="events-list.html"><div>Right Sidebar</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="events-list-left-sidebar.html"><div>Left Sidebar</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="events-list-both-sidebar.html"><div>Both Sidebar</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="events-list-fullwidth.html"><div>Full Width</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="events-list-parallax.html"><div>Parallax List</div></a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="event-single.html"><div>Single Event</div></a>
<ul class="sub-menu-container mega-menu-dropdown">
<li class="menu-item">
<a class="menu-link" href="event-single-right-sidebar.html"><div>Right Sidebar</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="event-single-left-sidebar.html"><div>Left Sidebar</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="event-single-both-sidebar.html"><div>Both Sidebar</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="event-single.html"><div>Full Width</div></a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="event-single-full-width-image.html"><div>Single Event - Full</div></a>
<ul class="sub-menu-container mega-menu-dropdown">
<li class="menu-item">
<a class="menu-link" href="event-single-full-width-image.html"><div>Parallax Image</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="event-single-full-width-map.html"><div>Google Map</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="event-single-full-width-slider.html"><div>Slider Gallery</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="event-single-full-width-video.html"><div>HTML5 Video</div></a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="events-calendar.html"><div>Full Width Calendar</div></a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="faqs.html"><div><i class="bi-question-circle"></i>FAQs Pages</div></a>
<ul class="sub-menu-container mega-menu-dropdown">
<li class="menu-item">
<a class="menu-link" href="faqs.html"><div>Layout 1</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="faqs-2.html"><div>Layout 2</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="faqs-3.html"><div>Layout 3</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="faqs-4.html"><div>Layout 4</div></a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="index-rtl.html"><div><i class="bi-translate"></i>RTL Template</div></a>
</li>
</ul>
</li>
</ul>
<ul class="sub-menu-container mega-menu-column col-lg-3">
<li class="menu-item mega-menu-title">
<a class="menu-link" href="#"><div>Layouts & PageNavs</div></a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="full-width.html"><div>Full Width</div></a>
<ul class="sub-menu-container mega-menu-dropdown">
<li class="menu-item">
<a class="menu-link" href="full-width.html"><div>Default Width</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="full-width-wide.html"><div>Wide Width</div></a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="#"><div>Sidebars</div></a>
<ul class="sub-menu-container mega-menu-dropdown">
<li class="menu-item">
<a class="menu-link" href="right-sidebar.html"><div>Right Sidebar</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="left-sidebar.html"><div>Left Sidebar</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="both-sidebar.html"><div>Both Sidebar</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="both-right-sidebar.html"><div>Both Right Sidebar</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="both-left-sidebar.html"><div>Both Left Sidebar</div></a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="page-submenu.html"><div>Page Submenu</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="side-navigation.html"><div>Side Navigation</div></a>
</li>
</ul>
</li>
</ul>
<ul class="sub-menu-container mega-menu-column col-lg-3">
<li class="menu-item mega-menu-title">
<a class="menu-link" href="#"><div>Miscellaneous</div></a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="login-register.html"><div>Login/Register</div></a>
<ul class="sub-menu-container mega-menu-dropdown">
<li class="menu-item">
<a class="menu-link" href="login-register.html"><div>Default Layout</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="login-register-2.html"><div>Tabbed Login</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="login-register-3.html"><div>Login Accordion</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="login-1.html"><div>Dark BG Login</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="login-2.html"><div>Image BG Login</div></a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="coming-soon.html"><div>Coming Soon</div></a>
<ul class="sub-menu-container mega-menu-dropdown">
<li class="menu-item">
<a class="menu-link" href="coming-soon.html"><div>Default Layout</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="coming-soon-2.html"><div>Parallax Image</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="coming-soon-3.html"><div>HTML5 Video</div></a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="404.html"><div>404 Pages</div></a>
<ul class="sub-menu-container mega-menu-dropdown">
<li class="menu-item">
<a class="menu-link" href="404.html"><div>Default Layout</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="404-2.html"><div>Parallax Image</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="404-3.html"><div>HTML5 Video</div></a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="#"><div>Extras</div></a>
<ul class="sub-menu-container mega-menu-dropdown">
<li class="menu-item">
<a class="menu-link" href="blank-page.html"><div>Blank Page</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="maintenance.html"><div>Maintenance Page</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="sitemap.html"><div>Sitemap</div></a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</li>
<li class="menu-item mega-menu">
<a class="menu-link" href="#"><div>Portfolio</div></a>
<div class="mega-menu-content mega-menu-style-2">
<div class="container">
<div class="row">
<ul class="sub-menu-container mega-menu-column col">
<li class="menu-item mega-menu-title">
<a class="menu-link" href="#"><div>Grids</div></a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="portfolio-1.html"><div>1 Column</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="portfolio-2.html"><div>2 Columns</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="portfolio-3.html"><div>3 Columns</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="portfolio.html"><div>4 Columns</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="portfolio-5.html"><div>5 Columns</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="portfolio-6.html"><div>6 Columns</div></a>
</li>
</ul>
</li>
</ul>
<ul class="sub-menu-container mega-menu-column col">
<li class="menu-item mega-menu-title">
<a class="menu-link" href="#"><div>Masonry</div></a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="portfolio-mixed-masonry.html"><div>Mixed Columns</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="portfolio-2-masonry.html"><div>2 Columns</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="portfolio-3-masonry.html"><div>3 Columns</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="portfolio-masonry.html"><div>4 Columns</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="portfolio-5-masonry.html"><div>5 Columns</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="portfolio-6-masonry.html"><div>6 Columns</div></a>
</li>
</ul>
</li>
</ul>
<ul class="sub-menu-container mega-menu-column col">
<li class="menu-item mega-menu-title">
<a class="menu-link" href="#"><div>Loading Styles</div></a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="portfolio.html"><div>jQuery Filter</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="portfolio-jpagination.html"><div>jQuery Pagination</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="portfolio-infinity-scroll.html"><div>Infinity Scroll</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="portfolio-ajax.html"><div>AJAX In Page</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="portfolio-ajax-in-modal.html"><div>AJAX In Modal</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="portfolio-filter-styles.html"><div>Filter Styles</div></a>
</li>
</ul>
</li>
</ul>
<ul class="sub-menu-container mega-menu-column col">
<li class="menu-item mega-menu-title">
<a class="menu-link" href="#"><div>Single Project</div></a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="portfolio-single-extended.html"><div>Extended Item</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="portfolio-single-fullwidth.html"><div>Parallax Image</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="portfolio-single-gallery-full.html"><div>Slider Gallery</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="portfolio-single-video-fullwidth-left-sidebar.html"><div>HTML5 Video</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="portfolio-single-thumbs-right-sidebar.html"><div>Masonry Thumbs</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="portfolio-single-video-both-sidebar.html"><div>Embed Video</div></a>
</li>
</ul>
</li>
</ul>
<ul class="sub-menu-container mega-menu-column col">
<li class="menu-item mega-menu-title">
<a class="menu-link" href="#"><div>Layouts</div></a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="portfolio-nomargin.html"><div>Default</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="portfolio-1-alt-right-sidebar.html"><div>Right Sidebar</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="portfolio-3-left-sidebar.html"><div>Left Sidebar</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="portfolio-2-both-sidebar.html"><div>Both Sidebar</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="portfolio-fullwidth-notitle.html"><div>100% Width</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="portfolio-parallax.html"><div>Parallax</div></a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</li>
<li class="menu-item mega-menu">
<a class="menu-link" href="#"><div>Blog</div></a>
<div class="mega-menu-content mega-menu-style-2">
<div class="container">
<div class="row">
<ul class="sub-menu-container mega-menu-column col-lg-3">
<li class="menu-item mega-menu-title">
<a class="menu-link" href="#"><div>Default</div></a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="blog.html"><div>Right Sidebar</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="blog-left-sidebar.html"><div>Left Sidebar</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="blog-both-sidebar.html"><div>Both Sidebar</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="blog-full-width.html"><div>Full Width</div></a>
</li>
</ul>
</li>
<li class="menu-item mega-menu-title">
<a class="menu-link" href="#"><div>Timeline</div></a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="blog-timeline-right-sidebar.html"><div>Right Sidebar</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="blog-timeline-left-sidebar.html"><div>Left Sidebar</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="blog-timeline.html"><div>Full Width</div></a>
</li>
</ul>
</li>
</ul>
<ul class="sub-menu-container mega-menu-column col-lg-3">
<li class="menu-item mega-menu-title">
<a class="menu-link" href="#"><div>Masonry</div></a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="blog-masonry.html"><div>4 Columns</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="blog-masonry-3.html"><div>3 Columns</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="blog-masonry-2.html"><div>2 Columns</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="blog-masonry-full.html"><div>100% Width</div></a>
</li>
</ul>
</li>
<li class="menu-item mega-menu-title">
<a class="menu-link" href="#"><div>Grid</div></a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="blog-grid.html"><div>4 Columns</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="blog-grid-3.html"><div>3 Columns</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="blog-grid-2.html"><div>2 Columns</div></a>
</li>
</ul>
</li>
</ul>
<ul class="sub-menu-container mega-menu-column col-lg-3">
<li class="menu-item mega-menu-title">
<a class="menu-link" href="#"><div>Small Thumbs</div></a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="blog-small-left-sidebar.html"><div>Left Sidebar</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="blog-small.html"><div>Right Sidebar</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="blog-small-both-sidebar.html"><div>Both Sidebar</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="blog-small-full-width.html"><div>Full Width</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="blog-small-alt.html"><div>Alternate Layout</div></a>
</li>
</ul>
</li>
<li class="menu-item mega-menu-title">
<a class="menu-link" href="#"><div>Item Splitting</div></a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="blog-grid.html"><div>Pagination</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="blog-masonry.html"><div>Infinite Scroll</div></a>
</li>
</ul>
</li>
</ul>
<ul class="sub-menu-container mega-menu-column col-lg-3">
<li class="menu-item mega-menu-title">
<a class="menu-link" href="#"><div>Single</div></a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="blog-single.html"><div>Default Layout</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="blog-single-left-sidebar.html"><div>Left Sidebar</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="blog-single-full.html"><div>Full Width</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="blog-single-small.html"><div>Small Image</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="blog-single-split-right-sidebar.html"><div>Split Layout</div></a>
</li>
</ul>
</li>
<li class="menu-item mega-menu-title">
<a class="menu-link" href="#"><div>Comments Module</div></a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="blog-single-left-sidebar.html#comments"><div>Facebook Comments</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="blog-single-small.html#comments"><div>Disqus Comments</div></a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</li>
<li class="menu-item">
<a class="menu-link" href="shop.html"><div>Shop</div></a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="shop.html"><div>4 Columns</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="shop-3.html"><div>3 Columns</div></a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="shop-3.html"><div>Full Width</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="shop-3-right-sidebar.html"><div>Right Sidebar</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="shop-3-left-sidebar.html"><div>Left Sidebar</div></a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="shop-2.html"><div>2 Columns</div></a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="shop-2-right-sidebar.html"><div>Right Sidebar</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="shop-2-left-sidebar.html"><div>Left Sidebar</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="shop-2-both-sidebar.html"><div>Both Sidebar</div></a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="shop-1.html"><div>1 Columns</div></a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="shop-1.html"><div>Full Width</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="shop-1-right-sidebar.html"><div>Right Sidebar</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="shop-1-left-sidebar.html"><div>Left Sidebar</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="shop-1-both-sidebar.html"><div>Both Sidebar</div></a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="#"><div>Product Layouts</div></a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="shop.html"><div>Default</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="shop-layout-2.html"><div>Layout 2</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="shop-layout-3.html"><div>Layout 3</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="shop-layout-4.html"><div>Layout 4</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="shop-layout-5.html"><div>Layout 5</div></a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="shop-category-parallax.html"><div>Categories - Parallax</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="shop-combination-filter.html"><div>Combination Filter</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="shop-single.html"><div>Single Product</div></a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="shop-single.html"><div>Full Width</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="shop-single-right-sidebar.html"><div>Right Sidebar</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="shop-single-left-sidebar.html"><div>Left Sidebar</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="shop-single-both-sidebar.html"><div>Both Sidebar</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="shop-single-color.html"><div>Color Options</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="shop-single-sticky.html"><div>Sticky Aside</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="shop-single-list.html"><div>Feature List</div></a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="cart.html"><div>Cart</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="checkout.html"><div>Checkout</div></a>
</li>
</ul>
</li>
<li class="menu-item mega-menu">
<a class="menu-link" href="#"><div>Shortcodes</div></a>
<div class="mega-menu-content">
<div class="container">
<div class="row">
<ul class="sub-menu-container mega-menu-column col">
<li class="menu-item">
<a class="menu-link" href="animations.html"><div><i class="bi-magic"></i>Animations</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="buttons.html"><div><i class="bi-square"></i>Buttons</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="carousel.html"><div><i class="bi-arrow-left-right"></i>Carousel</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="charts.html"><div><i class="bi-graph-up-arrow"></i>Charts</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="clients.html"><div><i class="bi-grip-horizontal"></i>Clients</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="columns-grids.html"><div><i class="bi-grid-1x2"></i>Columns</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="counters.html"><div><i class="bi-clock-history"></i>Counters</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="read-more.html"><div><i class="bi-three-dots"></i>Read More<span class="visually-hidden"> Shortcode</span></div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="component-datatable.html"><div><i class="bi-table"></i>Data Tables</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="component-datepicker.html"><div><i class="bi-calendar-plus"></i>Date & Time Pickers</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="ticker.html"><div><i class="bi-wind"></i>Ticker</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="cart-quantity.html"><div><i class="bi-plus-slash-minus"></i>Cart Quantity</div></a>
</li>
</ul>
<ul class="sub-menu-container mega-menu-column col">
<li class="menu-item">
<a class="menu-link" href="dividers.html"><div><i class="bi-hr"></i>Dividers</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="featured-boxes.html"><div><i class="bi-lightbulb"></i>Icon Boxes</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="gallery.html"><div><i class="bi-images"></i>Galleries</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="headings-dropcaps.html"><div><i class="bi-type-h1"></i>Heading Styles</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="icon-lists.html"><div><i class="bi-list-stars"></i>Icon Lists</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="gradients.html"><div><i class="bi-droplet-half"></i>Gradients</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="lightbox.html"><div><i class="bi-pip"></i>Lightbox</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="item-overlays.html"><div><i class="bi-border-outer"></i>Item Overlays</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="form-elements.html"><div><i class="bi-input-cursor-text"></i>Form Elements</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="component-uploads.html"><div><i class="bi-upload"></i>File Uploads</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="circle-stack.html"><div><i class="bi-slash-circle"></i>Circle Stack</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="video-facade.html"><div><i class="bi-play-circle"></i>Video Facade</div></a>
</li>
</ul>
<ul class="sub-menu-container mega-menu-column col">
<li class="menu-item">
<a class="menu-link" href="lists-cards.html"><div><i class="bi-card-list"></i>Lists & Cards</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="maps.html"><div><i class="bi-geo-fill"></i>Maps</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="media-embeds.html"><div><i class="bi-collection-play"></i>Media Embeds</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="modal-popovers.html"><div><i class="bi-subtract"></i>Modal Boxes</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="navigation.html"><div><i class="bi-list"></i>Navigations</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="pagination-progress.html"><div><i class="bi-123"></i>Pagination</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="pie-skills.html"><div><i class="bi-pie-chart"></i>Pies & Skills</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="shape-dividers.html"><div><i class="bi-circle-square"></i>Shape Dividers</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="component-range-slider.html"><div><i class="bi-sliders"></i>Range Slider</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="component-ratings.html"><div><i class="bi-star-half"></i>Star Ratings</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="cascading-images.html"><div><i class="bi-images"></i>Cascading Images</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="code-highlighter.html"><div><i class="bi-code-square"></i>Code Highlighter</div></a>
</li>
</ul>
<ul class="sub-menu-container mega-menu-column col">
<li class="menu-item">
<a class="menu-link" href="pricing.html"><div><i class="bi-currency-dollar"></i>Pricing Boxes</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="process-steps.html"><div><i class="bi-bar-chart-steps"></i>Process Steps</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="promo-boxes.html"><div><i class="bi-card-heading"></i>Promo Boxes</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="quotes-blockquotes.html"><div><i class="bi-blockquote-left"></i>Blockquotes</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="responsive.html"><div><i class="bi-display"></i>Responsive</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="sections.html"><div><i class="bi-window-desktop"></i>Sections</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="social-icons.html"><div><i class="bi-instagram"></i>Social Icons</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="hover-animations.html"><div><i class="bi-hand-index-thumb"></i>Hover Animations</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="component-select-picker.html"><div><i class="bi-menu-button"></i>Select Picker</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="component-select-box.html"><div><i class="bi-layout-three-columns"></i>Select Boxes</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="ajax-button.html"><div><i class="bi-filetype-js"></i>AJAX Button</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="conditional.html"><div><i class="bi-slash-square"></i>Conditional Forms</div></a>
</li>
</ul>
<ul class="sub-menu-container mega-menu-column col">
<li class="menu-item">
<a class="menu-link" href="style-boxes.html"><div><i class="bi-exclamation-circle"></i>Alert Boxes</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="styled-icons.html"><div><i class="bi-flower2"></i>Styled Icons</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="tables.html"><div><i class="bi-table"></i>Tables</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="tabs.html"><div><i class="bi-segmented-nav"></i>Tabs</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="testimonials-twitter.html"><div><i class="bi-chat-left-quote"></i>Testimonials</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="thumbnails-slider.html"><div><i class="bi-image"></i>Thumbnails</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="toggles-accordions.html"><div><i class="bi-caret-down-square"></i>Toggles</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="lazy-loading.html"><div><i class="fa-solid fa-spinner"></i>Lazy Loading</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="component-radios-switches.html"><div><i class="bi-toggle-off"></i>Radios & Switches</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="flip-cards.html"><div><i class="bi-arrow-repeat"></i>Flip Cards</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="color-mode-switcher.html"><div><i class="bi-moon-stars"></i>Mode Switcher</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="custom-cursor.html"><div><i class="bi-cursor"></i>Custom Cursor</div></a>
</li>
</ul>
</div>
</div>
</div>
</li>
</ul>
</nav><!-- #primary-menu end -->
<form class="top-search-form" action="search.html" method="get">
<input type="text" name="q" class="form-control" value="" placeholder="Type & Hit Enter.." autocomplete="off">
</form>
</div>
</div>
</div>
<div class="header-wrap-clone"></div>
</header><!-- #header end -->
<!-- Slider
============================================= -->
<section id="slider" class="slider-element revslider-wrap include-header">
<div id="rev_slider_26_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container" data-alias="main-feature-slider" style="margin:0px auto;background-color:#eef0f1;padding:0px;margin-top:0px;margin-bottom:0px;">
<!-- START REVOLUTION SLIDER 5.0.7 auto mode -->
<div id="rev_slider_26_1" class="rev_slider fullwidthabanner" style="display:none;" data-version="5.0.7">
<ul> <!-- SLIDE -->
<li data-index="rs-92" data-transition="fade" data-slotamount="7" data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="1500" data-thumb="include/rs-plugin/demos/assets/images/lightbg-100x50.png" data-rotate="0" data-saveperformance="off" data-title="Welcome" data-description="">
<!-- MAIN IMAGE -->
<img src="include/rs-plugin/demos/assets/images/dummy.png" alt="Image" data-lazyload="include/rs-plugin/demos/assets/images/lightbg.png" data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="off" class="rev-slidebg" data-no-retina>
<!-- LAYERS -->
<!-- LAYER NR. 1 -->
<div class="tp-caption maincaption tp-resizeme rs-parallaxlevel-0"
id="slide-92-layer-1"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['top','top','top','top']" data-voffset="['150','130','110','80']"
data-fontsize="['33','33','33','28']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="y:50px;opacity:0;s:2000;e:Power3.easeOut;"
data-transform_out="y:[175%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
data-start="750"
data-splitin="none"
data-splitout="none"
data-responsive_offset="on"
style="z-index: 5; white-space: nowrap; color: rgba(33, 42, 64, 1.00);border-color:rgba(0, 0, 0, 1.00);">It's not just a Slider.
</div>
<!-- LAYER NR. 2 -->
<div class="tp-caption maincaption tp-resizeme rs-parallaxlevel-0"
id="slide-92-layer-2"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['top','top','top','top']" data-voffset="['195','175','155','117']"
data-fontsize="['33','33','33','28']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="y:50px;opacity:0;s:2000;e:Power3.easeOut;"
data-transform_out="y:[175%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
data-start="1000"
data-splitin="none"
data-splitout="none"
data-responsive_offset="on"
style="z-index: 6; white-space: nowrap; color: rgba(33, 42, 64, 1.00);border-color:rgba(0, 0, 0, 1.00);">But a new way to deliver ideas.
</div>
<!-- LAYER NR. 3 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-1"
id="slide-92-layer-25"
data-x="['center','center','center','center']" data-hoffset="['-11','-10','-5','-5']"
data-y="['middle','middle','middle','middle']" data-voffset="['140','110','120','130']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="y:40px;z:0;rX:0deg;rY:0;rZ:0;sX:1.2;sY:1.2;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;"
data-transform_out="auto:auto;s:1500;e:Power3.easeInOut;"
data-start="2000"
data-responsive_offset="on"
style="z-index: 7;"><img src="include/rs-plugin/demos/assets/images/dummy.png" alt="Image" width="2000" height="180" data-ww="['2000px','1667px','1111px','889']" data-hh="['180px','150px','100px','80']" data-lazyload="include/rs-plugin/demos/assets/images/examplebar3.jpg" data-no-retina>
</div>
<!-- LAYER NR. 4 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-2"
id="slide-92-layer-4"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['bottom','bottom','bottom','bottom']" data-voffset="['-10','-10','-10','-10']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;rZ:inherit;"
data-transform_in="y:bottom;z:0;rX:0deg;rY:0;rZ:0;sX:1.3;sY:1.3;skX:0;skY:0;s:1500;e:Power3.easeInOut;"
data-transform_out="auto:auto;s:1500;e:Power3.easeInOut;"
data-start="2250"
data-responsive_offset="on"
style="z-index: 8;"><img src="include/rs-plugin/demos/assets/images/dummy.png" alt="Image" width="864" height="400" data-ww="['864px','756','540','432px']" data-hh="['400px','350','250','200px']" data-lazyload="include/rs-plugin/demos/assets/images/mainslider_element3.png" data-no-retina>
</div>
<!-- LAYER NR. 5 -->
<div class="tp-caption Feature-Examples rev-btn rs-parallaxlevel-0"
id="slide-92-layer-27"
data-x="['right','right','right','center']" data-hoffset="['625','521','398','0']"
data-y="['top','top','top','top']" data-voffset="['278','248','218','264']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:300;e:Power1.easeInOut;"
data-style_hover="c:rgba(0, 154, 238, 1.00);bc:rgba(0, 154, 238, 1.00);cursor:pointer;"
data-transform_in="x:[-100%];z:0;rX:0deg;rY:0deg;rZ:0deg;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2500;e:Power3.easeInOut;"
data-transform_out="auto:auto;s:1000;e:Power2.easeInOut;"
data-start="3000"
data-splitin="none"
data-splitout="none"
data-actions='[{"event":"click","action":"scrollbelow","offset":"0px"}]'
data-responsive_offset="on"
data-responsive="off"
style="z-index: 9; white-space: nowrap;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;">Keep Reading
</div>
<!-- LAYER NR. 6 -->
<div class="tp-caption Feature-Tour rev-btn rs-parallaxlevel-0"
id="slide-92-layer-26"
data-x="['left','left','left','center']" data-hoffset="['624','522','399','0']"
data-y="['top','top','top','top']" data-voffset="['279','248','218','188']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:300;e:Power1.easeInOut;"
data-style_hover="c:rgba(255, 255, 255, 1.00);bg:rgba(114, 168, 0, 1.00);cursor:pointer;"
data-transform_in="x:[100%];z:0;rX:0deg;rY:0deg;rZ:0deg;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2500;e:Power3.easeInOut;"
data-transform_out="auto:auto;s:1000;e:Power2.easeInOut;"
data-start="3000"
data-splitin="none"
data-splitout="none"
data-actions='[{"event":"click","action":"jumptoslide","slide":"next","delay":""}]'
data-responsive_offset="on"
data-responsive="off"
style="z-index: 10; white-space: nowrap;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;">A Quick Tour
</div>
</li>
<!-- SLIDE -->
<li data-index="rs-93" data-transition="fade" data-slotamount="7" data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="1500" data-thumb="include/rs-plugin/demos/assets/images/lightbg-100x50.png" data-rotate="0" data-saveperformance="off" data-title="What does it do?" data-description="">
<!-- MAIN IMAGE -->
<img src="include/rs-plugin/demos/assets/images/dummy.png" alt="Image" data-lazyload="include/rs-plugin/demos/assets/images/lightbg.png" data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="off" class="rev-slidebg" data-no-retina>
<!-- LAYERS -->
<!-- LAYER NR. 1 -->
<div class="tp-caption maincaption tp-resizeme rs-parallaxlevel-0"
id="slide-93-layer-1"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['top','top','top','top']" data-voffset="['150','170','120','80']"
data-fontsize="['33','33','33','20']"
data-lineheight="['43','43','43','30']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="y:50px;opacity:0;s:2000;e:Power3.easeOut;"
data-transform_out="y:[175%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
data-start="750"
data-splitin="none"
data-splitout="none"
data-responsive_offset="on"
style="z-index: 5; white-space: nowrap; color: rgba(33, 42, 64, 1.00);border-color:rgba(0, 0, 0, 1.00);">What can I do with Canvas?
</div>
<!-- LAYER NR. 2 -->
<div class="tp-caption subcaption tp-resizeme rs-parallaxlevel-0"
id="slide-93-layer-2"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['top','top','top','top']" data-voffset="['199','215','165','115']"
data-fontsize="['19','19','19','15']"
data-lineheight="['24','24','24','20']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="y:50px;opacity:0;s:2000;e:Power3.easeOut;"
data-transform_out="y:[175%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
data-start="1000"
data-splitin="none"
data-splitout="none"
data-responsive_offset="on"
style="z-index: 6; white-space: nowrap;">Everything! It also looks great on every device.
</div>
<!-- LAYER NR. 3 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-0"
id="slide-93-layer-28"
data-x="['center','center','center','center']" data-hoffset="['-161','-161','-111','96']"
data-y="['bottom','bottom','bottom','bottom']" data-voffset="['-120','-85','-69','-107']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="y:[110%];z:0;rX:0deg;rY:0;rZ:0;sX:1.3;sY:1.3;skX:0;skY:0;s:1500;e:Power3.easeInOut;"
data-transform_out="auto:auto;s:1500;e:Power3.easeInOut;"
data-start="1800"
data-responsive_offset="on"
style="z-index: 7;"><img src="include/rs-plugin/demos/assets/images/dummy.png" alt="Image" width="1000" height="600" data-ww="['1000px','667px','600px','600px']" data-hh="['600px','400px','360px','360px']" data-lazyload="include/rs-plugin/demos/assets/images/macbookpro.png" data-no-retina>
</div>
<!-- LAYER NR. 4 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-0"
id="slide-93-layer-29"
data-x="['center','center','center','center']" data-hoffset="['-160','-161','-111','96']"
data-y="['bottom','bottom','bottom','bottom']" data-voffset="['-8','-10','-1','-39']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.8;sY:0.8;skX:0;skY:0;opacity:0;s:1500;e:Power4.easeOut;"
data-transform_out="opacity:0;s:300;s:300;"
data-start="2800"
data-responsive_offset="on"
data-lasttriggerstate="reset"
style="z-index: 8;"><img src="include/rs-plugin/demos/assets/images/dummy.png" alt="Image" width="657" height="406" data-ww="['657px','437px','393px','393px']" data-hh="['406px','270px','243px','243px']" data-lazyload="include/rs-plugin/demos/assets/images/slider_element_laptop.jpg" data-no-retina>
</div>
<!-- LAYER NR. 5 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-0"
id="slide-93-layer-41"
data-x="['center','center','center','center']" data-hoffset="['-160','-161','-111','96']"
data-y="['bottom','bottom','bottom','bottom']" data-voffset="['-8','-10','-1','-39']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.8;sY:0.8;skX:0;skY:0;opacity:0;s:1500;e:Power4.easeOut;"
data-transform_out="opacity:0;s:300;s:300;"
data-start="bytrigger"
data-responsive_offset="on"
data-end="bytrigger"
data-lasttriggerstate="reset"
style="z-index: 9;"><img src="include/rs-plugin/demos/assets/images/dummy.png" alt="Image" width="657" height="406" data-ww="['657px','437px','393px','393px']" data-hh="['406px','270px','243px','243px']" data-lazyload="include/rs-plugin/demos/assets/images/carousel_element_laptop.jpg" data-no-retina>
</div>
<!-- LAYER NR. 6 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-0"
id="slide-93-layer-43"
data-x="['center','center','center','center']" data-hoffset="['-160','-161','-111','96']"
data-y="['bottom','bottom','bottom','bottom']" data-voffset="['-8','-10','-1','-39']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.8;sY:0.8;skX:0;skY:0;opacity:0;s:1500;e:Power4.easeOut;"
data-transform_out="opacity:0;s:300;s:300;"
data-start="bytrigger"
data-responsive_offset="on"
data-end="bytrigger"
data-lasttriggerstate="reset"
style="z-index: 10;"><img src="include/rs-plugin/demos/assets/images/dummy.png" alt="Image" width="657" height="406" data-ww="['657px','437px','393px','393px']" data-hh="['406px','270px','243px','243px']" data-lazyload="include/rs-plugin/demos/assets/images/hero_element_laptop.jpg" data-no-retina>
</div>
<!-- LAYER NR. 7 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-0"
id="slide-93-layer-42"
data-x="['center','center','center','center']" data-hoffset="['-160','-161','-111','96']"
data-y="['bottom','bottom','bottom','bottom']" data-voffset="['-8','-10','-1','-39']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.8;sY:0.8;skX:0;skY:0;opacity:0;s:1500;e:Power4.easeOut;"
data-transform_out="opacity:0;s:300;s:300;"
data-start="bytrigger"
data-responsive_offset="on"
data-end="bytrigger"
data-lasttriggerstate="reset"
style="z-index: 11;"><img src="include/rs-plugin/demos/assets/images/dummy.png" alt="Image" width="657" height="406" data-ww="['657px','437px','393px','393px']" data-hh="['406px','270px','243px','243px']" data-lazyload="include/rs-plugin/demos/assets/images/frontpage_element_laptop.jpg" data-no-retina>
</div>
<!-- LAYER NR. 8 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-0"
id="slide-93-layer-30"
data-x="['center','center','center','center']" data-hoffset="['-451','-363','-277','-113']"
data-y="['bottom','bottom','bottom','bottom']" data-voffset="['-223','-150','-108','-110']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-style_hover="cursor:pointer;"
data-transform_in="y:[110%];z:0;rX:0deg;rY:0;rZ:0;sX:1.3;sY:1.3;skX:0;skY:0;s:1500;e:Power3.easeInOut;"
data-transform_out="auto:auto;s:1500;e:Power3.easeInOut;"
data-start="2300"
data-responsive_offset="on"
style="z-index: 12;"><img src="include/rs-plugin/demos/assets/images/dummy.png" alt="Image" width="430" height="540" data-ww="['430px','300px','230px','230px']" data-hh="['540px','377px','289px','289px']" data-lazyload="include/rs-plugin/demos/assets/images/ipad.png" data-no-retina>
</div>
<!-- LAYER NR. 9 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-0"
id="slide-93-layer-32"
data-x="['center','center','center','center']" data-hoffset="['-451','-363','-277','-113']"
data-y="['bottom','bottom','bottom','bottom']" data-voffset="['-20','-9','-1','-2']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-style_hover="cursor:pointer;"
data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.8;sY:0.8;skX:0;skY:0;opacity:0;s:1500;e:Power4.easeOut;"
data-transform_out="opacity:0;s:300;s:300;"
data-start="3300"
data-responsive_offset="on"
data-lasttriggerstate="reset"
style="z-index: 13;"><img src="include/rs-plugin/demos/assets/images/dummy.png" alt="Image" width="290" height="248" data-ww="['290px','204px','156px','156px']" data-hh="['248px','174px','133px','133px']" data-lazyload="include/rs-plugin/demos/assets/images/slider_element_ipad1.jpg" data-no-retina>
</div>
<!-- LAYER NR. 10 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-0"
id="slide-93-layer-44"
data-x="['center','center','center','center']" data-hoffset="['-451','-363','-277','-113']"
data-y="['bottom','bottom','bottom','bottom']" data-voffset="['-20','-9','-1','-2']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-style_hover="cursor:pointer;"
data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.8;sY:0.8;skX:0;skY:0;opacity:0;s:1500;e:Power4.easeOut;"
data-transform_out="opacity:0;s:300;s:300;"
data-start="bytrigger"
data-responsive_offset="on"
data-end="bytrigger"
data-lasttriggerstate="reset"
style="z-index: 14;"><img src="include/rs-plugin/demos/assets/images/dummy.png" alt="Image" width="290" height="248" data-ww="['290px','204px','156px','156px']" data-hh="['248px','174px','133px','133px']" data-lazyload="include/rs-plugin/demos/assets/images/carousel_element_ipad.jpg" data-no-retina>
</div>
<!-- LAYER NR. 11 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-0"
id="slide-93-layer-45"
data-x="['center','center','center','center']" data-hoffset="['-451','-363','-277','-113']"
data-y="['bottom','bottom','bottom','bottom']" data-voffset="['-20','-9','-1','-2']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-style_hover="cursor:pointer;"
data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.8;sY:0.8;skX:0;skY:0;opacity:0;s:1500;e:Power4.easeOut;"
data-transform_out="opacity:0;s:300;s:300;"
data-start="bytrigger"
data-responsive_offset="on"
data-end="bytrigger"
data-lasttriggerstate="reset"
style="z-index: 15;"><img src="include/rs-plugin/demos/assets/images/dummy.png" alt="Image" width="290" height="248" data-ww="['290px','204px','156px','156px']" data-hh="['248px','174px','133px','133px']" data-lazyload="include/rs-plugin/demos/assets/images/hero_element_ipad.jpg" data-no-retina>
</div>
<!-- LAYER NR. 12 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-0"
id="slide-93-layer-46"
data-x="['center','center','center','center']" data-hoffset="['-451','-363','-277','-113']"
data-y="['bottom','bottom','bottom','bottom']" data-voffset="['-20','-9','-1','-2']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-style_hover="cursor:pointer;"
data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.8;sY:0.8;skX:0;skY:0;opacity:0;s:1500;e:Power4.easeOut;"
data-transform_out="opacity:0;s:300;s:300;"
data-start="bytrigger"
data-responsive_offset="on"
data-end="bytrigger"
data-lasttriggerstate="reset"
style="z-index: 16;"><img src="include/rs-plugin/demos/assets/images/dummy.png" alt="Image" width="290" height="248" data-ww="['290px','204px','156px','156px']" data-hh="['248px','174px','133px','133px']" data-lazyload="include/rs-plugin/demos/assets/images/frontpage_element_ipad.jpg" data-no-retina>
</div>
<!-- LAYER NR. 13 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-0"
id="slide-93-layer-33"
data-x="['center','center','center','center']" data-hoffset="['-597','-477','-349','-192']"
data-y="['bottom','bottom','bottom','bottom']" data-voffset="['-257','-152','-141','-140']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-style_hover="cursor:pointer;"
data-transform_in="y:[110%];z:0;rX:0deg;rY:0;rZ:0;sX:1.3;sY:1.3;skX:0;skY:0;s:1500;e:Power3.easeInOut;"
data-transform_out="auto:auto;s:1500;e:Power3.easeInOut;"
data-start="2800"
data-responsive_offset="on"
style="z-index: 17;"><img src="include/rs-plugin/demos/assets/images/dummy.png" alt="Image" width="260" height="450" data-ww="['260px','170px','140px','140px']" data-hh="['450px','277px','242px','242px']" data-lazyload="include/rs-plugin/demos/assets/images/ihpone.png" data-no-retina>
</div>
<!-- LAYER NR. 14 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-0"
id="slide-93-layer-34"
data-x="['center','center','center','center']" data-hoffset="['-596','-477','-349','-192']"
data-y="['bottom','bottom','bottom','bottom']" data-voffset="['-2','-2','-3','-2']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-style_hover="cursor:pointer;"
data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.8;sY:0.8;skX:0;skY:0;opacity:0;s:1500;e:Power4.easeOut;"
data-transform_out="opacity:0;s:300;s:300;"
data-start="3800"
data-responsive_offset="on"
data-lasttriggerstate="reset"
style="z-index: 18;"><img src="include/rs-plugin/demos/assets/images/dummy.png" alt="Image" width="170" height="113" data-ww="['170px','110px','90px','90px']" data-hh="['113px','73px','60px','60px']" data-lazyload="include/rs-plugin/demos/assets/images/slider_element_iphone.jpg" data-no-retina>
</div>
<!-- LAYER NR. 15 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-0"
id="slide-93-layer-47"
data-x="['center','center','center','center']" data-hoffset="['-596','-477','-349','-192']"
data-y="['bottom','bottom','bottom','bottom']" data-voffset="['-2','-2','-3','-2']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-style_hover="cursor:pointer;"
data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.8;sY:0.8;skX:0;skY:0;opacity:0;s:1500;e:Power4.easeOut;"
data-transform_out="opacity:0;s:300;s:300;"
data-start="bytrigger"
data-responsive_offset="on"
data-end="bytrigger"
data-lasttriggerstate="reset"
style="z-index: 19;"><img src="include/rs-plugin/demos/assets/images/dummy.png" alt="Image" width="170" height="113" data-ww="['170px','110px','90px','90px']" data-hh="['113px','73px','60px','60px']" data-lazyload="include/rs-plugin/demos/assets/images/carousel_element_iphone.jpg" data-no-retina>
</div>
<!-- LAYER NR. 16 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-0"
id="slide-93-layer-48"
data-x="['center','center','center','center']" data-hoffset="['-596','-477','-349','-192']"
data-y="['bottom','bottom','bottom','bottom']" data-voffset="['-2','-2','-3','-2']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-style_hover="cursor:pointer;"
data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.8;sY:0.8;skX:0;skY:0;opacity:0;s:1500;e:Power4.easeOut;"
data-transform_out="opacity:0;s:300;s:300;"
data-start="bytrigger"
data-responsive_offset="on"
data-end="bytrigger"
data-lasttriggerstate="reset"
style="z-index: 20;"><img src="include/rs-plugin/demos/assets/images/dummy.png" alt="Image" width="170" height="113" data-ww="['170px','110px','90px','90px']" data-hh="['113px','73px','60px','60px']" data-lazyload="include/rs-plugin/demos/assets/images/hero_element_iphone.jpg" data-no-retina>
</div>
<!-- LAYER NR. 17 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-0"
id="slide-93-layer-49"
data-x="['center','center','center','center']" data-hoffset="['-596','-477','-349','-192']"
data-y="['bottom','bottom','bottom','bottom']" data-voffset="['-2','-2','-3','-2']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-style_hover="cursor:pointer;"
data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.8;sY:0.8;skX:0;skY:0;opacity:0;s:1500;e:Power4.easeOut;"
data-transform_out="opacity:0;s:300;s:300;"
data-start="bytrigger"
data-responsive_offset="on"
data-end="bytrigger"
data-lasttriggerstate="reset"
style="z-index: 21;"><img src="include/rs-plugin/demos/assets/images/dummy.png" alt="Image" width="170" height="113" data-ww="['170px','110px','90px','90px']" data-hh="['113px','73px','60px','60px']" data-lazyload="include/rs-plugin/demos/assets/images/frontpage_element_iphone.jpg" data-no-retina>
</div>
<!-- LAYER NR. 18 -->
<div class="tp-caption Feature-Tour rev-btn rs-parallaxlevel-0"
id="slide-93-layer-26"
data-x="['right','right','right','center']" data-hoffset="['160','160','160','0']"
data-y="['bottom','bottom','bottom','middle']" data-voffset="['30','30','30','-44']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:300;e:Power1.easeInOut;"
data-style_hover="c:rgba(255, 255, 255, 1.00);bg:rgba(114, 168, 0, 1.00);cursor:pointer;"
data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:1500;e:Power4.easeInOut;"
data-transform_out="auto:auto;s:1000;"
data-start="4000"
data-splitin="none"
data-splitout="none"
data-actions='[{"event":"click","action":"jumptoslide","slide":"next","delay":""}]'
data-basealign="slide"
data-responsive_offset="off"
data-responsive="off"
style="z-index: 22; white-space: nowrap;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;">Next Slide - How does it Work?
</div>
<!-- LAYER NR. 19 -->
<div class="tp-caption menutab tp-resizeme rs-parallaxlevel-0"
id="slide-93-layer-36"
data-x="['left','left','left','center']" data-hoffset="['872','651','563','445']"
data-y="['top','top','top','top']" data-voffset="['402','381','284','154']"
data-fontsize="['25','25','20','25']"
data-lineheight="['30','30','25','30']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-visibility="['on','on','on','off']"
data-transform_idle="o:1;"
data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:300;e:Power1.easeInOut;"
data-style_hover="c:rgba(213, 0, 0, 1.00);cursor:pointer;"
data-transform_in="x:50px;opacity:0;s:1500;e:Power3.easeInOut;"
data-transform_out="x:[-100%];s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
data-start="3800"
data-splitin="none"
data-splitout="none"
data-actions='[{"event":"click","action":"startlayer","layer":"slide-93-layer-29","delay":""},{"event":"click","action":"stoplayer","layer":"slide-93-layer-41","delay":""},{"event":"click","action":"stoplayer","layer":"slide-93-layer-43","delay":""},{"event":"click","action":"stoplayer","layer":"slide-93-layer-42","delay":""},{"event":"click","action":"startlayer","layer":"slide-93-layer-32","delay":"100"},{"event":"click","action":"stoplayer","layer":"slide-93-layer-44","delay":"100"},{"event":"click","action":"stoplayer","layer":"slide-93-layer-45","delay":"100"},{"event":"click","action":"stoplayer","layer":"slide-93-layer-46","delay":"100"},{"event":"click","action":"startlayer","layer":"slide-93-layer-34","delay":"200"},{"event":"click","action":"stoplayer","layer":"slide-93-layer-47","delay":"200"},{"event":"click","action":"stoplayer","layer":"slide-93-layer-48","delay":"200"},{"event":"click","action":"stoplayer","layer":"slide-93-layer-49","delay":"200"},{"event":"click","action":"stoplayer","layer":"slide-93-layer-50","delay":""}]'
data-responsive_offset="on"
style="z-index: 23; white-space: nowrap;">Slider
</div>
<!-- LAYER NR. 20 -->
<div class="tp-caption menutab tp-resizeme rs-parallaxlevel-0"
id="slide-93-layer-38"
data-x="['left','left','left','center']" data-hoffset="['872','651','563','391']"
data-y="['top','top','top','top']" data-voffset="['436','415','315','116']"
data-fontsize="['25','25','20','25']"
data-lineheight="['30','30','25','30']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-visibility="['on','on','on','off']"
data-transform_idle="o:1;"
data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:300;e:Power1.easeInOut;"
data-style_hover="c:rgba(213, 0, 0, 1.00);cursor:pointer;"
data-transform_in="x:50px;opacity:0;s:1500;e:Power3.easeInOut;"
data-transform_out="x:[-100%];s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
data-start="3800"
data-splitin="none"
data-splitout="none"
data-actions='[{"event":"click","action":"startlayer","layer":"slide-93-layer-41","delay":""},{"event":"click","action":"stoplayer","layer":"slide-93-layer-29","delay":""},{"event":"click","action":"stoplayer","layer":"slide-93-layer-43","delay":""},{"event":"click","action":"stoplayer","layer":"slide-93-layer-42","delay":""},{"event":"click","action":"startlayer","layer":"slide-93-layer-44","delay":"100"},{"event":"click","action":"stoplayer","layer":"slide-93-layer-32","delay":"100"},{"event":"click","action":"stoplayer","layer":"slide-93-layer-45","delay":"100"},{"event":"click","action":"stoplayer","layer":"slide-93-layer-46","delay":"100"},{"event":"click","action":"startlayer","layer":"slide-93-layer-47","delay":"200"},{"event":"click","action":"stoplayer","layer":"slide-93-layer-34","delay":"200"},{"event":"click","action":"stoplayer","layer":"slide-93-layer-48","delay":"200"},{"event":"click","action":"stoplayer","layer":"slide-93-layer-49","delay":"200"},{"event":"click","action":"stoplayer","layer":"slide-93-layer-50","delay":""}]'
data-responsive_offset="on"
style="z-index: 24; white-space: nowrap;">Carousels
</div>
<!-- LAYER NR. 21 -->
<div class="tp-caption menutab tp-resizeme rs-parallaxlevel-0"
id="slide-93-layer-39"
data-x="['left','left','left','center']" data-hoffset="['872','651','563','394']"
data-y="['top','top','top','top']" data-voffset="['470','449','346','91']"
data-fontsize="['25','25','20','25']"
data-lineheight="['30','30','25','30']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-visibility="['on','on','on','off']"
data-transform_idle="o:1;"
data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:300;e:Power1.easeInOut;"
data-style_hover="c:rgba(213, 0, 0, 1.00);cursor:pointer;"
data-transform_in="x:50px;opacity:0;s:1500;e:Power3.easeInOut;"
data-transform_out="x:[-100%];s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
data-start="3800"
data-splitin="none"
data-splitout="none"
data-actions='[{"event":"click","action":"startlayer","layer":"slide-93-layer-43","delay":""},{"event":"click","action":"stoplayer","layer":"slide-93-layer-29","delay":""},{"event":"click","action":"stoplayer","layer":"slide-93-layer-41","delay":""},{"event":"click","action":"stoplayer","layer":"slide-93-layer-42","delay":""},{"event":"click","action":"startlayer","layer":"slide-93-layer-45","delay":"100"},{"event":"click","action":"stoplayer","layer":"slide-93-layer-32","delay":"100"},{"event":"click","action":"stoplayer","layer":"slide-93-layer-44","delay":"100"},{"event":"click","action":"stoplayer","layer":"slide-93-layer-46","delay":"100"},{"event":"click","action":"startlayer","layer":"slide-93-layer-48","delay":"200"},{"event":"click","action":"stoplayer","layer":"slide-93-layer-34","delay":"200"},{"event":"click","action":"stoplayer","layer":"slide-93-layer-47","delay":"200"},{"event":"click","action":"stoplayer","layer":"slide-93-layer-49","delay":"200"},{"event":"click","action":"stoplayer","layer":"slide-93-layer-50","delay":""}]'
data-responsive_offset="on"
style="z-index: 25; white-space: nowrap;">Hero Scenes
</div>
<!-- LAYER NR. 22 -->
<div class="tp-caption menutab tp-resizeme rs-parallaxlevel-0"
id="slide-93-layer-40"
data-x="['left','left','left','center']" data-hoffset="['872','651','563','434']"
data-y="['top','top','top','top']" data-voffset="['504','483','377','180']"
data-fontsize="['25','25','20','25']"
data-lineheight="['30','30','25','30']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-visibility="['on','on','on','off']"
data-transform_idle="o:1;"
data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:300;e:Power1.easeInOut;"
data-style_hover="c:rgba(213, 0, 0, 1.00);cursor:pointer;"
data-transform_in="x:50px;opacity:0;s:1500;e:Power3.easeInOut;"
data-transform_out="x:[-100%];s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
data-start="3800"
data-splitin="none"
data-splitout="none"
data-actions='[{"event":"click","action":"startlayer","layer":"slide-93-layer-42","delay":""},{"event":"click","action":"stoplayer","layer":"slide-93-layer-29","delay":""},{"event":"click","action":"stoplayer","layer":"slide-93-layer-41","delay":""},{"event":"click","action":"stoplayer","layer":"slide-93-layer-43","delay":""},{"event":"click","action":"startlayer","layer":"slide-93-layer-46","delay":"100"},{"event":"click","action":"stoplayer","layer":"slide-93-layer-32","delay":"100"},{"event":"click","action":"stoplayer","layer":"slide-93-layer-44","delay":"100"},{"event":"click","action":"stoplayer","layer":"slide-93-layer-45","delay":"100"},{"event":"click","action":"startlayer","layer":"slide-93-layer-49","delay":"200"},{"event":"click","action":"stoplayer","layer":"slide-93-layer-34","delay":"200"},{"event":"click","action":"stoplayer","layer":"slide-93-layer-47","delay":"200"},{"event":"click","action":"stoplayer","layer":"slide-93-layer-48","delay":"200"},{"event":"click","action":"stoplayer","layer":"slide-93-layer-50","delay":""}]'
data-responsive_offset="on"
style="z-index: 26; white-space: nowrap;">Front Pages
</div>
<!-- LAYER NR. 23 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-0"
id="slide-93-layer-50"
data-x="['left','left','left','left']" data-hoffset="['872','651','563','563']"
data-y="['top','top','top','top']" data-voffset="['561','521','411','411']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-visibility="['on','on','on','off']"
data-transform_idle="o:1;"
data-transform_in="y:50px;opacity:0;s:1000;e:Power3.easeInOut;"
data-transform_out="y:[100%];rZ:0deg;sX:0.7;sY:0.7;s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
data-mask_out="x:0;y:0;s:inherit;e:inherit;"
data-start="4500"
data-responsive_offset="on"
data-lasttriggerstate="reset"
style="z-index: 27;">
<div class="rs-looped rs-slideloop" data-easing="Power2.easeInOut" data-speed="1" data-xs="0" data-xe="0" data-ys="2" data-ye="-2"><img src="include/rs-plugin/demos/assets/images/dummy.png" alt="Image" width="111" height="33" data-ww="['111px','111px','111px','111px']" data-hh="['33px','33px','33px','33px']" data-lazyload="include/rs-plugin/demos/assets/images/clickhere.png" data-no-retina>
</div>
</div>
</li>
<!-- SLIDE -->
<li data-index="rs-94" data-transition="fade" data-slotamount="7" data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="1500" data-thumb="include/rs-plugin/demos/assets/images/lightbg-100x50.png" data-rotate="0" data-saveperformance="off" data-title="Easy Usage" data-description="">
<!-- MAIN IMAGE -->
<img src="include/rs-plugin/demos/assets/images/dummy.png" alt="Image" data-lazyload="include/rs-plugin/demos/assets/images/lightbg.png" data-bgposition="center top" 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-resizeme rs-parallaxlevel-0"
id="slide-94-layer-28"
data-x="['center','center','center','center']" data-hoffset="['-257','-249','-221','0']"
data-y="['bottom','bottom','bottom','bottom']" data-voffset="['-190','-174','-149','-127']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="y:bottom;z:0;rX:50deg;rY:0;rZ:0;sX:1.3;sY:1.3;skX:0;skY:0;s:1500;e:Power3.easeInOut;"
data-transform_out="auto:auto;s:1500;e:Power3.easeInOut;"
data-start="1800"
data-responsive_offset="on"
style="z-index: 5;"><img src="include/rs-plugin/demos/assets/images/dummy.png" alt="Image" width="860" height="700" data-ww="['860px','700px','600px','460px']" data-hh="['700px','570px','488px','374px']" data-lazyload="include/rs-plugin/demos/assets/images/browserslide1.jpg" data-no-retina>
</div>
<!-- LAYER NR. 2 -->
<div class="tp-caption maincaption tp-resizeme rs-parallaxlevel-0"
id="slide-94-layer-1"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['top','top','top','top']" data-voffset="['150','170','120','80']"
data-fontsize="['33','33','33','20']"
data-lineheight="['43','43','43','30']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="y:50px;opacity:0;s:2000;e:Power3.easeOut;"
data-transform_out="y:[175%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
data-start="750"
data-splitin="none"
data-splitout="none"
data-responsive_offset="on"
style="z-index: 6; white-space: nowrap; color: rgba(33, 42, 64, 1.00);border-color:rgba(0, 0, 0, 1.00);">It's as easy as 1 2 3!
</div>
<!-- LAYER NR. 3 -->
<div class="tp-caption subcaption tp-resizeme rs-parallaxlevel-0"
id="slide-94-layer-2"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['top','top','top','top']" data-voffset="['199','215','165','115']"
data-fontsize="['19','19','19','15']"
data-lineheight="['24','24','24','20']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="y:50px;opacity:0;s:2000;e:Power3.easeOut;"
data-transform_out="y:[175%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
data-start="1000"
data-splitin="none"
data-splitout="none"
data-responsive_offset="on"
style="z-index: 7; white-space: nowrap;">Just choose a pre-made template or start from scratch.
</div>
<!-- LAYER NR. 4 -->
<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme rs-parallaxlevel-0"
id="slide-94-layer-37"
data-x="['left','left','left','left']" data-hoffset="['789','619','477','623']"
data-y="['top','top','top','top']" data-voffset="['349','349','248','138']"
data-width="3"
data-height="15"
data-whitespace="nowrap"
data-visibility="['on','on','on','off']"
data-transform_idle="o:1;"
data-transform_in="y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;"
data-transform_out="auto:auto;s:1000;e:Power2.easeInOut;"
data-mask_in="x:0px;y:0px;s:inherit;e:inherit;"
data-mask_out="x:0;y:0;s:inherit;e:inherit;"
data-start="2600"
data-responsive_offset="on"
style="z-index: 8;background-color:rgba(213, 0, 0, 1.00);border-color:rgba(0, 0, 0, 0);">
</div>
<!-- LAYER NR. 5 -->
<div class="tp-caption maincontent tp-resizeme rs-parallaxlevel-0"
id="slide-94-layer-36"
data-x="['left','left','left','center']" data-hoffset="['822','652','510','790']"
data-y="['top','top','top','top']" data-voffset="['344','344','246','95']"
data-fontsize="['21','21','17','21']"
data-lineheight="['26','26','22','26']"
data-width="['234','255','249','none']"
data-height="['188','160','181','none']"
data-whitespace="['normal','normal','normal','nowrap']"
data-visibility="['on','on','on','off']"
data-transform_idle="o:1;"
data-transform_in="x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;"
data-transform_out="auto:auto;s:1000;"
data-mask_in="x:0px;y:0px;s:inherit;e:inherit;"
data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
data-start="2800"
data-splitin="none"
data-splitout="none"
data-responsive_offset="on"
style="z-index: 9; min-width: 234px; max-width: 234px; max-width: 188px; max-width: 188px; white-space: normal;">We included a large variety
of premium templates with
Canvas to help you
get started easily!
</div>
<!-- LAYER NR. 6 -->
<div class="tp-caption maincontent tp-resizeme rs-parallaxlevel-0"
id="slide-94-layer-50"
data-x="['left','left','left','center']" data-hoffset="['822','651','512','445']"
data-y="['top','top','top','top']" data-voffset="['509','474','355','154']"
data-fontsize="['21','21','17','21']"
data-lineheight="['26','26','22','26']"
data-fontweight="['500','500','500','300']"
data-width="['234','210','181','none']"
data-height="['188','none','44','none']"
data-whitespace="['normal','normal','normal','nowrap']"
data-visibility="['on','on','on','off']"
data-transform_idle="o:1;"
data-transform_in="x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;"
data-transform_out="auto:auto;s:1000;"
data-mask_in="x:0px;y:0px;s:inherit;e:inherit;"
data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
data-start="3000"
data-splitin="none"
data-splitout="none"
data-responsive_offset="on"
style="z-index: 10; min-width: 234px; max-width: 234px; max-width: 188px; max-width: 188px; white-space: normal; font-weight: 500;">No coding knowledge needed!
</div>
<!-- LAYER NR. 7 -->
<div class="tp-caption Feature-Tour rev-btn rs-parallaxlevel-0"
id="slide-94-layer-26"
data-x="['right','right','right','center']" data-hoffset="['190','190','190','0']"
data-y="['bottom','bottom','bottom','middle']" data-voffset="['30','30','30','-44']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:300;e:Power1.easeInOut;"
data-style_hover="c:rgba(255, 255, 255, 1.00);bg:rgba(114, 168, 0, 1.00);cursor:pointer;"
data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:1500;e:Power4.easeInOut;"
data-transform_out="auto:auto;s:1000;"
data-start="4000"
data-splitin="none"
data-splitout="none"
data-actions='[{"event":"click","action":"jumptoslide","slide":"next","delay":""}]'
data-basealign="slide"
data-responsive_offset="off"
data-responsive="off"
style="z-index: 11; white-space: nowrap;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;">Next Slide - Adding your Content
</div>
</li>
<!-- SLIDE -->
<li data-index="rs-95" data-transition="fade" data-slotamount="7" data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="1500" data-thumb="include/rs-plugin/demos/assets/images/lightbg-100x50.png" data-rotate="0" data-saveperformance="off" data-title="Visual Editor" data-description="">
<!-- MAIN IMAGE -->
<img src="include/rs-plugin/demos/assets/images/dummy.png" alt="Image" data-lazyload="include/rs-plugin/demos/assets/images/lightbg.png" data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="off" class="rev-slidebg" data-no-retina>
<!-- LAYERS -->
<!-- LAYER NR. 1 -->
<div class="tp-caption maincaption tp-resizeme rs-parallaxlevel-0"
id="slide-95-layer-1"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['top','top','top','top']" data-voffset="['150','170','120','80']"
data-fontsize="['33','33','33','20']"
data-lineheight="['43','43','43','30']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="y:50px;opacity:0;s:2000;e:Power3.easeOut;"
data-transform_out="y:[175%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
data-start="750"
data-splitin="none"
data-splitout="none"
data-responsive_offset="on"
style="z-index: 5; white-space: nowrap; color: rgba(33, 42, 64, 1.00);border-color:rgba(0, 0, 0, 1.00);">Fully Visual Editor
</div>
<!-- LAYER NR. 2 -->
<div class="tp-caption subcaption tp-resizeme rs-parallaxlevel-0"
id="slide-95-layer-2"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['top','top','top','top']" data-voffset="['199','215','165','115']"
data-fontsize="['19','19','19','15']"
data-lineheight="['24','24','24','20']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="y:50px;opacity:0;s:2000;e:Power3.easeOut;"
data-transform_out="y:[175%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
data-start="1000"
data-splitin="none"
data-splitout="none"
data-responsive_offset="on"
style="z-index: 6; white-space: nowrap;">Time to add your own content.
</div>
<!-- LAYER NR. 3 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-0"
id="slide-95-layer-28"
data-x="['center','center','center','center']" data-hoffset="['-257','-249','-221','0']"
data-y="['bottom','bottom','bottom','bottom']" data-voffset="['-190','-174','-149','-127']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="y:[120%];z:0;rX:50deg;rY:0;rZ:0;sX:1.3;sY:1.3;skX:0;skY:0;s:1500;e:Power3.easeInOut;"
data-transform_out="auto:auto;s:1500;e:Power3.easeInOut;"
data-start="1800"
data-responsive_offset="on"
data-lasttriggerstate="reset"
style="z-index: 7;"><img src="include/rs-plugin/demos/assets/images/dummy.png" alt="Image" width="860" height="700" data-ww="['860px','700px','600px','460px']" data-hh="['700px','570px','488','374']" data-lazyload="include/rs-plugin/demos/assets/images/contentarea.jpg" data-no-retina>
</div>
<!-- LAYER NR. 4 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-0"
id="slide-95-layer-46"
data-x="['center','center','center','center']" data-hoffset="['-257','-249','-221','0']"
data-y="['bottom','bottom','bottom','bottom']" data-voffset="['-190','-174','-149','-127']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="y:[120%];z:0;rX:50deg;rY:0;rZ:0;sX:1.3;sY:1.3;skX:0;skY:0;s:1500;e:Power3.easeInOut;"
data-transform_out="auto:auto;s:1500;e:Power3.easeInOut;"
data-start="bytrigger"
data-responsive_offset="on"
data-end="bytrigger"
data-lasttriggerstate="reset"
style="z-index: 8;"><img src="include/rs-plugin/demos/assets/images/dummy.png" alt="Image" width="860" height="700" data-ww="['860px','700px','600px','460px']" data-hh="['700px','570px','488','374']" data-lazyload="include/rs-plugin/demos/assets/images/timelines1.jpg" data-no-retina>
</div>
<!-- LAYER NR. 5 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-0"
id="slide-95-layer-47"
data-x="['center','center','center','center']" data-hoffset="['-257','-249','-221','0']"
data-y="['bottom','bottom','bottom','bottom']" data-voffset="['-190','-174','-149','-127']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="y:[120%];z:0;rX:50deg;rY:0;rZ:0;sX:1.3;sY:1.3;skX:0;skY:0;s:1500;e:Power3.easeInOut;"
data-transform_out="auto:auto;s:1500;e:Power3.easeInOut;"
data-start="bytrigger"
data-responsive_offset="on"
data-end="bytrigger"
data-lasttriggerstate="reset"
style="z-index: 9;"><img src="include/rs-plugin/demos/assets/images/dummy.png" alt="Image" width="860" height="700" data-ww="['860px','700px','600px','460px']" data-hh="['700px','570px','488','374']" data-lazyload="include/rs-plugin/demos/assets/images/animation.jpg" data-no-retina>
</div>
<!-- LAYER NR. 6 -->
<div class="tp-caption Feature-Tour rev-btn rs-parallaxlevel-0"
id="slide-95-layer-26"
data-x="['right','right','right','center']" data-hoffset="['220','220','220','0']"
data-y="['bottom','bottom','bottom','middle']" data-voffset="['30','30','30','-44']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:300;e:Power1.easeInOut;"
data-style_hover="c:rgba(255, 255, 255, 1.00);bg:rgba(114, 168, 0, 1.00);cursor:pointer;"
data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:1500;e:Power4.easeInOut;"
data-transform_out="auto:auto;s:1000;"
data-start="3750"
data-splitin="none"
data-splitout="none"
data-actions='[{"event":"click","action":"jumptoslide","slide":"next","delay":""}]'
data-basealign="slide"
data-responsive_offset="off"
data-responsive="off"
style="z-index: 10; white-space: nowrap;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;">Next Slide - Publish your Work
</div>
<!-- LAYER NR. 7 -->
<div class="tp-caption menutab tp-resizeme rs-parallaxlevel-0"
id="slide-95-layer-36"
data-x="['left','left','left','center']" data-hoffset="['822','651','533','445']"
data-y="['top','top','top','top']" data-voffset="['342','331','284','154']"
data-fontsize="['25','25','20','25']"
data-lineheight="['30','30','25','30']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-visibility="['on','on','on','off']"
data-transform_idle="o:1;"
data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:300;e:Power1.easeInOut;"
data-style_hover="c:rgba(213, 0, 0, 1.00);cursor:pointer;"
data-transform_in="x:50px;opacity:0;s:1500;e:Power3.easeInOut;"
data-transform_out="x:[-100%];s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
data-start="3100"
data-splitin="none"
data-splitout="none"
data-actions='[{"event":"click","action":"startlayer","layer":"slide-95-layer-28","delay":""},{"event":"click","action":"stoplayer","layer":"slide-95-layer-46","delay":""},{"event":"click","action":"stoplayer","layer":"slide-95-layer-47","delay":""}]'
data-responsive_offset="on"
style="z-index: 11; white-space: nowrap;">Content Area
</div>
<!-- LAYER NR. 8 -->
<div class="tp-caption menutab tp-resizeme rs-parallaxlevel-0"
id="slide-95-layer-38"
data-x="['left','left','left','center']" data-hoffset="['822','651','533','391']"
data-y="['top','top','top','top']" data-voffset="['376','365','315','116']"
data-fontsize="['25','25','20','25']"
data-lineheight="['30','30','25','30']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-visibility="['on','on','on','off']"
data-transform_idle="o:1;"
data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:300;e:Power1.easeInOut;"
data-style_hover="c:rgba(213, 0, 0, 1.00);cursor:pointer;"
data-transform_in="x:50px;opacity:0;s:1500;e:Power3.easeInOut;"
data-transform_out="x:[-100%];s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
data-start="3100"
data-splitin="none"
data-splitout="none"
data-actions='[{"event":"click","action":"startlayer","layer":"slide-95-layer-46","delay":""},{"event":"click","action":"stoplayer","layer":"slide-95-layer-28","delay":""},{"event":"click","action":"stoplayer","layer":"slide-95-layer-47","delay":""}]'
data-responsive_offset="on"
style="z-index: 12; white-space: nowrap;">Timeline
</div>
<!-- LAYER NR. 9 -->
<div class="tp-caption menutab tp-resizeme rs-parallaxlevel-0"
id="slide-95-layer-39"
data-x="['left','left','left','center']" data-hoffset="['822','651','533','394']"
data-y="['top','top','top','top']" data-voffset="['410','399','346','91']"
data-fontsize="['25','25','20','25']"
data-lineheight="['30','30','25','30']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-visibility="['on','on','on','off']"
data-transform_idle="o:1;"
data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:300;e:Power1.easeInOut;"
data-style_hover="c:rgba(213, 0, 0, 1.00);cursor:pointer;"
data-transform_in="x:50px;opacity:0;s:1500;e:Power3.easeInOut;"
data-transform_out="x:[-100%];s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
data-start="3100"
data-splitin="none"
data-splitout="none"
data-actions='[{"event":"click","action":"startlayer","layer":"slide-95-layer-47","delay":""},{"event":"click","action":"stoplayer","layer":"slide-95-layer-28","delay":""},{"event":"click","action":"stoplayer","layer":"slide-95-layer-46","delay":""}]'
data-responsive_offset="on"
style="z-index: 13; white-space: nowrap;">Animation
</div>
<!-- LAYER NR. 10 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-0"
id="slide-95-layer-44"
data-x="['left','left','left','left']" data-hoffset="['806','636','878','878']"
data-y="['top','top','top','top']" data-voffset="['529','499','293','293']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-visibility="['on','on','off','off']"
data-transform_idle="o:1;"
data-transform_in="x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;"
data-transform_out="auto:auto;s:1000;e:Power3.easeInOut;"
data-mask_in="x:0px;y:0px;s:inherit;e:inherit;"
data-mask_out="x:0;y:0;s:inherit;e:inherit;"
data-start="3450"
data-responsive_offset="on"
style="z-index: 14;"><img src="include/rs-plugin/demos/assets/images/dummy.png" alt="Image" width="240" height="36" data-ww="['240px','240px','240px','240px']" data-hh="['36px','36px','36px','36px']" data-lazyload="include/rs-plugin/demos/assets/images/supportedsocial.png" data-no-retina>
</div>
<!-- LAYER NR. 11 -->
<div class="tp-caption minitext tp-resizeme rs-parallaxlevel-0"
id="slide-95-layer-45"
data-x="['left','left','left','center']" data-hoffset="['822','651','890','394']"
data-y="['top','top','top','top']" data-voffset="['508','479','236','91']"
data-width="['258','none','none','none']"
data-height="none"
data-whitespace="['normal','nowrap','nowrap','nowrap']"
data-visibility="['on','on','off','off']"
data-transform_idle="o:1;"
data-transform_in="x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;"
data-transform_out="auto:auto;s:1000;e:Power3.easeInOut;"
data-mask_in="x:0px;y:0px;s:inherit;e:inherit;"
data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
data-start="3450"
data-splitin="none"
data-splitout="none"
data-responsive_offset="on"
style="z-index: 15; min-width: 258px; max-width: 258px; white-space: normal;">Media & Social Stream Support
</div>
</li>
<!-- SLIDE -->
<li data-index="rs-96" data-transition="fade" data-slotamount="7" data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="1500" data-thumb="include/rs-plugin/demos/assets/images/lightbg-100x50.png" data-rotate="0" data-saveperformance="off" data-title="Implementation" data-description="">
<!-- MAIN IMAGE -->
<img src="include/rs-plugin/demos/assets/images/dummy.png" alt="Image" data-lazyload="include/rs-plugin/demos/assets/images/lightbg.png" data-bgposition="center top" 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-resizeme rs-parallaxlevel-0"
id="slide-96-layer-28"
data-x="['center','center','center','center']" data-hoffset="['-257','-249','-221','0']"
data-y="['bottom','bottom','bottom','bottom']" data-voffset="['-190','-174','-149','-127']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="y:bottom;z:0;rX:50deg;rY:0;rZ:0;sX:1.3;sY:1.3;skX:0;skY:0;s:1500;e:Power3.easeInOut;"
data-transform_out="auto:auto;s:1500;e:Power3.easeInOut;"
data-start="1800"
data-responsive_offset="on"
style="z-index: 5;"><img src="include/rs-plugin/demos/assets/images/dummy.png" alt="Image" width="860" height="700" data-ww="['860px','700px','600px','460px']" data-hh="['700px','570px','488px','374px']" data-lazyload="include/rs-plugin/demos/assets/images/publishslide.jpg" data-no-retina>
</div>
<!-- LAYER NR. 2 -->
<div class="tp-caption maincaption tp-resizeme rs-parallaxlevel-0"
id="slide-96-layer-1"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['top','top','top','top']" data-voffset="['150','170','120','80']"
data-fontsize="['33','33','33','20']"
data-lineheight="['43','43','43','30']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="y:50px;opacity:0;s:2000;e:Power3.easeOut;"
data-transform_out="y:[175%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
data-mask_out="x:inherit;y:inherit;"
data-start="750"
data-splitin="none"
data-splitout="none"
data-responsive_offset="on"
style="z-index: 6; white-space: nowrap; color: rgba(33, 42, 64, 1.00);border-color:rgba(0, 0, 0, 1.00);">Just one more Step!
</div>
<!-- LAYER NR. 3 -->
<div class="tp-caption subcaption tp-resizeme rs-parallaxlevel-0"
id="slide-96-layer-2"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['top','top','top','top']" data-voffset="['199','215','165','115']"
data-fontsize="['19','19','19','15']"
data-lineheight="['24','24','24','20']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="y:50px;opacity:0;s:2000;e:Power3.easeOut;"
data-transform_out="y:[175%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
data-mask_out="x:inherit;y:inherit;"
data-start="1000"
data-splitin="none"
data-splitout="none"
data-responsive_offset="on"
style="z-index: 7; white-space: nowrap;">Publish your work in seconds.
</div>
<!-- LAYER NR. 4 -->
<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme rs-parallaxlevel-0"
id="slide-96-layer-37"
data-x="['left','left','left','left']" data-hoffset="['789','619','477','623']"
data-y="['top','top','top','top']" data-voffset="['349','299','238','138']"
data-width="3"
data-height="15"
data-whitespace="nowrap"
data-visibility="['on','on','on','off']"
data-transform_idle="o:1;"
data-transform_in="y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;"
data-transform_out="auto:auto;s:1000;e:Power2.easeInOut;"
data-mask_in="x:0px;y:0px;"
data-mask_out="x:0;y:0;"
data-start="2600"
data-responsive_offset="on"
style="z-index: 8;background-color:rgba(213, 0, 0, 1.00);border-color:rgba(0, 0, 0, 0);">
</div>
<!-- LAYER NR. 5 -->
<div class="tp-caption maincontent tp-resizeme rs-parallaxlevel-0"
id="slide-96-layer-36"
data-x="['left','left','left','center']" data-hoffset="['822','652','510','790']"
data-y="['top','top','top','top']" data-voffset="['344','294','236','95']"
data-fontsize="['21','21','17','21']"
data-lineheight="['26','26','22','26']"
data-width="['234','255','249','none']"
data-height="['188','160','181','none']"
data-whitespace="['normal','normal','normal','nowrap']"
data-visibility="['on','on','on','off']"
data-transform_idle="o:1;"
data-transform_in="x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;"
data-transform_out="auto:auto;s:1000;"
data-mask_in="x:0px;y:0px;"
data-mask_out="x:inherit;y:inherit;"
data-start="2800"
data-splitin="none"
data-splitout="none"
data-responsive_offset="on"
style="z-index: 9; min-width: 234px; max-width: 234px; max-width: 188px; max-width: 188px; white-space: normal;">Just grab the Canvas
Shortcode and paste it into your
Canvas content.
</div>
<!-- LAYER NR. 6 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-0"
id="slide-96-layer-51"
data-x="['left','left','left','left']" data-hoffset="['683','561','434','619']"
data-y="['top','top','top','top']" data-voffset="['472','412','317','253']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-visibility="['on','on','on','off']"
data-transform_idle="o:1;"
data-style_hover="cursor:pointer;"
data-transform_in="x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;"
data-transform_out="x:[100%];s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
data-mask_in="x:0px;y:0px;"
data-mask_out="x:inherit;y:inherit;"
data-start="3000"
data-responsive_offset="on"
style="z-index: 10;"><img src="include/rs-plugin/demos/assets/images/dummy.png" alt="Image" width="337" height="98" data-ww="['337px','250px','220px','250px']" data-hh="['98px','73px','64px','73px']" data-lazyload="include/rs-plugin/demos/assets/images/shortcode.png" data-no-retina>
</div>
<!-- LAYER NR. 7 -->
<div class="tp-caption maincontent tp-resizeme rs-parallaxlevel-0"
id="slide-96-layer-50"
data-x="['left','left','left','center']" data-hoffset="['822','651','512','445']"
data-y="['top','top','top','top']" data-voffset="['599','502','398','154']"
data-fontsize="['21','21','17','21']"
data-lineheight="['26','26','22','26']"
data-fontweight="['500','500','500','300']"
data-width="['234','210','181','none']"
data-height="['none','none','44','none']"
data-whitespace="['normal','normal','normal','nowrap']"
data-visibility="['on','on','on','off']"
data-transform_idle="o:1;"
data-transform_in="x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;"
data-transform_out="auto:auto;s:1000;"
data-mask_in="x:0px;y:0px;"
data-mask_out="x:inherit;y:inherit;"
data-start="3200"
data-splitin="none"
data-splitout="none"
data-responsive_offset="on"
style="z-index: 11; min-width: 234px; max-width: 234px; white-space: normal; font-weight: 500;">And you???re Done!
</div>
<!-- LAYER NR. 8 -->
<div class="tp-caption Feature-Tour rev-btn rs-parallaxlevel-0"
id="slide-96-layer-26"
data-x="['right','right','right','center']" data-hoffset="['240','240','240','0']"
data-y="['bottom','bottom','bottom','middle']" data-voffset="['30','30','30','-44']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:300;e:Power1.easeInOut;"
data-style_hover="c:rgba(255, 255, 255, 1.00);bg:rgba(114, 168, 0, 1.00);cursor:pointer;"
data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:1500;e:Power4.easeInOut;"
data-transform_out="auto:auto;s:1000;"
data-start="4000"
data-splitin="none"
data-splitout="none"
data-actions='[{"event":"click","action":"jumptoslide","slide":"next","delay":""}]'
data-basealign="slide"
data-responsive_offset="off"
data-responsive="off"
style="z-index: 12; white-space: nowrap;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;">Next Slide - Customization
</div>
</li>
<!-- SLIDE -->
<li data-index="rs-97" data-transition="fade" data-slotamount="7" data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="1500" data-thumb="include/rs-plugin/demos/assets/images/lightbg-100x50.png" data-rotate="0" data-saveperformance="off" data-title="Customization" data-description="">
<!-- MAIN IMAGE -->
<img src="include/rs-plugin/demos/assets/images/dummy.png" alt="Image" data-lazyload="include/rs-plugin/demos/assets/images/lightbg.png" data-bgposition="center top" 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-resizeme rs-parallaxlevel-0"
id="slide-97-layer-28"
data-x="['center','left','left','center']" data-hoffset="['-577','30','30','584']"
data-y="['top','bottom','bottom','bottom']" data-voffset="['0','0','0','-107']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-visibility="['on','on','on','off']"
data-transform_idle="o:1;"
data-transform_in="y:[125%];z:0;rX:0deg;rY:0;rZ:0;sX:1.3;sY:1.3;skX:0;skY:0;s:1500;e:Power3.easeInOut;"
data-transform_out="auto:auto;s:1500;e:Power3.easeInOut;"
data-start="1500"
data-responsive_offset="on"
style="z-index: 5;"><img src="include/rs-plugin/demos/assets/images/dummy.png" alt="Image" width="400" height="930" data-ww="['400px','200px','150px','460px']" data-hh="['930px','465px','349px','374px']" data-lazyload="include/rs-plugin/demos/assets/images/custombar.jpg" data-no-retina>
</div>
<!-- LAYER NR. 2 -->
<div class="tp-caption maincaption tp-resizeme rs-parallaxlevel-0"
id="slide-97-layer-1"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['top','top','top','top']" data-voffset="['150','170','120','80']"
data-fontsize="['33','33','33','20']"
data-lineheight="['43','43','43','30']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="y:50px;opacity:0;s:2000;e:Power3.easeOut;"
data-transform_out="y:[175%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
data-start="750"
data-splitin="none"
data-splitout="none"
data-responsive_offset="on"
style="z-index: 6; white-space: nowrap; color: rgba(33, 42, 64, 1.00);border-color:rgba(0, 0, 0, 1.00);">I want to Customize Everything.
</div>
<!-- LAYER NR. 3 -->
<div class="tp-caption subcaption tp-resizeme rs-parallaxlevel-0"
id="slide-97-layer-2"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['top','top','top','top']" data-voffset="['199','215','165','115']"
data-fontsize="['19','19','19','15']"
data-lineheight="['24','24','24','20']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="y:50px;opacity:0;s:2000;e:Power3.easeOut;"
data-transform_out="y:[175%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
data-start="1000"
data-splitin="none"
data-splitout="none"
data-responsive_offset="on"
style="z-index: 7; white-space: nowrap;">No Problem!
</div>
<!-- LAYER NR. 4 -->
<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme rs-parallaxlevel-0"
id="slide-97-layer-37"
data-x="['left','left','left','left']" data-hoffset="['789','619','477','623']"
data-y="['top','top','top','top']" data-voffset="['349','299','238','138']"
data-width="3"
data-height="15"
data-whitespace="nowrap"
data-visibility="['on','on','on','off']"
data-transform_idle="o:1;"
data-transform_in="y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;"
data-transform_out="auto:auto;s:1000;e:Power2.easeInOut;"
data-mask_in="x:0px;y:0px;s:inherit;e:inherit;"
data-mask_out="x:0;y:0;s:inherit;e:inherit;"
data-start="2600"
data-responsive_offset="on"
style="z-index: 8;background-color:rgba(213, 0, 0, 1.00);border-color:rgba(0, 0, 0, 0);">
</div>
<!-- LAYER NR. 5 -->
<div class="tp-caption maincontent tp-resizeme rs-parallaxlevel-0"
id="slide-97-layer-36"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['top','top','top','top']" data-voffset="['344','294','236','157']"
data-fontsize="['21','21','17','18']"
data-lineheight="['26','26','22','24']"
data-width="['295','317','249','294']"
data-height="['189','168','181','173']"
data-whitespace="normal"
data-transform_idle="o:1;"
data-transform_in="x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;"
data-transform_out="auto:auto;s:1000;"
data-mask_in="x:0px;y:0px;s:inherit;e:inherit;"
data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
data-start="2800"
data-splitin="none"
data-splitout="none"
data-responsive_offset="on"
style="z-index: 9; min-width: 295px; max-width: 295px; max-width: 189px; max-width: 189px; white-space: normal;">With literally millions of
layout combinations,
customizable animations,
layer styles and a navigation builder, your creative freedom is unlimited.
</div>
<!-- LAYER NR. 6 -->
<div class="tp-caption maincontent tp-resizeme rs-parallaxlevel-0"
id="slide-97-layer-50"
data-x="['center','center','center','center']" data-hoffset="['30','30','30','445']"
data-y="['top','top','top','top']" data-voffset="['513','462','368','154']"
data-fontsize="['21','21','17','21']"
data-lineheight="['26','26','22','26']"
data-fontweight="['500','500','500','300']"
data-width="['339','210','181','none']"
data-height="['71','none','44','none']"
data-whitespace="['normal','normal','normal','nowrap']"
data-visibility="['on','on','on','off']"
data-transform_idle="o:1;"
data-transform_in="x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;"
data-transform_out="auto:auto;s:1000;"
data-mask_in="x:0px;y:0px;s:inherit;e:inherit;"
data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
data-start="3200"
data-splitin="none"
data-splitout="none"
data-responsive_offset="on"
style="z-index: 10; min-width: 339px; max-width: 339px; max-width: 71px; max-width: 71px; white-space: normal; font-weight: 500;">A tool you'll never want to miss!
</div>
<!-- LAYER NR. 7 -->
<div class="tp-caption Feature-Tour rev-btn rs-parallaxlevel-0"
id="slide-97-layer-26"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['bottom','bottom','bottom','bottom']" data-voffset="['80','80','80','50']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:300;e:Power1.easeInOut;"
data-style_hover="c:rgba(255, 255, 255, 1.00);bg:rgba(114, 168, 0, 1.00);cursor:pointer;"
data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:1500;e:Power4.easeInOut;"
data-transform_out="auto:auto;s:1000;"
data-start="4000"
data-splitin="none"
data-splitout="none"
data-actions='[{"event":"click","action":"jumptoslide","slide":"next","delay":""}]'
data-basealign="slide"
data-responsive_offset="off"
data-responsive="off"
style="z-index: 11; white-space: nowrap;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;">Next Slide - There is More!
</div>
</li>
</ul>
<div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>
</div>
</div><!-- END REVOLUTION SLIDER -->
</section>
<!-- Content
============================================= -->
<section id="content">
<div class="content-wrap">
<div class="container">
<div class="text-center"><a href="rs-demos.html" class="btn btn-secondary btn-lg w-100" style="max-width: 20rem;"><i class="bi-arrow-left me-2" style="position: relative; top: 1px;"></i> Back to All Demos</a></div>
</div>
</div>
</section><!-- #content end -->
<!-- Footer
============================================= -->
<footer id="footer" class="dark">
<div class="container">
<!-- Footer Widgets
============================================= -->
<div class="footer-widgets-wrap">
<div class="row col-mb-50">
<div class="col-lg-8">
<div class="row col-mb-50">
<div class="col-md-4">
<div class="widget">
<img src="images/footer-widget-logo.png" alt="Image" class="footer-logo">
<p>We believe in <strong>Simple</strong>, <strong>Creative</strong> & <strong>Flexible</strong> Design Standards.</p>
<div style="background: url('images/world-map.png') no-repeat center center; background-size: 100%;">
<address>
<strong>Headquarters:</strong><br>
795 Folsom Ave, Suite 600<br>
San Francisco, CA 94107<br>
</address>
<abbr title="Phone Number"><strong>Phone:</strong></abbr> (1) 8547 632521<br>
<abbr title="Fax"><strong>Fax:</strong></abbr> (1) 11 4752 1433<br>
<abbr title="Email Address"><strong>Email:</strong></abbr> [email protected]
</div>
</div>
</div>
<div class="col-md-4">
<div class="widget widget_links">
<h4>Blogroll</h4>
<ul>
<li><a href="https://codex.wordpress.org/">Documentation</a></li>
<li><a href="https://wordpress.org/support/forum/requests-and-feedback">Feedback</a></li>
<li><a href="https://wordpress.org/extend/plugins/">Plugins</a></li>
<li><a href="https://wordpress.org/support/">Support Forums</a></li>
<li><a href="https://wordpress.org/extend/themes/">Themes</a></li>
<li><a href="https://wordpress.org/news/">Canvas Blog</a></li>
<li><a href="https://planet.wordpress.org/">Canvas Planet</a></li>
</ul>
</div>
</div>
<div class="col-md-4">
<div class="widget">
<h4>Recent Posts</h4>
<div class="posts-sm row col-mb-30" id="post-list-footer">
<div class="entry col-12">
<div class="grid-inner row">
<div class="col">
<div class="entry-title">
<h4><a href="#">Lorem ipsum dolor sit amet, consectetur</a></h4>
</div>
<div class="entry-meta">
<ul>
<li>10th July 2021</li>
</ul>
</div>
</div>
</div>
</div>
<div class="entry col-12">
<div class="grid-inner row">
<div class="col">
<div class="entry-title">
<h4><a href="#">Elit Assumenda vel amet dolorum quasi</a></h4>
</div>
<div class="entry-meta">
<ul>
<li>10th July 2021</li>
</ul>
</div>
</div>
</div>
</div>
<div class="entry col-12">
<div class="grid-inner row">
<div class="col">
<div class="entry-title">
<h4><a href="#">Debitis nihil placeat, illum est nisi</a></h4>
</div>
<div class="entry-meta">
<ul>
<li>10th July 2021</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="row col-mb-50">
<div class="col-md-4 col-lg-12">
<div class="widget">
<div class="row col-mb-30">
<div class="col-lg-6">
<div class="counter counter-small"><span data-from="50" data-to="15065421" data-refresh-interval="80" data-speed="3000" data-comma="true"></span></div>
<h5 class="mb-0">Total Downloads</h5>
</div>
<div class="col-lg-6">
<div class="counter counter-small"><span data-from="100" data-to="18465" data-refresh-interval="50" data-speed="2000" data-comma="true"></span></div>
<h5 class="mb-0">Clients</h5>
</div>
</div>
</div>
</div>
<div class="col-md-5 col-lg-12">
<div class="widget subscribe-widget">
<h5><strong>Subscribe</strong> to Our Newsletter to get Important News, Amazing Offers & Inside Scoops:</h5>
<div class="widget-subscribe-form-result"></div>
<form id="widget-subscribe-form" action="include/subscribe.php" method="post" class="mb-0">
<div class="input-group mx-auto">
<div class="input-group-text"><i class="bi-envelope-plus"></i></div>
<input type="email" id="widget-subscribe-form-email" name="widget-subscribe-form-email" class="form-control required email" placeholder="Enter your Email">
<button class="btn btn-success" type="submit">Subscribe</button>
</div>
</form>
</div>
</div>
<div class="col-md-3 col-lg-12">
<div class="widget">
<div class="row col-mb-30">
<div class="col-6 col-md-12 col-lg-6 d-flex align-items-center">
<a href="#" class="social-icon text-white border-transparent bg-facebook me-2 mb-0 float-none">
<i class="fa-brands fa-facebook-f"></i>
<i class="fa-brands fa-facebook-f"></i>
</a>
<a href="#" class="ms-1"><small class="d-block"><strong>Like Us</strong><br>on Facebook</small></a>
</div>
<div class="col-6 col-md-12 col-lg-6 d-flex align-items-center">
<a href="#" class="social-icon text-white border-transparent bg-rss me-2 mb-0 float-none">
<i class="fa-solid fa-rss"></i>
<i class="fa-solid fa-rss"></i>
</a>
<a href="#" class="ms-1"><small class="d-block"><strong>Subscribe</strong><br>to RSS Feeds</small></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div><!-- .footer-widgets-wrap end -->
</div>
<!-- Copyrights
============================================= -->
<div id="copyrights">
<div class="container">
<div class="row col-mb-30">
<div class="col-md-6 text-center text-md-start">
Copyrights © 2023 All Rights Reserved by Canvas Inc.<br>
<div class="copyright-links"><a href="#">Terms of Use</a> / <a href="#">Privacy Policy</a></div>
</div>
<div class="col-md-6 text-center text-md-end">
<div class="d-flex justify-content-center justify-content-md-end mb-2">
<a href="#" class="social-icon border-transparent si-small h-bg-facebook">
<i class="fa-brands fa-facebook-f"></i>
<i class="fa-brands fa-facebook-f"></i>
</a>
<a href="#" class="social-icon border-transparent si-small h-bg-twitter">
<i class="fa-brands fa-twitter"></i>
<i class="fa-brands fa-twitter"></i>
</a>
<a href="#" class="social-icon border-transparent si-small h-bg-google">
<i class="fa-brands fa-google"></i>
<i class="fa-brands fa-google"></i>
</a>
<a href="#" class="social-icon border-transparent si-small h-bg-pinterest">
<i class="fa-brands fa-pinterest-p"></i>
<i class="fa-brands fa-pinterest-p"></i>
</a>
<a href="#" class="social-icon border-transparent si-small h-bg-vimeo">
<i class="fa-brands fa-vimeo-v"></i>
<i class="fa-brands fa-vimeo-v"></i>
</a>
<a href="#" class="social-icon border-transparent si-small h-bg-github">
<i class="fa-brands fa-github"></i>
<i class="fa-brands fa-github"></i>
</a>
<a href="#" class="social-icon border-transparent si-small h-bg-yahoo">
<i class="fa-brands fa-yahoo"></i>
<i class="fa-brands fa-yahoo"></i>
</a>
<a href="#" class="social-icon border-transparent si-small me-0 h-bg-linkedin">
<i class="fa-brands fa-linkedin"></i>
<i class="fa-brands fa-linkedin"></i>
</a>
</div>
<i class="bi-envelope"></i> [email protected] <span class="middot">·</span> <i class="fa-solid fa-phone"></i> +1-11-6541-6369 <span class="middot">·</span> <i class="bi-skype"></i> CanvasOnSkype
</div>
</div>
</div>
</div><!-- #copyrights end -->
</footer><!-- #footer end -->
</div><!-- #wrapper end -->
<!-- Go To Top
============================================= -->
<div id="gotoTop" class="uil uil-angle-up"></div>
<!-- JavaScripts
============================================= -->
<script src="js/jquery.js"></script>
<script src="js/functions.js"></script>
<!-- SLIDER REVOLUTION 5.x SCRIPTS -->
<script src="include/rs-plugin/js/jquery.themepunch.tools.min.js"></script>
<script src="include/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
<script src="include/rs-plugin/js/extensions/revolution.extension.slideanims.min.js"></script>
<script src="include/rs-plugin/js/extensions/revolution.extension.actions.min.js"></script>
<script src="include/rs-plugin/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script src="include/rs-plugin/js/extensions/revolution.extension.navigation.min.js"></script>
<script src="include/rs-plugin/js/extensions/revolution.extension.video.min.js"></script>
<script src="include/rs-plugin/js/extensions/revolution.extension.video.min.js"></script>
<script src="include/rs-plugin/js/extensions/revolution.extension.parallax.min.js"></script>
<script>
var tpj=jQuery;
var revapi26;
tpj(document).ready(function() {
if(tpj("#rev_slider_26_1").revolution == undefined){
revslider_showDoubleJqueryError("#rev_slider_26_1");
}else{
revapi26 = tpj("#rev_slider_26_1").show().revolution({
sliderType:"standard",
jsFileLocation:"include/rs-plugin/js/",
sliderLayout:"auto",
dottedOverlay:"none",
delay:9000,
navigation: {
keyboardNavigation:"off",
keyboard_direction: "horizontal",
mouseScrollNavigation:"off",
onHoverStop:"on",
touch:{
touchenabled:"on",
swipe_threshold: 75,
swipe_min_touches: 1,
swipe_direction: "horizontal",
drag_block_vertical: false
}
,
bullets: {
enable:true,
hide_onmobile:true,
hide_under:778,
style:"hermes",
hide_onleave:false,
direction:"horizontal",
h_align:"center",
v_align:"bottom",
h_offset:0,
v_offset:20,
space:5,
tmp:''
}
},
responsiveLevels:[1240,1024,778,480],
gridwidth:[1230,1024,778,480],
gridheight:[750,650,550,500],
lazyType:"single",
parallax: {
type:"mouse+scroll",
origo:"slidercenter",
speed:2000,
levels:[1,2,3,20,25,30,35,40,45,50],
disable_onmobile:"on"
},
shadow:0,
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,
}
});
jQuery('body').on('click','.tp-caption.menutab',function() {
var btn = jQuery(this);
jQuery('.tp-caption.menutab.selected').removeClass("selected");
btn.addClass("selected");
});
revapi26.on("revolution.slide.onchange",function (e,data) {
data.currentslide.find('.tp-caption.menutab').each(function(i) {
var btn=jQuery(this);
btn.removeClass("selected");
if (i===0) btn.addClass("selected");
});
});
}
}); /*ready*/
</script>
</body>
</html>