Inital Commit
This commit is contained in:
tanch0
985
public/sunsarioverseas/rev-sliders/3d-parallax-scenes.html
Normal file
985
public/sunsarioverseas/rev-sliders/3d-parallax-scenes.html
Normal file
@ -0,0 +1,985 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US" class="no-js">
|
||||
|
||||
|
||||
<!-- Mirrored from quickdevs.com/demo/merit/rev-sliders/3d-parallax-scenes.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 29 Mar 2023 10:26:02 GMT -->
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
|
||||
<!-- TITLE -->
|
||||
<title>3D Parallax Scenes - Merit Premium Multi-Purpose HTML5 Template</title>
|
||||
|
||||
<!-- META TAGS -->
|
||||
<meta name="keywords" content="premium multi-Purpose, html template, multipurpose template, bootstrap template, niches, clean, modern, multipurpose, responsive">
|
||||
<meta name="description" content="Merit is a modern Multi-Purpose HTML Template any bussines.">
|
||||
|
||||
<!-- FAVICON -->
|
||||
<link rel="shortcut icon" href="../images/icons/favicon.png">
|
||||
|
||||
<!-- REVOLUTION ADDONS -->
|
||||
<link href="http://fonts.googleapis.com/css?family=Roboto%3A700%2C300" rel="stylesheet" property="stylesheet" type="text/css" media="all" />
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/fonts/pe-icon-7-stroke/css/pe-icon-7-stroke.css">
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/fonts/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!-- REVOLUTION STYLE SHEETS -->
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/css/settings.css">
|
||||
|
||||
<!-- REVOLUTION LAYERS STYLES -->
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/css/layers.css">
|
||||
|
||||
<!-- REVOLUTION NAVIGATION STYLES -->
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/css/navigation.css">
|
||||
|
||||
<!-- MAIN CSS STYLE SHEET -->
|
||||
<link rel="stylesheet" href="../css/main.css">
|
||||
<link rel="stylesheet" href="../css/stylesheet.css">
|
||||
<link rel="stylesheet" href="../css/responsive.css">
|
||||
|
||||
<!-- REVOLUTION CUSTOM CSS -->
|
||||
<link rel="stylesheet" href="../css/slider-revolution.css">
|
||||
|
||||
<!-- MODERNIZR LIBRARY -->
|
||||
<script src="../js/modernizr-custom.js"></script>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- PRELOADER START -->
|
||||
<div id="loader-wrapper">
|
||||
<div class="loader">
|
||||
<span class="loader-26"></span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- PRELOADER END -->
|
||||
|
||||
<!-- HEADER START -->
|
||||
<header>
|
||||
<!-- TOP HEADER START -->
|
||||
<div class="top-header">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<ul class="top-contact text-left">
|
||||
<li class="phone"><span class="tel-no"><a href="tel:123-456-7890"> +123-456-7890</a></span>
|
||||
</li>
|
||||
<li class="email"><a href="mailto:info@merit.com">info@merit.com</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-6 text-right">
|
||||
<div class="top-social">
|
||||
<ul class="social-list">
|
||||
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-dribbble"></i></a></li>
|
||||
<li>
|
||||
<!-- Button trigger modal -->
|
||||
<div class="center-element">
|
||||
<button type="button" class="btn btn-default" data-toggle="modal" data-target="#exampleModal2">Login</button>
|
||||
</div>
|
||||
|
||||
<!-- Modal -->
|
||||
<div class="modal fade custom-modal" id="exampleModal2" tabindex="-1" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content login-modal">
|
||||
<button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button>
|
||||
<div class="modal-body">
|
||||
<figure class="login-avatar">
|
||||
<img src="../images/icons/user-login-2.png" alt="">
|
||||
</figure>
|
||||
<h4>Merit</h4>
|
||||
<p>Welcome Back!</p>
|
||||
<div class="google-btn">
|
||||
<button type="submit" class="tp-btn-primary">
|
||||
<img class="tp-goole-icon" src="../images/icons/google-icon.png" alt="">
|
||||
Sign in with Google
|
||||
</button>
|
||||
</div>
|
||||
<p>Or</p>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<form>
|
||||
<div class="form-group">
|
||||
<input type="email" class="form-control login-fc" placeholder="Email or Username">
|
||||
</div>
|
||||
<div class="form-group mt-3">
|
||||
<input type="password" class="form-control login-fc" placeholder="Password">
|
||||
</div>
|
||||
<div class="login-options d-flex justify-content-between mt-3">
|
||||
<div class="have-account">
|
||||
<p><a href="#">Dont have an account?</a></p>
|
||||
</div>
|
||||
<div class="forgot-password">
|
||||
<p><a href="#">Forgot password?</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="login-btn">
|
||||
<button type="submit" class="tp-btn-primary">Login</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="top-line">
|
||||
</div>
|
||||
</div>
|
||||
<!-- TOP HEADER END -->
|
||||
|
||||
<!-- MEGAMENU START -->
|
||||
<div class="main-nav">
|
||||
<div class="container">
|
||||
<nav id="navigation1" class="navigation">
|
||||
<div class="nav-header">
|
||||
<a class="nav-logo" href="../index.html">
|
||||
<img src="../images/logos/logo.png" class="white-logo" alt="">
|
||||
<img src="../images/logos/logo-black.png" class="dark-logo" alt="">
|
||||
</a>
|
||||
<div class="nav-toggle"></div>
|
||||
</div>
|
||||
<div class="nav-menus-wrapper">
|
||||
<ul class="nav-menu align-to-right">
|
||||
<li><a href="#">HOME</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../1-agency.html">Agency</a></li>
|
||||
<li><a href="../2-beauty.html">Beauty</a></li>
|
||||
<li><a href="../3-construction.html">Construction</a></li>
|
||||
<li><a href="../4-corporate.html">Corporate</a></li>
|
||||
<li><a href="../5-courier.html">Courier</a></li>
|
||||
<li><a href="../6-dealer.html">Dealer</a></li>
|
||||
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../7-dental.html">Dental</a></li>
|
||||
<li><a href="../8-education.html">Education</a></li>
|
||||
<li><a href="../9-gym.html">Gym</a></li>
|
||||
<li><a href="../10-hotel.html">Hotel</a></li>
|
||||
<li><a href="../11-medical.html">Medical</a></li>
|
||||
<li><a href="../12-restaurant.html">Restaurant</a></li>
|
||||
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../13-charity.html">Charity</a></li>
|
||||
<li><a href="../14-cleaning.html">Cleaning</a></li>
|
||||
<li><a href="../15-finance.html">Finance</a></li>
|
||||
<li><a href="../16-industrial.html">Industrial</a></li>
|
||||
<li><a href="../17-hosting.html">Hosting</a></li>
|
||||
<li><a href="../18-portfolio.html">Portfolio</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../19-organic.html">Organic</a></li>
|
||||
<li><a href="../20-farm.html">Farm</a></li>
|
||||
<li><a href="../21-yoga.html">Yoga</a></li>
|
||||
<li><a href="../22-travel.html">Travel</a></li>
|
||||
<li><a href="../23-lawyer.html">Lawyer</a></li>
|
||||
<li><a href="../24-fitness.html">Fitness</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">PAGES</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../about-style-1.html">About Us</a></li>
|
||||
<li><a href="../about-style-2.html">About Me</a></li>
|
||||
<li><a href="../about-style-3.html">About Us - ALT 2</a></li>
|
||||
<li><a href="../about-style-4.html">About Us - ALT 3</a></li>
|
||||
<li><a href="../careers-style-1.html">Careers</a></li>
|
||||
<li><a href="../careers-style-2.html">Careers - ALT 2</a></li>
|
||||
<li><a href="../careers-style-3.html">Careers - ALT 3</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../services-style-1.html">Services</a></li>
|
||||
<li><a href="../services-style-2.html">Services - ALT 2</a></li>
|
||||
<li><a href="../services-style-3.html">Services - ALT 3</a></li>
|
||||
<li><a href="../services-style-4.html">Services - ALT 4</a></li>
|
||||
<li><a href="../profile-style-1.html">Profile</a></li>
|
||||
<li><a href="../profile-style-2.html">Profile - ALT 2</a></li>
|
||||
<li><a href="../profile-style-3.html">Profile - ALT 3</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../contact-style-1.html">Contact Us </a></li>
|
||||
<li><a href="../contact-style-2.html">Contact Us - ALT 2</a></li>
|
||||
<li><a href="../contact-style-3.html">Contact Us - ALT 3</a></li>
|
||||
<li><a href="../contact-style-4.html">Contact Us - ALT 4</a></li>
|
||||
<li><a href="../team-style-1.html">Our Team</a></li>
|
||||
<li><a href="../team-style-2.html">Our Team - ALT 2</a></li>
|
||||
<li><a href="../team-style-3.html">Our Team - ALT 3</a></li>
|
||||
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../coming-soon-style-1.html">Coming Soon</a></li>
|
||||
<li><a href="../coming-soon-style-2.html">Coming Soon - ALT 2</a></li>
|
||||
<li><a href="../404-error-style-1.html">404 Page</a></li>
|
||||
<li><a href="../404-error-style-2.html">404 Page - ALT 2</a></li>
|
||||
<li><a href="../login-register-style-1.html">Login / Register</a></li>
|
||||
<li><a href="../faq.html">Faq</a></li>
|
||||
<li><a href="../faq-alt.html">Faq - ALT</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">ELEMENTS</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 1</a></li>
|
||||
<li><a href="../elements/accordions.html"><i class="fas fa-plus-square"></i> Accordions</a></li>
|
||||
<li><a href="../elements/alerts.html"><i class="fas fa-exclamation-circle"></i> Alerts</a></li>
|
||||
<li><a href="../elements/animations.html"><i class="fas fa-exchange-alt"></i> Animations</a></li>
|
||||
<li><a href="../elements/blockquotes.html"><i class="fas fa-quote-left"></i> Blockquotes</a></li>
|
||||
<li><a href="../elements/breadcrumbs.html"><i class="fas fa-share"></i> Breadcrumbs</a></li>
|
||||
<li><a href="../elements/buttons.html"><i class="fas fa-square"></i> Buttons</a></li>
|
||||
<li><a href="../elements/call-to-action.html"><i class="fas fa-bullhorn"></i> Call to Action</a></li>
|
||||
<li><a href="../elements/charts.html"><i class="fas fa-circle-notch"></i> Charts</a></li>
|
||||
<li><a href="../elements/content-boxes.html"><i class="fas fa-th-large"></i> Content Boxes</a></li>
|
||||
<li><a href="../elements/counters.html"><i class="fas fa-bullseye"></i> Counters</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 2</a></li>
|
||||
<li><a href="../elements/customers.html"><i class="fas fa-user-circle"></i> Customer</a></li>
|
||||
<li><a href="../elements/dropcaps.html"><i class="fas fa-font"></i> Dropcaps</a></li>
|
||||
<li><a href="../elements/flip-boxes.html"><i class="fas fa-sync-alt"></i> Flip Box</a></li>
|
||||
<li><a href="../elements/google-maps.html"><i class="fas fa-map"></i> Google Maps</a></li>
|
||||
<li><a href="../elements/grid-boxes.html"><i class="fas fa-th"></i> Grid Boxes</a></li>
|
||||
<li><a href="../elements/icon-boxes.html"><i class="fas fa-th-large"></i> Icon Boxes</a></li>
|
||||
<li><a href="../elements/icon-circle.html"><i class="far fa-circle"></i> Icon Circle</a></li>
|
||||
<li><a href="../elements/image-gallery.html"><i class="fas fa-expand"></i> Image Gallery</a></li>
|
||||
<li><a href="../elements/images.html"><i class="far fa-image"></i> Images</a></li>
|
||||
<li><a href="../elements/image-hover.html"><i class="fas fa-object-ungroup" aria-hidden="true"></i> Image Hover</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 3</a></li>
|
||||
<li><a href="../elements/lightbox.html"><i class="fas fa-lightbulb"></i> LightBox</a></li>
|
||||
<li><a href="../elements/modal-popup.html"><i class="fas fa-search-plus"></i> Modal Popup</a></li>
|
||||
<li><a href="../elements/pagination.html"><i class="fas fa-angle-double-right"></i> Pagination</a></li>
|
||||
<li><a href="../elements/parallax.html"><i class="fas fa-random"></i> Parallax</a></li>
|
||||
<li><a href="../elements/pricing-table.html"><i class="fas fa-table"></i> Pricing Tables</a></li>
|
||||
<li><a href="../elements/process-steps.html"><i class="fas fa-arrow-right"></i> Process Steps</a></li>
|
||||
<li><a href="../elements/profile-cards.html"><i class="fas fa-address-card"></i> Profile Cards</a></li>
|
||||
<li><a href="../elements/progress-bar.html"><i class="fas fa-tasks"></i> Progress Bar</a></li>
|
||||
<li><a href="../elements/recent-posts.html"><i class="fas fa-newspaper"></i> Recent Posts</a></li>
|
||||
<li><a href="../elements/section-styles.html"><i class="fas fa-outdent"></i> Section Styles</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 4</a></li>
|
||||
<li><a href="../elements/separators.html"><i class="fas fa-minus"></i> Separators</a></li>
|
||||
<li><a href="../elements/shop-banners.html"><i class="fas fa-language"></i> Shop Banners</a></li>
|
||||
<li><a href="../elements/social-icons.html"><i class="fab fa-twitter"></i> Social Icons</a></li>
|
||||
<li><a href="../elements/tables.html"><i class="fas fa-table"></i> Tables</a></li>
|
||||
<li><a href="../elements/tabs.html"><i class="fas fa-window-maximize"></i> Tabs</a></li>
|
||||
<li><a href="../elements/team.html"><i class="fas fa-users"></i> Team</a></li>
|
||||
<li><a href="../elements/testimonials.html"><i class="fas fa-edit"></i> Testimonials</a></li>
|
||||
<li><a href="../elements/timeline.html"><i class="fas fa-arrow-down"></i> Timeline</a></li>
|
||||
<li><a href="../elements/videos.html"><i class="fas fa-video"></i> Videos & Audio</a></li>
|
||||
<li><a href="../elements/video-background.html"><i class="fas fa-photo-video"></i> Video Background</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">SLIDERS</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 1</a></li>
|
||||
<li><a href="3d-parallax-scenes.html">3D Parallax Scenes</a></li>
|
||||
<li><a href="404-error.html">404 Error</a></li>
|
||||
<li><a href="agency-slider.html">Agency Slider</a></li>
|
||||
<li><a href="blend-mode.html">Blend Mode</a></li>
|
||||
<li><a href="blur-effect.html">Blur Effect</a></li>
|
||||
<li><a href="car-dealer.html">Car Dealer</a></li>
|
||||
<li><a href="carousel-gallery.html">Carousel Gallery</a></li>
|
||||
<li><a href="classic-carousel.html">Classic Carousel</a></li>
|
||||
<li><a href="coming-soon.html">Coming soon</a></li>
|
||||
<li><a href="concept-slider.html">Concept Slider</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 2</a></li>
|
||||
<li><a href="double-exposure-effect.html">Double Exposure Effect</a></li>
|
||||
<li><a href="exploration-header.html">Exploration Header</a></li>
|
||||
<li><a href="film-strip.html">Film Strip Effect</a></li>
|
||||
<li><a href="fine-dining.html">Fine Dining</a></li>
|
||||
<li><a href="gravity-design.html">Gravity Design</a></li>
|
||||
<li><a href="happy-hollidays.html">Happy Hollidays</a></li>
|
||||
<li><a href="hero-sports.html">Hero Sports</a></li>
|
||||
<li><a href="inspiration-header.html">Inspiration Header</a></li>
|
||||
<li><a href="levano-slider.html">Levano Slider</a></li>
|
||||
<li><a href="magazine-posts.html">Magazine Posts</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 3</a></li>
|
||||
<li><a href="mask-showcase.html">Mask Showcase</a></li>
|
||||
<li><a href="mountain-parallax.html">Mountain Parallax</a></li>
|
||||
<li><a href="over-expousure.html">Over Exposure</a></li>
|
||||
<li><a href="panorama.html">Panorama</a></li>
|
||||
<li><a href="parallax-joy.html">Parallax Joy</a></li>
|
||||
<li><a href="parallax-zoom.html">Parallax Zoom</a></li>
|
||||
<li><a href="particle-effect-one.html">Particle Effect one</a></li>
|
||||
<li><a href="particle-effect-two.html">Particle Effect Two</a></li>
|
||||
<li><a href="particle-effect-three.html">Particle Effect Three</a></li>
|
||||
<li><a href="style-intro.html">Style Intro</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 4</a></li>
|
||||
<li><a href="reveal.html">Reveal</a></li>
|
||||
<li><a href="rock-band.html">Rock Band</a></li>
|
||||
<li><a href="scroll-effects.html">Scroll Effect</a></li>
|
||||
<li><a href="slider-gym.html">Slider Gym</a></li>
|
||||
<li><a href="slider-news.html">Slider News</a></li>
|
||||
<li><a href="sliding-overlays.html">Sliding Overlays</a></li>
|
||||
<li><a href="web-agency.html">Web Agency</a></li>
|
||||
<li><a href="web-product.html">Web Product</a></li>
|
||||
<li><a href="website-intro.html">Website Intro</a></li>
|
||||
<li><a href="youtube-hero.html">Youtube Hero</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">SHOP</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="#">CLASSIC</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../shop-full-width.html">Full width</a></li>
|
||||
<li><a href="../shop-left-sidebar.html">Left sidebar</a></li>
|
||||
<li><a href="../shop-right-sidebar.html">Right sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">PRODUCT DETAILS</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../product-full-width.html">Full width</a></li>
|
||||
<li><a href="../product-left-sidebar.html">Left sidebar</a></li>
|
||||
<li><a href="../product-right-sidebar.html">Right sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="../shopping-cart.html">SHOPING CART</a></li>
|
||||
<li><a href="../checkout.html">CHECKOUT</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">BLOG</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="#">CLASSIC</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../blog-full-width.html">Full width</a></li>
|
||||
<li><a href="../blog-left-sidebar.html">Left sidebar</a></li>
|
||||
<li><a href="../blog-right-sidebar.html">Right sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">GRID</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../blog-grid-one-column.html">One column</a></li>
|
||||
<li><a href="../blog-grid-two-column.html">Two column</a></li>
|
||||
<li><a href="../blog-grid-three-column.html">Three column</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">MASONRY</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../masonry-two-columns.html">Two Columns</a></li>
|
||||
<li><a href="../masonry-three-columns.html">Three Columns</a></li>
|
||||
<li><a href="../masonry-four-columns.html">Four Columns</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">BLOG SINGLE</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../blog-single-full-width.html">Blog Single Full Width</a></li>
|
||||
<li><a href="../blog-single-left-sidebar.html">Blog Single Left Sidebar</a></li>
|
||||
<li><a href="../blog-single-right-sidebar.html">Blog Single Right Sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<!-- MEGAMENU END -->
|
||||
|
||||
<div class="home-slider">
|
||||
<!-- SLIDER EXAMPLE -->
|
||||
<section class="example">
|
||||
<article class="content">
|
||||
|
||||
<div id="rev_slider_1084_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container" data-alias="web-light-hero" data-source="gallery" style="margin:0px auto;background-color:#999;padding:0px;margin-top:0px;margin-bottom:0px;">
|
||||
<!-- START REVOLUTION SLIDER 5.4.1 fullwidth mode -->
|
||||
<div id="rev_slider_1084_1" class="rev_slider fullwidthabanner" style="display:none;" data-version="5.4.1">
|
||||
<ul> <!-- SLIDE -->
|
||||
<li data-index="rs-3074" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="1500" data-rotate="0" data-saveperformance="off" data-title="Intro" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
|
||||
<!-- MAIN IMAGE -->
|
||||
<img src="../assets/images/transparent.png" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="5" class="rev-slidebg" data-no-retina>
|
||||
<!-- LAYERS -->
|
||||
|
||||
<!-- LAYER NR. 1 -->
|
||||
<div class="tp-caption tp-resizeme rs-parallaxlevel-6"
|
||||
id="slide-3074-layer-1"
|
||||
data-x="['right','right','center','center']" data-hoffset="['-254','-453','70','60']"
|
||||
data-y="['middle','middle','middle','bottom']" data-voffset="['30','50','211','25']"
|
||||
data-width="none"
|
||||
data-height="none"
|
||||
data-whitespace="nowrap"
|
||||
|
||||
data-type="image"
|
||||
data-responsive_offset="on"
|
||||
|
||||
data-frames='[{"from":"x:right;","speed":1500,"to":"o:1;","delay":2500,"ease":"Power3.easeOut"},{"delay":"wait","speed":1500,"to":"opacity:0;","ease":"Power4.easeIn"}]'
|
||||
data-textAlign="['left','left','left','left']"
|
||||
data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
|
||||
style="z-index: 5;text-transform:left;border-width:0px;"><img src="../assets/images/macbookpro.png" alt="" data-ww="['1000px','1000px','500px','350px']" data-hh="['600px','600px','300px','210px']" width="1000" height="600" data-no-retina> </div>
|
||||
|
||||
<!-- LAYER NR. 2 -->
|
||||
<div class="tp-caption tp-resizeme disabled_lc rs-parallaxlevel-6 tp-videolayer"
|
||||
id="slide-3074-layer-11"
|
||||
data-x="['left','left','left','left']" data-hoffset="['829','866','297','185']"
|
||||
data-y="['top','top','top','top']" data-voffset="['197','217','582','514']"
|
||||
data-whitespace="nowrap"
|
||||
|
||||
data-type="video"
|
||||
data-responsive_offset="on"
|
||||
|
||||
data-frames='[{"from":"z:0;rX:0deg;rY:0;rZ:0;sX:2;sY:2;skX:0;skY:0;opacity:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":3350,"ease":"Power3.easeOut"},{"delay":"wait","speed":1500,"to":"opacity:0;","ease":"Power4.easeIn"}]'
|
||||
data-exitfullscreenonpause="off" data-videocontrols="none" data-videowidth="['653px','653px','325px','229px']" data-videoheight="['408px','408px','204px','145px']" data-videoposter="../assets/images/traincover.jpg" data-videomp4="../assets/videos/Broadway.mp4" data-noposteronmobile="off" data-videopreload="auto" data-videoloop="loop" data-textAlign="['left','left','left','left']"
|
||||
data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
data-autoplay="on"
|
||||
|
||||
style="z-index: 6;text-transform:left;border-width:0px;"> </div>
|
||||
|
||||
<!-- LAYER NR. 3 -->
|
||||
<div class="tp-caption tp-resizeme rs-parallaxlevel-5"
|
||||
id="slide-3074-layer-12"
|
||||
data-x="['left','left','left','left']" data-hoffset="['543','543','110','155']"
|
||||
data-y="['top','top','top','top']" data-voffset="['17','17','500','474']"
|
||||
data-width="none"
|
||||
data-height="none"
|
||||
data-whitespace="nowrap"
|
||||
|
||||
data-type="image"
|
||||
data-responsive_offset="on"
|
||||
|
||||
data-frames='[{"from":"opacity:0;","speed":300,"to":"o:1;","delay":3950,"ease":"Power2.easeInOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"}]'
|
||||
data-textAlign="['left','left','left','left']"
|
||||
data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
|
||||
style="z-index: 7;text-transform:left;border-width:0px;">
|
||||
<div class="rs-looped rs-slideloop" data-easing="Linear.easeNone" data-speed="30" data-xs="-600" data-xe="600" data-ys="0" data-ye="0"><img src="../assets/images/cloud1.png" alt="" data-ww="['500px','500px','250','125px']" data-hh="['273px','273px','137','68px']" width="500" height="273" data-no-retina> </div></div>
|
||||
|
||||
<!-- LAYER NR. 4 -->
|
||||
<div class="tp-caption tp-resizeme rs-parallaxlevel-4"
|
||||
id="slide-3074-layer-3"
|
||||
data-x="['left','left','center','center']" data-hoffset="['593','633','-110','-60']"
|
||||
data-y="['top','top','top','bottom']" data-voffset="['183','203','590','20']"
|
||||
data-width="none"
|
||||
data-height="none"
|
||||
data-whitespace="nowrap"
|
||||
|
||||
data-type="image"
|
||||
data-responsive_offset="on"
|
||||
|
||||
data-frames='[{"from":"x:right;","speed":1500,"to":"o:1;","delay":2750,"ease":"Power3.easeOut"},{"delay":"wait","speed":1500,"to":"opacity:0;","ease":"Power4.easeIn"}]'
|
||||
data-textAlign="['left','left','left','left']"
|
||||
data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
|
||||
style="z-index: 8;text-transform:left;border-width:0px;"><img src="../assets/images/ipad.png" alt="" data-ww="['430px','430px','200px','170px']" data-hh="['540px','540px','251px','213px']" width="430" height="540" data-no-retina> </div>
|
||||
|
||||
<!-- LAYER NR. 5 -->
|
||||
<div class="tp-caption tp-resizeme rs-parallaxlevel-4"
|
||||
id="slide-3074-layer-4"
|
||||
data-x="['left','left','left','center']" data-hoffset="['663','703','212','-60']"
|
||||
data-y="['top','top','top','bottom']" data-voffset="['271','291','632','50']"
|
||||
data-width="none"
|
||||
data-height="none"
|
||||
data-whitespace="nowrap"
|
||||
|
||||
data-type="image"
|
||||
data-responsive_offset="on"
|
||||
|
||||
data-frames='[{"from":"z:0;rX:0deg;rY:0;rZ:0;sX:1.5;sY:1.5;skX:0;skY:0;opacity:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":3700,"ease":"Power3.easeOut"},{"delay":"wait","speed":1500,"to":"opacity:0;","ease":"Power4.easeIn"}]'
|
||||
data-textAlign="['left','left','left','left']"
|
||||
data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
|
||||
style="z-index: 9;text-transform:left;border-width:0px;"><img src="../assets/images/ipad_content_new2.jpg" alt="" data-ww="['290px','290px','135px','115px']" data-hh="['374px','374px','174px','148px']" width="290" height="374" data-no-retina> </div>
|
||||
|
||||
<!-- LAYER NR. 6 -->
|
||||
<div class="tp-caption tp-resizeme rs-parallaxlevel-3"
|
||||
id="slide-3074-layer-13"
|
||||
data-x="['left','left','left','left']" data-hoffset="['294','294','116','97']"
|
||||
data-y="['top','top','top','top']" data-voffset="['532','532','745','641']"
|
||||
data-width="none"
|
||||
data-height="none"
|
||||
data-whitespace="nowrap"
|
||||
|
||||
data-type="image"
|
||||
data-responsive_offset="on"
|
||||
|
||||
data-frames='[{"from":"opacity:0;","speed":300,"to":"o:1;","delay":3950,"ease":"Power2.easeInOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"}]'
|
||||
data-textAlign="['left','left','left','left']"
|
||||
data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
|
||||
style="z-index: 10;text-transform:left;border-width:0px;">
|
||||
<div class="rs-looped rs-slideloop" data-easing="Linear.easeNone" data-speed="30" data-xs="-400" data-xe="400" data-ys="0" data-ye="0"><img src="../assets/images/cloud2.png" alt="" data-ww="['600px','600px','300','150']" data-hh="['278px','278px','139','70']" width="600" height="278" data-no-retina> </div></div>
|
||||
|
||||
<!-- LAYER NR. 7 -->
|
||||
<div class="tp-caption tp-resizeme rs-parallaxlevel-2"
|
||||
id="slide-3074-layer-5"
|
||||
data-x="['left','left','left','left']" data-hoffset="['530','553','127','58']"
|
||||
data-y="['top','top','top','top']" data-voffset="['278','297','622','529']"
|
||||
data-width="none"
|
||||
data-height="none"
|
||||
data-whitespace="nowrap"
|
||||
|
||||
data-type="image"
|
||||
data-responsive_offset="on"
|
||||
|
||||
data-frames='[{"from":"x:right;","speed":1500,"to":"o:1;","delay":3000,"ease":"Power3.easeOut"},{"delay":"wait","speed":1500,"to":"opacity:0;","ease":"Power4.easeIn"}]'
|
||||
data-textAlign="['left','left','left','left']"
|
||||
data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
|
||||
style="z-index: 11;text-transform:left;border-width:0px;"><img src="../assets/images/ihpone.png" alt="" data-ww="['260px','260px','130px','100px']" data-hh="['450px','450px','225px','173px']" width="260" height="450" data-no-retina> </div>
|
||||
|
||||
<!-- LAYER NR. 8 -->
|
||||
<div class="tp-caption tp-resizeme rs-parallaxlevel-2"
|
||||
id="slide-3074-layer-6"
|
||||
data-x="['left','left','left','left']" data-hoffset="['576','598','150','75']"
|
||||
data-y="['top','top','top','top']" data-voffset="['360','379','663','560']"
|
||||
data-width="none"
|
||||
data-height="none"
|
||||
data-whitespace="nowrap"
|
||||
|
||||
data-type="image"
|
||||
data-responsive_offset="on"
|
||||
|
||||
data-frames='[{"from":"z:0;rX:0deg;rY:0;rZ:0;sX:1.5;sY:1.5;skX:0;skY:0;opacity:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":3950,"ease":"Power3.easeOut"},{"delay":"wait","speed":1500,"to":"opacity:0;","ease":"Power4.easeIn"}]'
|
||||
data-textAlign="['left','left','left','left']"
|
||||
data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
|
||||
style="z-index: 12;text-transform:left;border-width:0px;"><img src="../assets/images/iphone_content_new1.jpg" alt="" data-ww="['170px','170px','85px','66px']" data-hh="['286px','286px','143px','111px']" width="170" height="286" data-no-retina> </div>
|
||||
|
||||
<!-- LAYER NR. 9 -->
|
||||
<div class="tp-caption tp-resizeme rs-parallaxlevel-1"
|
||||
id="slide-3074-layer-14"
|
||||
data-x="['left','left','left','left']" data-hoffset="['280','280','-10','-1']"
|
||||
data-y="['top','top','top','top']" data-voffset="['223','223','569','518']"
|
||||
data-width="none"
|
||||
data-height="none"
|
||||
data-whitespace="nowrap"
|
||||
|
||||
data-type="image"
|
||||
data-responsive_offset="on"
|
||||
|
||||
data-frames='[{"from":"opacity:0;","speed":300,"to":"o:1;","delay":3950,"ease":"Power2.easeInOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"}]'
|
||||
data-textAlign="['left','left','left','left']"
|
||||
data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
|
||||
style="z-index: 13;text-transform:left;border-width:0px;">
|
||||
<div class="rs-looped rs-slideloop" data-easing="Linear.easeNone" data-speed="30" data-xs="-200" data-xe="200" data-ys="0" data-ye="0"><img src="../assets/images/cloud3.png" alt="" data-ww="['600px','600px','300','150']" data-hh="['278px','278px','181','90']" width="738" height="445" data-no-retina> </div></div>
|
||||
|
||||
<!-- LAYER NR. 10 -->
|
||||
<div class="tp-caption WebProduct-Title tp-resizeme rs-parallaxlevel-7"
|
||||
id="slide-3074-layer-7"
|
||||
data-x="['left','left','left','left']" data-hoffset="['30','30','200','80']"
|
||||
data-y="['middle','middle','top','top']" data-voffset="['0','0','177','160']"
|
||||
data-fontsize="['90','90','75','60']"
|
||||
data-lineheight="['90','90','75','60']"
|
||||
data-width="none"
|
||||
data-height="none"
|
||||
data-whitespace="nowrap"
|
||||
|
||||
data-type="text"
|
||||
data-responsive_offset="on"
|
||||
|
||||
data-frames='[{"from":"x:-50px;opacity:0;","speed":1000,"to":"o:1;","delay":1000,"ease":"Power2.easeOut"},{"delay":"wait","speed":1500,"to":"opacity:0;","ease":"Power4.easeIn"}]'
|
||||
data-textAlign="['left','left','left','left']"
|
||||
data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
|
||||
style="z-index: 14; white-space: nowrap;text-transform:left;">3D Parallax<br/>Scenes </div>
|
||||
|
||||
<!-- LAYER NR. 11 -->
|
||||
<div class="tp-caption WebProduct-Content tp-resizeme rs-parallaxlevel-7"
|
||||
id="slide-3074-layer-9"
|
||||
data-x="['left','left','left','left']" data-hoffset="['30','30','200','80']"
|
||||
data-y="['middle','middle','top','top']" data-voffset="['129','127','365','314']"
|
||||
data-fontsize="['16','16','16','14']"
|
||||
data-lineheight="['24','24','24','22']"
|
||||
data-width="['448','356','370','317']"
|
||||
data-height="['none','none','81','88']"
|
||||
data-whitespace="normal"
|
||||
|
||||
data-type="text"
|
||||
data-responsive_offset="on"
|
||||
|
||||
data-frames='[{"from":"x:-50px;opacity:0;","speed":1000,"to":"o:1;","delay":1500,"ease":"Power2.easeOut"},{"delay":"wait","speed":1500,"to":"opacity:0;","ease":"Power4.easeIn"}]'
|
||||
data-textAlign="['left','left','left','left']"
|
||||
data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
|
||||
style="z-index: 15; min-width: 448px; max-width: 448px; white-space: normal;text-transform:left;">This and more fancy 3D Examples are included<br/>
|
||||
for our direct Slider Revolution Customers </div>
|
||||
|
||||
<!-- LAYER NR. 12 -->
|
||||
<div class="tp-caption rev-btn rev-btn rs-parallaxlevel-8"
|
||||
id="slide-3074-layer-8"
|
||||
data-x="['left','left','left','left']" data-hoffset="['30','30','200','80']"
|
||||
data-y="['middle','middle','top','top']" data-voffset="['228','228','456','400']"
|
||||
data-width="none"
|
||||
data-height="none"
|
||||
data-whitespace="nowrap"
|
||||
|
||||
data-type="button"
|
||||
data-actions='[{"event":"click","action":"scrollbelow","offset":"px","delay":""}]'
|
||||
data-responsive_offset="on"
|
||||
data-responsive="off"
|
||||
data-frames='[{"from":"x:-50px;opacity:0;","speed":1000,"to":"o:1;","delay":1750,"ease":"Power2.easeOut"},{"delay":"wait","speed":1500,"to":"opacity:0;","ease":"Power4.easeIn"},{"frame":"hover","speed":"300","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(51, 51, 51, 1.00);bg:rgba(255, 255, 255, 1.00);bw:2px 2px 2px 2px;"}]'
|
||||
data-textAlign="['left','left','left','left']"
|
||||
data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[40,40,40,40]"
|
||||
data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[40,40,40,40]"
|
||||
|
||||
style="z-index: 16; white-space: nowrap; font-size: 16px; line-height: 48px; font-weight: 600; color: rgba(255, 255, 255, 1.00);font-family:Raleway;text-transform:left;background-color:rgba(51, 51, 51, 1.00);border-color:rgba(0, 0, 0, 1.00);border-width:2px;letter-spacing:1px;">GET STARTED TODAY </div>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tp-static-layers">
|
||||
|
||||
<!-- LAYER NR. 13 -->
|
||||
<div class="tp-caption - tp-static-layer"
|
||||
id="slider-1084-layer-1"
|
||||
data-x="['right','right','right','right']" data-hoffset="['30','30','30','30']"
|
||||
data-y="['top','top','top','top']" data-voffset="['30','30','30','30']"
|
||||
data-width="none"
|
||||
data-height="none"
|
||||
data-whitespace="nowrap"
|
||||
|
||||
data-type="text"
|
||||
data-actions='[{"event":"click","action":"toggleclass","layer":"slider-1084-layer-1","delay":"0","classname":"open"},{"event":"click","action":"togglelayer","layerstatus":"hidden","layer":"slider-1084-layer-3","delay":"0"},{"event":"click","action":"togglelayer","layerstatus":"hidden","layer":"slider-1084-layer-4","delay":"0"},{"event":"click","action":"togglelayer","layerstatus":"hidden","layer":"slider-1084-layer-5","delay":"0"},{"event":"click","action":"togglelayer","layerstatus":"hidden","layer":"slider-1084-layer-6","delay":"0"}]'
|
||||
data-basealign="slide"
|
||||
data-responsive_offset="off"
|
||||
data-responsive="off"
|
||||
data-startslide="-1"
|
||||
data-endslide="-1"
|
||||
data-frames='[{"from":"opacity:0;","speed":1000,"to":"o:1;","delay":500,"ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"to":"auto:auto;","ease":"nothing"}]'
|
||||
data-textAlign="['left','left','left','left']"
|
||||
data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
|
||||
style="z-index: 17; white-space: nowrap; font-size: 20px; line-height: 22px; font-weight: 400; color: rgba(255, 255, 255, 1.00);text-transform:left;border-width:0px;"><div id="rev-burger">
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</div> </div>
|
||||
</div>
|
||||
<div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div> </div>
|
||||
</div><!-- END REVOLUTION SLIDER -->
|
||||
|
||||
</article>
|
||||
</section>
|
||||
</div>
|
||||
</header>
|
||||
<!-- HEADER END -->
|
||||
|
||||
<section>
|
||||
<div class="container mt-5 mb-5">
|
||||
<div class="row">
|
||||
<div class="col-lg-4">
|
||||
<div class="slider-feature-info">
|
||||
<h5 class="overtitle">3D Parallax Scenes</h5>
|
||||
<h2>SLIDER REVOLUTION</h2>
|
||||
<p>Including the powerful and stunning Slider Revolution is an innovative, responsive jQuery Slider Plugin that displays your content the beautiful way.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-8 spacing-md">
|
||||
<div class="row">
|
||||
<div class="col-md-6 top-col">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/levels.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">SLIDERS DIVERSITY</h5>
|
||||
<p>With more than 100 templates, it allows you to create almost any type of web pages.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 top-col">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/document.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">DOCUMENTATION</h5>
|
||||
<p>Complete and clear documentation for an easy and fast installation..</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 bottom-col-resp">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/device.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">RESPONSIVE DESIGN</h5>
|
||||
<p>Slider Revolution adapts to any device for a better visual experience..</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/support.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">PREMIUM SUPPORT</h5>
|
||||
<p>If you have any problems in the installation process, we are here to help you.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="rs-line">
|
||||
</div>
|
||||
|
||||
<div class="container rs-call-to-action mt-5 mb-5">
|
||||
<div class="row">
|
||||
<div class="col-lg-8">
|
||||
<div class="ca-left-side">
|
||||
<h3>Premium Multi-Purpose HTML5 Template</h3>
|
||||
<p>Let's develop your project with this impressive and powerful template that helps you
|
||||
create beautiful web pages. An original solution for any business..</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12 col-lg-4">
|
||||
<div class="ca-right-side flex-parent jc-center">
|
||||
<a class="tp-btn-primary" href="https://themeforest.net/item/merit-premium-multipurpose-html5-template/21866679" target="_blank">Purchase now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- FOOTER START -->
|
||||
<footer>
|
||||
<div class="container mt-5">
|
||||
<div class="top-footer">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 col-xl-7">
|
||||
<h3>Creative and affordable website solution</h3>
|
||||
<p>Build modern websites with this powefull Multi-Purpose Template.</p>
|
||||
</div>
|
||||
<div class="col-lg-12 col-xl-5">
|
||||
<div class="footer-btn">
|
||||
<a class="tp-btn-primary" href="https://themeforest.net/item/merit-premium-multipurpose-html5-template/21866679" target="_blank" role="button">Purchase now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="footer-line">
|
||||
<div class="center-footer">
|
||||
<div class="row">
|
||||
<div class="col-lg-5">
|
||||
<div class="footer-col footer-left-col">
|
||||
<figure class="site-footer-logo">
|
||||
<img src="../images/logos/logo.png" alt="">
|
||||
</figure>
|
||||
<p>Let's develop your project with this impressive and powerful template that helps you
|
||||
create beautiful web pages. An original solution for any business.</p>
|
||||
<ul class="footer-social">
|
||||
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-dribbble"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2">
|
||||
<div class="footer-col">
|
||||
<h5>Quick Links</h5>
|
||||
<ul class="quick-links">
|
||||
<li><a href="../index.html">Home</a></li>
|
||||
<li><a href="../services-style-1.html">Services</a></li>
|
||||
<li><a href="../blog-full-width.html">Blogs</a></li>
|
||||
<li><a href="../contact-style-1.html">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2">
|
||||
<div class="footer-col">
|
||||
<h5>About</h5>
|
||||
<ul class="quick-links">
|
||||
<li><a href="../profile-style-1.html">Profile</a></li>
|
||||
<li><a href="../team-style-1.html">Team</a></li>
|
||||
<li><a href="../careers-style-1.html">Careers</a></li>
|
||||
<li><a href="../faq.html">FAQ</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3">
|
||||
<div class="footer-col">
|
||||
<h5>Get in Touch</h5>
|
||||
<ul class="footer-contact">
|
||||
<li class="phone"><a href="tel:123-456-7890">+ 123-456-7890</a></li>
|
||||
<li class="email"><a href="mailto:info@merit.com">info@merit.com</a></li>
|
||||
<li>
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="fas fa-map-pin"></i>
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<p>7391 North Bay Meadows Circle New York, NY 10040.</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="footer-line">
|
||||
<div class="bottom-footer">
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<div class="footer-copyright">
|
||||
<p>© 2022 <a href="https://themeforest.net/item/merit-premium-multipurpose-html5-template/21866679" target="_blank">Merit Premium Template</a> all rights reserved.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<ul class="footer-terms">
|
||||
<li><a href="../terms.html">Terms</a></li>
|
||||
<li><a href="../privacy.html">Privacy</a></li>
|
||||
<li><a href="../contact-style-4.html">Support</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!-- FOOTER END -->
|
||||
|
||||
<!-- SCROLL TOP -->
|
||||
<a href="#0" class="cd-top">Top</a>
|
||||
|
||||
<!-- TEMPLATE MAIN JAVASCRIPT FILES -->
|
||||
<script src="../js/lib/jquery-3.6.0.min.js"></script>
|
||||
<script src="../js/lib/bootstrap.min.js"></script>
|
||||
<script src="../js/lib/plugins.js"></script>
|
||||
<script src="../js/lib/megamenu.js"></script>
|
||||
<script src="../js/lib/navigation.js"></script>
|
||||
<script src="../js/lib/navigation.fixed.min.js"></script>
|
||||
<script src="../js/main.js"></script>
|
||||
|
||||
<!-- REVOLUTION JS FILES -->
|
||||
<script src="../revolution/js/jquery.themepunch.tools.min.js"></script>
|
||||
<script src="../revolution/js/jquery.themepunch.revolution.min.js"></script>
|
||||
|
||||
<!-- SLIDER REVOLUTION 5.0 EXTENSIONS (Load Extensions only on Local File Systems ! The following part can be removed on Server for On Demand Loading) -->
|
||||
<script src="../revolution/js/extensions/revolution.extension.actions.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.carousel.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.migration.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.navigation.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.parallax.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.video.min.js"></script>
|
||||
|
||||
<!-- REQUIRE JS FOR SLIDER REVOLUTION -->
|
||||
<script>
|
||||
var tpj = jQuery;
|
||||
var revapi1084;
|
||||
tpj(document).ready(function () {
|
||||
if (tpj("#rev_slider_1084_1").revolution == undefined) {
|
||||
revslider_showDoubleJqueryError("#rev_slider_1084_1");
|
||||
} else {
|
||||
revapi1084 = tpj("#rev_slider_1084_1").show().revolution({
|
||||
sliderType: "hero",
|
||||
jsFileLocation: "revolution/js/",
|
||||
sliderLayout: "fullwidth",
|
||||
dottedOverlay: "none",
|
||||
delay: 9000,
|
||||
navigation: {},
|
||||
responsiveLevels: [1240, 1024, 778, 480],
|
||||
visibilityLevels: [1240, 1024, 778, 480],
|
||||
gridwidth: [1400, 1240, 778, 480],
|
||||
gridheight: [850, 768, 960, 720],
|
||||
lazyType: "none",
|
||||
parallax: {
|
||||
type: "3D",
|
||||
origo: "slidercenter",
|
||||
speed: 1000,
|
||||
levels: [5, 10, 15, 20, 25, 30, 5, 0, 45, 50, 47, 48, 49, 50, 51, 55],
|
||||
type: "3D",
|
||||
ddd_shadow: "off",
|
||||
ddd_bgfreeze: "off",
|
||||
ddd_overflow: "hidden",
|
||||
ddd_layer_overflow: "visible",
|
||||
ddd_z_correction: 65,
|
||||
},
|
||||
spinner: "off",
|
||||
autoHeight: "off",
|
||||
disableProgressBar: "on",
|
||||
hideThumbsOnMobile: "off",
|
||||
hideSliderAtLimit: 0,
|
||||
hideCaptionAtLimit: 0,
|
||||
hideAllCaptionAtLilmit: 0,
|
||||
debugMode: false,
|
||||
fallbacks: {
|
||||
simplifyAll: "off",
|
||||
disableFocusListener: false,
|
||||
}
|
||||
});
|
||||
}
|
||||
}); /*ready*/
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
|
||||
<!-- Mirrored from quickdevs.com/demo/merit/rev-sliders/3d-parallax-scenes.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 29 Mar 2023 10:26:59 GMT -->
|
||||
</html>
|
||||
962
public/sunsarioverseas/rev-sliders/404-error.html
Normal file
962
public/sunsarioverseas/rev-sliders/404-error.html
Normal file
@ -0,0 +1,962 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US" class="no-js">
|
||||
|
||||
|
||||
<!-- Mirrored from quickdevs.com/demo/merit/rev-sliders/404-error.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 29 Mar 2023 10:26:59 GMT -->
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
|
||||
<!-- TITLE -->
|
||||
<title>404 Error - Merit Premium Multi-Purpose HTML5 Template</title>
|
||||
|
||||
<!-- META TAGS -->
|
||||
<meta name="keywords" content="premium multi-Purpose, html template, multipurpose template, bootstrap template, niches, clean, modern, multipurpose, responsive">
|
||||
<meta name="description" content="Merit is a modern Multi-Purpose HTML Template any bussines.">
|
||||
|
||||
<!-- FAVICON -->
|
||||
<link rel="shortcut icon" href="../images/icons/favicon.png">
|
||||
|
||||
<!-- REVOLUTION ADDONS -->
|
||||
<link href="http://fonts.googleapis.com/css?family=Roboto%3A700%2C300" rel="stylesheet" property="stylesheet" type="text/css" media="all" />
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/fonts/pe-icon-7-stroke/css/pe-icon-7-stroke.css">
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/fonts/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!-- REVOLUTION STYLE SHEETS -->
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/css/settings.css">
|
||||
|
||||
<!-- REVOLUTION LAYERS STYLES -->
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/css/layers.css">
|
||||
|
||||
<!-- REVOLUTION NAVIGATION STYLES -->
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/css/navigation.css">
|
||||
|
||||
<!-- MAIN CSS STYLE SHEET -->
|
||||
<link rel="stylesheet" href="../css/main.css">
|
||||
<link rel="stylesheet" href="../css/stylesheet.css">
|
||||
<link rel="stylesheet" href="../css/responsive.css">
|
||||
|
||||
<!-- REVOLUTION CUSTOM CSS -->
|
||||
<link rel="stylesheet" href="../css/slider-revolution.css">
|
||||
|
||||
<!-- MODERNIZR LIBRARY -->
|
||||
<script src="../js/modernizr-custom.js"></script>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- PRELOADER START -->
|
||||
<div id="loader-wrapper">
|
||||
<div class="loader">
|
||||
<span class="loader-26"></span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- PRELOADER END -->
|
||||
|
||||
<!-- HEADER START -->
|
||||
<header>
|
||||
<!-- TOP HEADER START -->
|
||||
<div class="top-header">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<ul class="top-contact text-left">
|
||||
<li class="phone"><span class="tel-no"><a href="tel:123-456-7890"> +123-456-7890</a></span>
|
||||
</li>
|
||||
<li class="email"><a href="mailto:info@merit.com">info@merit.com</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-6 text-right">
|
||||
<div class="top-social">
|
||||
<ul class="social-list">
|
||||
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-dribbble"></i></a></li>
|
||||
<li>
|
||||
<!-- Button trigger modal -->
|
||||
<div class="center-element">
|
||||
<button type="button" class="btn btn-default" data-toggle="modal" data-target="#exampleModal2">Login</button>
|
||||
</div>
|
||||
|
||||
<!-- Modal -->
|
||||
<div class="modal fade custom-modal" id="exampleModal2" tabindex="-1" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content login-modal">
|
||||
<button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button>
|
||||
<div class="modal-body">
|
||||
<figure class="login-avatar">
|
||||
<img src="../images/icons/user-login-2.png" alt="">
|
||||
</figure>
|
||||
<h4>Merit</h4>
|
||||
<p>Welcome Back!</p>
|
||||
<div class="google-btn">
|
||||
<button type="submit" class="tp-btn-primary">
|
||||
<img class="tp-goole-icon" src="../images/icons/google-icon.png" alt="">
|
||||
Sign in with Google
|
||||
</button>
|
||||
</div>
|
||||
<p>Or</p>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<form>
|
||||
<div class="form-group">
|
||||
<input type="email" class="form-control login-fc" placeholder="Email or Username">
|
||||
</div>
|
||||
<div class="form-group mt-3">
|
||||
<input type="password" class="form-control login-fc" placeholder="Password">
|
||||
</div>
|
||||
<div class="login-options d-flex justify-content-between mt-3">
|
||||
<div class="have-account">
|
||||
<p><a href="#">Dont have an account?</a></p>
|
||||
</div>
|
||||
<div class="forgot-password">
|
||||
<p><a href="#">Forgot password?</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="login-btn">
|
||||
<button type="submit" class="tp-btn-primary">Login</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="top-line">
|
||||
</div>
|
||||
</div>
|
||||
<!-- TOP HEADER END -->
|
||||
|
||||
<!-- MEGAMENU START -->
|
||||
<div class="main-nav">
|
||||
<div class="container">
|
||||
<nav id="navigation1" class="navigation">
|
||||
<div class="nav-header">
|
||||
<a class="nav-logo" href="../index.html">
|
||||
<img src="../images/logos/logo.png" class="white-logo" alt="">
|
||||
<img src="../images/logos/logo-black.png" class="dark-logo" alt="">
|
||||
</a>
|
||||
<div class="nav-toggle"></div>
|
||||
</div>
|
||||
<div class="nav-menus-wrapper">
|
||||
<ul class="nav-menu align-to-right">
|
||||
<li><a href="#">HOME</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../1-agency.html">Agency</a></li>
|
||||
<li><a href="../2-beauty.html">Beauty</a></li>
|
||||
<li><a href="../3-construction.html">Construction</a></li>
|
||||
<li><a href="../4-corporate.html">Corporate</a></li>
|
||||
<li><a href="../5-courier.html">Courier</a></li>
|
||||
<li><a href="../6-dealer.html">Dealer</a></li>
|
||||
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../7-dental.html">Dental</a></li>
|
||||
<li><a href="../8-education.html">Education</a></li>
|
||||
<li><a href="../9-gym.html">Gym</a></li>
|
||||
<li><a href="../10-hotel.html">Hotel</a></li>
|
||||
<li><a href="../11-medical.html">Medical</a></li>
|
||||
<li><a href="../12-restaurant.html">Restaurant</a></li>
|
||||
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../13-charity.html">Charity</a></li>
|
||||
<li><a href="../14-cleaning.html">Cleaning</a></li>
|
||||
<li><a href="../15-finance.html">Finance</a></li>
|
||||
<li><a href="../16-industrial.html">Industrial</a></li>
|
||||
<li><a href="../17-hosting.html">Hosting</a></li>
|
||||
<li><a href="../18-portfolio.html">Portfolio</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../19-organic.html">Organic</a></li>
|
||||
<li><a href="../20-farm.html">Farm</a></li>
|
||||
<li><a href="../21-yoga.html">Yoga</a></li>
|
||||
<li><a href="../22-travel.html">Travel</a></li>
|
||||
<li><a href="../23-lawyer.html">Lawyer</a></li>
|
||||
<li><a href="../24-fitness.html">Fitness</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">PAGES</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../about-style-1.html">About Us</a></li>
|
||||
<li><a href="../about-style-2.html">About Me</a></li>
|
||||
<li><a href="../about-style-3.html">About Us - ALT 2</a></li>
|
||||
<li><a href="../about-style-4.html">About Us - ALT 3</a></li>
|
||||
<li><a href="../careers-style-1.html">Careers</a></li>
|
||||
<li><a href="../careers-style-2.html">Careers - ALT 2</a></li>
|
||||
<li><a href="../careers-style-3.html">Careers - ALT 3</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../services-style-1.html">Services</a></li>
|
||||
<li><a href="../services-style-2.html">Services - ALT 2</a></li>
|
||||
<li><a href="../services-style-3.html">Services - ALT 3</a></li>
|
||||
<li><a href="../services-style-4.html">Services - ALT 4</a></li>
|
||||
<li><a href="../profile-style-1.html">Profile</a></li>
|
||||
<li><a href="../profile-style-2.html">Profile - ALT 2</a></li>
|
||||
<li><a href="../profile-style-3.html">Profile - ALT 3</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../contact-style-1.html">Contact Us </a></li>
|
||||
<li><a href="../contact-style-2.html">Contact Us - ALT 2</a></li>
|
||||
<li><a href="../contact-style-3.html">Contact Us - ALT 3</a></li>
|
||||
<li><a href="../contact-style-4.html">Contact Us - ALT 4</a></li>
|
||||
<li><a href="../team-style-1.html">Our Team</a></li>
|
||||
<li><a href="../team-style-2.html">Our Team - ALT 2</a></li>
|
||||
<li><a href="../team-style-3.html">Our Team - ALT 3</a></li>
|
||||
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../coming-soon-style-1.html">Coming Soon</a></li>
|
||||
<li><a href="../coming-soon-style-2.html">Coming Soon - ALT 2</a></li>
|
||||
<li><a href="../404-error-style-1.html">404 Page</a></li>
|
||||
<li><a href="../404-error-style-2.html">404 Page - ALT 2</a></li>
|
||||
<li><a href="../login-register-style-1.html">Login / Register</a></li>
|
||||
<li><a href="../faq.html">Faq</a></li>
|
||||
<li><a href="../faq-alt.html">Faq - ALT</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">ELEMENTS</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 1</a></li>
|
||||
<li><a href="../elements/accordions.html"><i class="fas fa-plus-square"></i> Accordions</a></li>
|
||||
<li><a href="../elements/alerts.html"><i class="fas fa-exclamation-circle"></i> Alerts</a></li>
|
||||
<li><a href="../elements/animations.html"><i class="fas fa-exchange-alt"></i> Animations</a></li>
|
||||
<li><a href="../elements/blockquotes.html"><i class="fas fa-quote-left"></i> Blockquotes</a></li>
|
||||
<li><a href="../elements/breadcrumbs.html"><i class="fas fa-share"></i> Breadcrumbs</a></li>
|
||||
<li><a href="../elements/buttons.html"><i class="fas fa-square"></i> Buttons</a></li>
|
||||
<li><a href="../elements/call-to-action.html"><i class="fas fa-bullhorn"></i> Call to Action</a></li>
|
||||
<li><a href="../elements/charts.html"><i class="fas fa-circle-notch"></i> Charts</a></li>
|
||||
<li><a href="../elements/content-boxes.html"><i class="fas fa-th-large"></i> Content Boxes</a></li>
|
||||
<li><a href="../elements/counters.html"><i class="fas fa-bullseye"></i> Counters</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 2</a></li>
|
||||
<li><a href="../elements/customers.html"><i class="fas fa-user-circle"></i> Customer</a></li>
|
||||
<li><a href="../elements/dropcaps.html"><i class="fas fa-font"></i> Dropcaps</a></li>
|
||||
<li><a href="../elements/flip-boxes.html"><i class="fas fa-sync-alt"></i> Flip Box</a></li>
|
||||
<li><a href="../elements/google-maps.html"><i class="fas fa-map"></i> Google Maps</a></li>
|
||||
<li><a href="../elements/grid-boxes.html"><i class="fas fa-th"></i> Grid Boxes</a></li>
|
||||
<li><a href="../elements/icon-boxes.html"><i class="fas fa-th-large"></i> Icon Boxes</a></li>
|
||||
<li><a href="../elements/icon-circle.html"><i class="far fa-circle"></i> Icon Circle</a></li>
|
||||
<li><a href="../elements/image-gallery.html"><i class="fas fa-expand"></i> Image Gallery</a></li>
|
||||
<li><a href="../elements/images.html"><i class="far fa-image"></i> Images</a></li>
|
||||
<li><a href="../elements/image-hover.html"><i class="fas fa-object-ungroup" aria-hidden="true"></i> Image Hover</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 3</a></li>
|
||||
<li><a href="../elements/lightbox.html"><i class="fas fa-lightbulb"></i> LightBox</a></li>
|
||||
<li><a href="../elements/modal-popup.html"><i class="fas fa-search-plus"></i> Modal Popup</a></li>
|
||||
<li><a href="../elements/pagination.html"><i class="fas fa-angle-double-right"></i> Pagination</a></li>
|
||||
<li><a href="../elements/parallax.html"><i class="fas fa-random"></i> Parallax</a></li>
|
||||
<li><a href="../elements/pricing-table.html"><i class="fas fa-table"></i> Pricing Tables</a></li>
|
||||
<li><a href="../elements/process-steps.html"><i class="fas fa-arrow-right"></i> Process Steps</a></li>
|
||||
<li><a href="../elements/profile-cards.html"><i class="fas fa-address-card"></i> Profile Cards</a></li>
|
||||
<li><a href="../elements/progress-bar.html"><i class="fas fa-tasks"></i> Progress Bar</a></li>
|
||||
<li><a href="../elements/recent-posts.html"><i class="fas fa-newspaper"></i> Recent Posts</a></li>
|
||||
<li><a href="../elements/section-styles.html"><i class="fas fa-outdent"></i> Section Styles</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 4</a></li>
|
||||
<li><a href="../elements/separators.html"><i class="fas fa-minus"></i> Separators</a></li>
|
||||
<li><a href="../elements/shop-banners.html"><i class="fas fa-language"></i> Shop Banners</a></li>
|
||||
<li><a href="../elements/social-icons.html"><i class="fab fa-twitter"></i> Social Icons</a></li>
|
||||
<li><a href="../elements/tables.html"><i class="fas fa-table"></i> Tables</a></li>
|
||||
<li><a href="../elements/tabs.html"><i class="fas fa-window-maximize"></i> Tabs</a></li>
|
||||
<li><a href="../elements/team.html"><i class="fas fa-users"></i> Team</a></li>
|
||||
<li><a href="../elements/testimonials.html"><i class="fas fa-edit"></i> Testimonials</a></li>
|
||||
<li><a href="../elements/timeline.html"><i class="fas fa-arrow-down"></i> Timeline</a></li>
|
||||
<li><a href="../elements/videos.html"><i class="fas fa-video"></i> Videos & Audio</a></li>
|
||||
<li><a href="../elements/video-background.html"><i class="fas fa-photo-video"></i> Video Background</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">SLIDERS</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 1</a></li>
|
||||
<li><a href="3d-parallax-scenes.html">3D Parallax Scenes</a></li>
|
||||
<li><a href="404-error.html">404 Error</a></li>
|
||||
<li><a href="agency-slider.html">Agency Slider</a></li>
|
||||
<li><a href="blend-mode.html">Blend Mode</a></li>
|
||||
<li><a href="blur-effect.html">Blur Effect</a></li>
|
||||
<li><a href="car-dealer.html">Car Dealer</a></li>
|
||||
<li><a href="carousel-gallery.html">Carousel Gallery</a></li>
|
||||
<li><a href="classic-carousel.html">Classic Carousel</a></li>
|
||||
<li><a href="coming-soon.html">Coming soon</a></li>
|
||||
<li><a href="concept-slider.html">Concept Slider</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 2</a></li>
|
||||
<li><a href="double-exposure-effect.html">Double Exposure Effect</a></li>
|
||||
<li><a href="exploration-header.html">Exploration Header</a></li>
|
||||
<li><a href="film-strip.html">Film Strip Effect</a></li>
|
||||
<li><a href="fine-dining.html">Fine Dining</a></li>
|
||||
<li><a href="gravity-design.html">Gravity Design</a></li>
|
||||
<li><a href="happy-hollidays.html">Happy Hollidays</a></li>
|
||||
<li><a href="hero-sports.html">Hero Sports</a></li>
|
||||
<li><a href="inspiration-header.html">Inspiration Header</a></li>
|
||||
<li><a href="levano-slider.html">Levano Slider</a></li>
|
||||
<li><a href="magazine-posts.html">Magazine Posts</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 3</a></li>
|
||||
<li><a href="mask-showcase.html">Mask Showcase</a></li>
|
||||
<li><a href="mountain-parallax.html">Mountain Parallax</a></li>
|
||||
<li><a href="over-expousure.html">Over Exposure</a></li>
|
||||
<li><a href="panorama.html">Panorama</a></li>
|
||||
<li><a href="parallax-joy.html">Parallax Joy</a></li>
|
||||
<li><a href="parallax-zoom.html">Parallax Zoom</a></li>
|
||||
<li><a href="particle-effect-one.html">Particle Effect one</a></li>
|
||||
<li><a href="particle-effect-two.html">Particle Effect Two</a></li>
|
||||
<li><a href="particle-effect-three.html">Particle Effect Three</a></li>
|
||||
<li><a href="style-intro.html">Style Intro</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 4</a></li>
|
||||
<li><a href="reveal.html">Reveal</a></li>
|
||||
<li><a href="rock-band.html">Rock Band</a></li>
|
||||
<li><a href="scroll-effects.html">Scroll Effect</a></li>
|
||||
<li><a href="slider-gym.html">Slider Gym</a></li>
|
||||
<li><a href="slider-news.html">Slider News</a></li>
|
||||
<li><a href="sliding-overlays.html">Sliding Overlays</a></li>
|
||||
<li><a href="web-agency.html">Web Agency</a></li>
|
||||
<li><a href="web-product.html">Web Product</a></li>
|
||||
<li><a href="website-intro.html">Website Intro</a></li>
|
||||
<li><a href="youtube-hero.html">Youtube Hero</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">SHOP</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="#">CLASSIC</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../shop-full-width.html">Full width</a></li>
|
||||
<li><a href="../shop-left-sidebar.html">Left sidebar</a></li>
|
||||
<li><a href="../shop-right-sidebar.html">Right sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">PRODUCT DETAILS</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../product-full-width.html">Full width</a></li>
|
||||
<li><a href="../product-left-sidebar.html">Left sidebar</a></li>
|
||||
<li><a href="../product-right-sidebar.html">Right sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="../shopping-cart.html">SHOPING CART</a></li>
|
||||
<li><a href="../checkout.html">CHECKOUT</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">BLOG</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="#">CLASSIC</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../blog-full-width.html">Full width</a></li>
|
||||
<li><a href="../blog-left-sidebar.html">Left sidebar</a></li>
|
||||
<li><a href="../blog-right-sidebar.html">Right sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">GRID</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../blog-grid-one-column.html">One column</a></li>
|
||||
<li><a href="../blog-grid-two-column.html">Two column</a></li>
|
||||
<li><a href="../blog-grid-three-column.html">Three column</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">MASONRY</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../masonry-two-columns.html">Two Columns</a></li>
|
||||
<li><a href="../masonry-three-columns.html">Three Columns</a></li>
|
||||
<li><a href="../masonry-four-columns.html">Four Columns</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">BLOG SINGLE</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../blog-single-full-width.html">Blog Single Full Width</a></li>
|
||||
<li><a href="../blog-single-left-sidebar.html">Blog Single Left Sidebar</a></li>
|
||||
<li><a href="../blog-single-right-sidebar.html">Blog Single Right Sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<!-- MEGAMENU END -->
|
||||
|
||||
<div class="home-slider">
|
||||
<!-- SLIDER REVOLUTION START -->
|
||||
<section class="example">
|
||||
<article class="content">
|
||||
|
||||
<div id="rev_slider_16_1_wrapper" class="rev_slider_wrapper fullscreen-container"
|
||||
data-alias="404-error-page" data-source="gallery" style="background:transparent;padding:0px;">
|
||||
<!-- START REVOLUTION SLIDER 5.4.1 fullscreen mode -->
|
||||
<div id="rev_slider_16_1" class="rev_slider fullscreenbanner" style="display:none;"
|
||||
data-version="5.4.1">
|
||||
<ul>
|
||||
<!-- SLIDE -->
|
||||
<li data-index="rs-34" data-transition="fade" data-slotamount="default"
|
||||
data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default"
|
||||
data-easeout="default" data-masterspeed="300" data-rotate="0"
|
||||
data-saveperformance="off" data-title="Slide" data-param1="" data-param2=""
|
||||
data-param3="" data-param4="" data-param5="" data-param6="" data-param7=""
|
||||
data-param8="" data-param9="" data-param10="" data-description="">
|
||||
<!-- MAIN IMAGE -->
|
||||
<img src="../assets/images/galaxy.jpg" alt="" data-bgposition="center center"
|
||||
data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="off"
|
||||
class="rev-slidebg" data-no-retina>
|
||||
<!-- LAYERS -->
|
||||
|
||||
<!-- LAYER NR. 1 -->
|
||||
<div class="tp-caption tp-resizeme tp-imgopacity rs-parallaxlevel-1"
|
||||
id="slide-34-layer-3" data-x="['center','center','center','center']"
|
||||
data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']"
|
||||
data-voffset="['0','0','0','0']" data-width="full-proportional"
|
||||
data-height="full-proportional" data-whitespace="nowrap" data-type="image"
|
||||
data-basealign="slide" data-responsive_offset="on"
|
||||
data-frames='[{"delay":200,"speed":2000,"frame":"0","from":"sX:1;sY:1;opacity:0;fb:10px;","to":"o:1;fb:0px;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
|
||||
data-textAlign="['inherit','inherit','inherit','inherit']"
|
||||
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 5;opacity:0.5 !important;">
|
||||
<div class="rs-looped rs-slideloop" data-easing="Power1.easeInOut"
|
||||
data-speed="1" data-xs="-5" data-xe="5" data-ys="0" data-ye="0"><img
|
||||
src="../assets/images/galaxy.jpg" alt=""
|
||||
data-ww="['full-proportional','full-proportional','full-proportional','full-proportional']"
|
||||
data-hh="['full-proportional','full-proportional','full-proportional','full-proportional']"
|
||||
width="1920" height="1823" data-no-retina> </div>
|
||||
</div>
|
||||
|
||||
<!-- LAYER NR. 2 -->
|
||||
<div class="tp-caption tp-resizeme tp-imgopacity rs-parallaxlevel-2"
|
||||
id="slide-34-layer-5" data-x="['center','center','center','center']"
|
||||
data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']"
|
||||
data-voffset="['0','0','0','0']" data-width="full-proportional"
|
||||
data-height="full-proportional" data-whitespace="nowrap" data-type="image"
|
||||
data-basealign="slide" data-responsive_offset="on"
|
||||
data-frames='[{"delay":300,"speed":2000,"frame":"0","from":"sX:1;sY:1;opacity:0;fb:10px;","to":"o:1;fb:0px;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
|
||||
data-textAlign="['inherit','inherit','inherit','inherit']"
|
||||
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 6;opacity:0.5 !important;">
|
||||
<div class="rs-looped rs-slideloop" data-easing="Power1.easeInOut"
|
||||
data-speed="1" data-xs="0" data-xe="0" data-ys="-5" data-ye="5"><img
|
||||
src="../assets/images/galaxy.jpg" alt=""
|
||||
data-ww="['full-proportional','full-proportional','full-proportional','full-proportional']"
|
||||
data-hh="['full-proportional','full-proportional','full-proportional','full-proportional']"
|
||||
width="1920" height="1823" data-no-retina> </div>
|
||||
</div>
|
||||
|
||||
<!-- LAYER NR. 3 -->
|
||||
<div class="tp-caption tp-resizeme tp-imgopacity rs-parallaxlevel-3"
|
||||
id="slide-34-layer-7" data-x="['center','center','center','center']"
|
||||
data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']"
|
||||
data-voffset="['0','0','0','0']" data-width="full-proportional"
|
||||
data-height="full-proportional" data-whitespace="nowrap" data-type="image"
|
||||
data-basealign="slide" data-responsive_offset="on"
|
||||
data-frames='[{"delay":400,"speed":2000,"frame":"0","from":"sX:1;sY:1;opacity:0;fb:10px;","to":"o:1;fb:0px;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
|
||||
data-textAlign="['inherit','inherit','inherit','inherit']"
|
||||
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 7;opacity:0.5 !important;">
|
||||
<div class="rs-looped rs-wave" data-speed="10" data-angle="0" data-radius="15px"
|
||||
data-origin="50% 50%"><img src="../assets/images/galaxy.jpg" alt=""
|
||||
data-ww="['full-proportional','full-proportional','full-proportional','full-proportional']"
|
||||
data-hh="['full-proportional','full-proportional','full-proportional','full-proportional']"
|
||||
width="1920" height="1823" data-no-retina> </div>
|
||||
</div>
|
||||
|
||||
<!-- LAYER NR. 4 -->
|
||||
<div class="tp-caption rs-parallaxlevel-1" id="slide-34-layer-14"
|
||||
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
|
||||
data-y="['middle','middle','middle','middle']"
|
||||
data-voffset="['-67','-67','-47','-67']"
|
||||
data-fontsize="['250','250','200','150']"
|
||||
data-lineheight="['250','250','200','150']" data-width="none" data-height="none"
|
||||
data-whitespace="nowrap" data-type="text" data-responsive_offset="off"
|
||||
data-responsive="off"
|
||||
data-frames='[{"delay":800,"speed":2000,"frame":"0","from":"sX:2;opacity:0;fb:20px;","to":"o:1;fb:0;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
|
||||
data-textAlign="['center','center','center','center']"
|
||||
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 8; white-space: nowrap; font-size: 250px; line-height: 250px; font-weight: 700; color: rgba(255,0,255,1);font-family:Poppins;letter-spacing:-10px;">
|
||||
<div class="rs-looped rs-wave" data-speed="3" data-angle="0" data-radius="2px"
|
||||
data-origin="50% 50%">404 </div>
|
||||
</div>
|
||||
|
||||
<!-- LAYER NR. 5 -->
|
||||
<div class="tp-caption rs-parallaxlevel-1" id="slide-34-layer-13"
|
||||
data-x="['center','center','center','center']"
|
||||
data-hoffset="['-3','-3','-3','-3']"
|
||||
data-y="['middle','middle','middle','middle']"
|
||||
data-voffset="['-70','-70','-50','-70']"
|
||||
data-fontsize="['250','250','200','150']"
|
||||
data-lineheight="['250','250','200','150']" data-width="none" data-height="none"
|
||||
data-whitespace="nowrap" data-type="text" data-responsive_offset="off"
|
||||
data-responsive="off"
|
||||
data-frames='[{"delay":700,"speed":2000,"frame":"0","from":"sX:2;opacity:0;fb:20px;","to":"o:1;fb:0;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
|
||||
data-textAlign="['center','center','center','center']"
|
||||
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 9; white-space: nowrap; font-size: 250px; line-height: 250px; font-weight: 700; color: rgba(255,255,0,1);font-family:Poppins;letter-spacing:-10px;">
|
||||
<div class="rs-looped rs-wave" data-speed="3" data-angle="0" data-radius="2px"
|
||||
data-origin="50% 50%">404 </div>
|
||||
</div>
|
||||
|
||||
<!-- LAYER NR. 6 -->
|
||||
<div class="tp-caption rs-parallaxlevel-1" id="slide-34-layer-12"
|
||||
data-x="['center','center','center','center']" data-hoffset="['3','3','3','3']"
|
||||
data-y="['middle','middle','middle','middle']"
|
||||
data-voffset="['-70','-70','-50','-70']"
|
||||
data-fontsize="['250','250','200','150']"
|
||||
data-lineheight="['250','250','200','150']" data-width="none" data-height="none"
|
||||
data-whitespace="nowrap" data-type="text" data-responsive_offset="off"
|
||||
data-responsive="off"
|
||||
data-frames='[{"delay":600,"speed":2000,"frame":"0","from":"sX:2;opacity:0;fb:20px;","to":"o:1;fb:0;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
|
||||
data-textAlign="['center','center','center','center']"
|
||||
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 10; white-space: nowrap; font-size: 250px; line-height: 250px; font-weight: 700; color: rgba(0,255,255,1);font-family:Poppins;letter-spacing:-10px;">
|
||||
<div class="rs-looped rs-wave" data-speed="3" data-angle="0" data-radius="2px"
|
||||
data-origin="50% 50%">404 </div>
|
||||
</div>
|
||||
|
||||
<!-- LAYER NR. 7 -->
|
||||
<div class="tp-caption rs-parallaxlevel-1" id="slide-34-layer-11"
|
||||
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
|
||||
data-y="['middle','middle','middle','middle']"
|
||||
data-voffset="['-70','-70','-50','-70']"
|
||||
data-fontsize="['250','250','200','150']"
|
||||
data-lineheight="['250','250','200','150']" data-width="none" data-height="none"
|
||||
data-whitespace="nowrap" data-type="text" data-responsive_offset="off"
|
||||
data-responsive="off"
|
||||
data-frames='[{"delay":500,"speed":2000,"frame":"0","from":"sX:2;opacity:0;fb:20px;","to":"o:1;fb:0;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
|
||||
data-textAlign="['center','center','center','center']"
|
||||
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 11; white-space: nowrap; font-size: 250px; line-height: 250px; font-weight: 700; color: rgba(255,255,255,1);font-family:Poppins;letter-spacing:-10px;">
|
||||
404 </div>
|
||||
|
||||
<!-- LAYER NR. 8 -->
|
||||
<div class="tp-caption rs-parallaxlevel-1" id="slide-34-layer-2"
|
||||
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
|
||||
data-y="['middle','middle','middle','middle']"
|
||||
data-voffset="['55','55','65','15']" data-fontsize="['50','50','40','30']"
|
||||
data-lineheight="['50','50','40','30']" data-width="none" data-height="none"
|
||||
data-whitespace="nowrap" data-type="text" data-responsive_offset="off"
|
||||
data-responsive="off"
|
||||
data-frames='[{"delay":900,"speed":2000,"frame":"0","from":"sX:2;opacity:0;fb:20px;","to":"o:1;fb:0;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
|
||||
data-textAlign="['inherit','inherit','inherit','inherit']"
|
||||
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 12; white-space: nowrap; font-size: 50px; line-height: 50px; font-weight: 700; color: rgba(255,255,255,1);font-family:Poppins;">
|
||||
PAGE NOT FOUND </div>
|
||||
|
||||
<!-- LAYER NR. 9 -->
|
||||
<div class="tp-caption rs-parallaxlevel-1" id="slide-34-layer-9"
|
||||
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
|
||||
data-y="['middle','middle','middle','middle']"
|
||||
data-voffset="['160','160','150','80']" data-width="none" data-height="none"
|
||||
data-whitespace="nowrap" data-type="text" data-responsive_offset="off"
|
||||
data-responsive="off"
|
||||
data-frames='[{"delay":1000,"speed":2000,"frame":"0","from":"y:50px;opacity:0;fb:20px;","to":"o:1;fb:0;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
|
||||
data-textAlign="['inherit','inherit','inherit','inherit']"
|
||||
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 13; white-space: nowrap; font-size: 20px; line-height: 22px; font-weight: 400; color: rgba(255,255,255,1);font-family:Open Sans;">
|
||||
<form role="search" method="get" id="searchform" class="revtp-searchform"
|
||||
action="#"><input type="text" value="" name="s" id="s"
|
||||
placeholder="Try again..." /><input
|
||||
style="vertical-align: top; cursor: pointer" type="submit"
|
||||
id="searchsubmit" value="Find" /></form>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>
|
||||
</div>
|
||||
</div><!-- END REVOLUTION SLIDER -->
|
||||
|
||||
</article>
|
||||
</section>
|
||||
<!-- SLIDER REVOLUTION END -->
|
||||
</div>
|
||||
</header>
|
||||
<!-- HEADER END -->
|
||||
|
||||
<section>
|
||||
<div class="container mt-5 mb-5">
|
||||
<div class="row">
|
||||
<div class="col-lg-4">
|
||||
<div class="slider-feature-info">
|
||||
<h5 class="overtitle">404 Error</h5>
|
||||
<h2>SLIDER REVOLUTION</h2>
|
||||
<p>Including the powerful and stunning Slider Revolution is an innovative, responsive jQuery Slider Plugin that displays your content the beautiful way.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-8 spacing-md">
|
||||
<div class="row">
|
||||
<div class="col-md-6 top-col">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/levels.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">SLIDERS DIVERSITY</h5>
|
||||
<p>With more than 100 templates, it allows you to create almost any type of web pages.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 top-col">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/document.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">DOCUMENTATION</h5>
|
||||
<p>Complete and clear documentation for an easy and fast installation..</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 bottom-col-resp">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/device.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">RESPONSIVE DESIGN</h5>
|
||||
<p>Slider Revolution adapts to any device for a better visual experience..</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/support.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">PREMIUM SUPPORT</h5>
|
||||
<p>If you have any problems in the installation process, we are here to help you.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="rs-line">
|
||||
</div>
|
||||
|
||||
<div class="container rs-call-to-action mt-5 mb-5">
|
||||
<div class="row">
|
||||
<div class="col-lg-8">
|
||||
<div class="ca-left-side">
|
||||
<h3>Premium Multi-Purpose HTML5 Template</h3>
|
||||
<p>Let's develop your project with this impressive and powerful template that helps you
|
||||
create beautiful web pages. An original solution for any business..</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12 col-lg-4">
|
||||
<div class="ca-right-side flex-parent jc-center">
|
||||
<a class="tp-btn-primary" href="https://themeforest.net/item/merit-premium-multipurpose-html5-template/21866679" target="_blank">Purchase now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- FOOTER START -->
|
||||
<footer>
|
||||
<div class="container mt-5">
|
||||
<div class="top-footer">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 col-xl-7">
|
||||
<h3>Creative and affordable website solution</h3>
|
||||
<p>Build modern websites with this powefull Multi-Purpose Template.</p>
|
||||
</div>
|
||||
<div class="col-lg-12 col-xl-5">
|
||||
<div class="footer-btn">
|
||||
<a class="tp-btn-primary" href="https://themeforest.net/item/merit-premium-multipurpose-html5-template/21866679" target="_blank" role="button">Purchase now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="footer-line">
|
||||
<div class="center-footer">
|
||||
<div class="row">
|
||||
<div class="col-lg-5">
|
||||
<div class="footer-col footer-left-col">
|
||||
<figure class="site-footer-logo">
|
||||
<img src="../images/logos/logo.png" alt="">
|
||||
</figure>
|
||||
<p>Let's develop your project with this impressive and powerful template that helps you
|
||||
create beautiful web pages. An original solution for any business.</p>
|
||||
<ul class="footer-social">
|
||||
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-dribbble"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2">
|
||||
<div class="footer-col">
|
||||
<h5>Quick Links</h5>
|
||||
<ul class="quick-links">
|
||||
<li><a href="../index.html">Home</a></li>
|
||||
<li><a href="../services-style-1.html">Services</a></li>
|
||||
<li><a href="../blog-full-width.html">Blogs</a></li>
|
||||
<li><a href="../contact-style-1.html">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2">
|
||||
<div class="footer-col">
|
||||
<h5>About</h5>
|
||||
<ul class="quick-links">
|
||||
<li><a href="../profile-style-1.html">Profile</a></li>
|
||||
<li><a href="../team-style-1.html">Team</a></li>
|
||||
<li><a href="../careers-style-1.html">Careers</a></li>
|
||||
<li><a href="../faq.html">FAQ</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3">
|
||||
<div class="footer-col">
|
||||
<h5>Get in Touch</h5>
|
||||
<ul class="footer-contact">
|
||||
<li class="phone"><a href="tel:123-456-7890">+ 123-456-7890</a></li>
|
||||
<li class="email"><a href="mailto:info@merit.com">info@merit.com</a></li>
|
||||
<li>
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="fas fa-map-pin"></i>
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<p>7391 North Bay Meadows Circle New York, NY 10040.</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="footer-line">
|
||||
<div class="bottom-footer">
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<div class="footer-copyright">
|
||||
<p>© 2022 <a href="https://themeforest.net/item/merit-premium-multipurpose-html5-template/21866679" target="_blank">Merit Premium Template</a> all rights reserved.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<ul class="footer-terms">
|
||||
<li><a href="../terms.html">Terms</a></li>
|
||||
<li><a href="../privacy.html">Privacy</a></li>
|
||||
<li><a href="../contact-style-4.html">Support</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!-- FOOTER END -->
|
||||
|
||||
<!-- SCROLL TOP -->
|
||||
<a href="#0" class="cd-top">Top</a>
|
||||
|
||||
<!-- TEMPLATE MAIN JAVASCRIPT FILES -->
|
||||
<script src="../js/lib/jquery-3.6.0.min.js"></script>
|
||||
<script src="../js/lib/bootstrap.min.js"></script>
|
||||
<script src="../js/lib/plugins.js"></script>
|
||||
<script src="../js/lib/megamenu.js"></script>
|
||||
<script src="../js/lib/navigation.js"></script>
|
||||
<script src="../js/lib/navigation.fixed.min.js"></script>
|
||||
<script src="../js/main.js"></script>
|
||||
|
||||
<!-- REVOLUTION JS FILES -->
|
||||
<script src="../revolution/js/jquery.themepunch.tools.min.js"></script>
|
||||
<script src="../revolution/js/jquery.themepunch.revolution.min.js"></script>
|
||||
|
||||
<!-- SLIDER REVOLUTION 5.0 EXTENSIONS (Load Extensions only on Local File Systems ! The following part can be removed on Server for On Demand Loading) -->
|
||||
<script src="../revolution/js/extensions/revolution.extension.actions.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.carousel.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.migration.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.navigation.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.parallax.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.video.min.js"></script>
|
||||
|
||||
<!-- REQUIRE JS FOR SLIDER REVOLUTION -->
|
||||
<script>
|
||||
var tpj = jQuery;
|
||||
var revapi16;
|
||||
tpj(document).ready(function () {
|
||||
if (tpj("#rev_slider_16_1").revolution == undefined) {
|
||||
revslider_showDoubleJqueryError("#rev_slider_16_1");
|
||||
} else {
|
||||
revapi16 = tpj("#rev_slider_16_1").show().revolution({
|
||||
sliderType: "hero",
|
||||
jsFileLocation: "revolution/js/",
|
||||
sliderLayout: "fullscreen",
|
||||
dottedOverlay: "none",
|
||||
delay: 9000,
|
||||
particles: {
|
||||
startSlide: "first",
|
||||
endSlide: "last",
|
||||
zIndex: "8",
|
||||
particles: {
|
||||
number: {
|
||||
value: 200
|
||||
},
|
||||
color: {
|
||||
value: "#ffffff"
|
||||
},
|
||||
shape: {
|
||||
type: "circle",
|
||||
stroke: {
|
||||
width: 0,
|
||||
color: "#ffffff",
|
||||
opacity: 1
|
||||
},
|
||||
image: {
|
||||
src: ""
|
||||
}
|
||||
},
|
||||
opacity: {
|
||||
value: 1,
|
||||
random: true,
|
||||
min: 0.5,
|
||||
anim: {
|
||||
enable: true,
|
||||
speed: 1,
|
||||
opacity_min: 0,
|
||||
sync: false
|
||||
}
|
||||
},
|
||||
size: {
|
||||
value: 2,
|
||||
random: true,
|
||||
min: 0.5,
|
||||
anim: {
|
||||
enable: true,
|
||||
speed: 10,
|
||||
size_min: 1,
|
||||
sync: false
|
||||
}
|
||||
},
|
||||
line_linked: {
|
||||
enable: false,
|
||||
distance: 150,
|
||||
color: "#ffffff",
|
||||
opacity: 0.4,
|
||||
width: 1
|
||||
},
|
||||
move: {
|
||||
enable: true,
|
||||
speed: 1,
|
||||
direction: "none",
|
||||
random: false,
|
||||
min_speed: 1,
|
||||
straight: true,
|
||||
out_mode: "out"
|
||||
}
|
||||
},
|
||||
interactivity: {
|
||||
events: {
|
||||
onhover: {
|
||||
enable: true,
|
||||
mode: "bubble"
|
||||
},
|
||||
onclick: {
|
||||
enable: false,
|
||||
mode: "repulse"
|
||||
}
|
||||
},
|
||||
modes: {
|
||||
grab: {
|
||||
distance: 400,
|
||||
line_linked: {
|
||||
opacity: 0.5
|
||||
}
|
||||
},
|
||||
bubble: {
|
||||
distance: 400,
|
||||
size: 0,
|
||||
opacity: 1
|
||||
},
|
||||
repulse: {
|
||||
distance: 200
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
navigation: {},
|
||||
responsiveLevels: [1240, 1024, 778, 480],
|
||||
visibilityLevels: [1240, 1024, 778, 480],
|
||||
gridwidth: [1240, 1024, 778, 480],
|
||||
gridheight: [868, 768, 960, 720],
|
||||
lazyType: "none",
|
||||
parallax: {
|
||||
type: "mouse",
|
||||
origo: "slidercenter",
|
||||
speed: 2000,
|
||||
levels: [2, 4, 6, 4, 5, 30, 35, 40, 45, 46, 47, 48, 49, 50, 51, 55],
|
||||
},
|
||||
shadow: 0,
|
||||
spinner: "off",
|
||||
autoHeight: "off",
|
||||
fullScreenAutoWidth: "off",
|
||||
fullScreenAlignForce: "off",
|
||||
fullScreenOffsetContainer: "",
|
||||
fullScreenOffset: "60px",
|
||||
disableProgressBar: "on",
|
||||
hideThumbsOnMobile: "off",
|
||||
hideSliderAtLimit: 0,
|
||||
hideCaptionAtLimit: 0,
|
||||
hideAllCaptionAtLilmit: 0,
|
||||
debugMode: false,
|
||||
fallbacks: {
|
||||
simplifyAll: "off",
|
||||
disableFocusListener: false,
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// RsParticlesAddOn(revapi16);
|
||||
}); /*ready*/
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
|
||||
<!-- Mirrored from quickdevs.com/demo/merit/rev-sliders/404-error.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 29 Mar 2023 10:28:06 GMT -->
|
||||
</html>
|
||||
1340
public/sunsarioverseas/rev-sliders/agency-slider.html
Normal file
1340
public/sunsarioverseas/rev-sliders/agency-slider.html
Normal file
File diff suppressed because it is too large
Load Diff
858
public/sunsarioverseas/rev-sliders/blend-mode.html
Normal file
858
public/sunsarioverseas/rev-sliders/blend-mode.html
Normal file
@ -0,0 +1,858 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US" class="no-js">
|
||||
|
||||
|
||||
<!-- Mirrored from quickdevs.com/demo/merit/rev-sliders/blend-mode.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 29 Mar 2023 10:28:06 GMT -->
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
|
||||
<!-- TITLE -->
|
||||
<title>Blend Mode - Merit Premium Multi-Purpose HTML5 Template</title>
|
||||
|
||||
<!-- META TAGS -->
|
||||
<meta name="keywords" content="premium multi-Purpose, html template, multipurpose template, bootstrap template, niches, clean, modern, multipurpose, responsive">
|
||||
<meta name="description" content="Merit is a modern Multi-Purpose HTML Template any bussines.">
|
||||
|
||||
<!-- FAVICON -->
|
||||
<link rel="shortcut icon" href="../images/icons/favicon.png">
|
||||
|
||||
<!-- REVOLUTION ADDONS -->
|
||||
<link href="http://fonts.googleapis.com/css?family=Roboto%3A700%2C300" rel="stylesheet" property="stylesheet" type="text/css" media="all" />
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/fonts/pe-icon-7-stroke/css/pe-icon-7-stroke.css">
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/fonts/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!-- REVOLUTION STYLE SHEETS -->
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/css/settings.css">
|
||||
|
||||
<!-- REVOLUTION LAYERS STYLES -->
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/css/layers.css">
|
||||
|
||||
<!-- REVOLUTION NAVIGATION STYLES -->
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/css/navigation.css">
|
||||
|
||||
<!-- MAIN CSS STYLE SHEET -->
|
||||
<link rel="stylesheet" href="../css/main.css">
|
||||
<link rel="stylesheet" href="../css/stylesheet.css">
|
||||
<link rel="stylesheet" href="../css/responsive.css">
|
||||
|
||||
<!-- REVOLUTION CUSTOM CSS -->
|
||||
<link rel="stylesheet" href="../css/slider-revolution.css">
|
||||
|
||||
<!-- MODERNIZR LIBRARY -->
|
||||
<script src="../js/modernizr-custom.js"></script>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- PRELOADER START -->
|
||||
<div id="loader-wrapper">
|
||||
<div class="loader">
|
||||
<span class="loader-26"></span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- PRELOADER END -->
|
||||
|
||||
<!-- HEADER START -->
|
||||
<header>
|
||||
<!-- TOP HEADER START -->
|
||||
<div class="top-header">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<ul class="top-contact text-left">
|
||||
<li class="phone"><span class="tel-no"><a href="tel:123-456-7890"> +123-456-7890</a></span>
|
||||
</li>
|
||||
<li class="email"><a href="mailto:info@merit.com">info@merit.com</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-6 text-right">
|
||||
<div class="top-social">
|
||||
<ul class="social-list">
|
||||
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-dribbble"></i></a></li>
|
||||
<li>
|
||||
<!-- Button trigger modal -->
|
||||
<div class="center-element">
|
||||
<button type="button" class="btn btn-default" data-toggle="modal" data-target="#exampleModal2">Login</button>
|
||||
</div>
|
||||
|
||||
<!-- Modal -->
|
||||
<div class="modal fade custom-modal" id="exampleModal2" tabindex="-1" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content login-modal">
|
||||
<button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button>
|
||||
<div class="modal-body">
|
||||
<figure class="login-avatar">
|
||||
<img src="../images/icons/user-login-2.png" alt="">
|
||||
</figure>
|
||||
<h4>Merit</h4>
|
||||
<p>Welcome Back!</p>
|
||||
<div class="google-btn">
|
||||
<button type="submit" class="tp-btn-primary">
|
||||
<img class="tp-goole-icon" src="../images/icons/google-icon.png" alt="">
|
||||
Sign in with Google
|
||||
</button>
|
||||
</div>
|
||||
<p>Or</p>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<form>
|
||||
<div class="form-group">
|
||||
<input type="email" class="form-control login-fc" placeholder="Email or Username">
|
||||
</div>
|
||||
<div class="form-group mt-3">
|
||||
<input type="password" class="form-control login-fc" placeholder="Password">
|
||||
</div>
|
||||
<div class="login-options d-flex justify-content-between mt-3">
|
||||
<div class="have-account">
|
||||
<p><a href="#">Dont have an account?</a></p>
|
||||
</div>
|
||||
<div class="forgot-password">
|
||||
<p><a href="#">Forgot password?</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="login-btn">
|
||||
<button type="submit" class="tp-btn-primary">Login</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="top-line">
|
||||
</div>
|
||||
</div>
|
||||
<!-- TOP HEADER END -->
|
||||
|
||||
<!-- MEGAMENU START -->
|
||||
<div class="main-nav">
|
||||
<div class="container">
|
||||
<nav id="navigation1" class="navigation">
|
||||
<div class="nav-header">
|
||||
<a class="nav-logo" href="../index.html">
|
||||
<img src="../images/logos/logo.png" class="white-logo" alt="">
|
||||
<img src="../images/logos/logo-black.png" class="dark-logo" alt="">
|
||||
</a>
|
||||
<div class="nav-toggle"></div>
|
||||
</div>
|
||||
<div class="nav-menus-wrapper">
|
||||
<ul class="nav-menu align-to-right">
|
||||
<li><a href="#">HOME</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../1-agency.html">Agency</a></li>
|
||||
<li><a href="../2-beauty.html">Beauty</a></li>
|
||||
<li><a href="../3-construction.html">Construction</a></li>
|
||||
<li><a href="../4-corporate.html">Corporate</a></li>
|
||||
<li><a href="../5-courier.html">Courier</a></li>
|
||||
<li><a href="../6-dealer.html">Dealer</a></li>
|
||||
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../7-dental.html">Dental</a></li>
|
||||
<li><a href="../8-education.html">Education</a></li>
|
||||
<li><a href="../9-gym.html">Gym</a></li>
|
||||
<li><a href="../10-hotel.html">Hotel</a></li>
|
||||
<li><a href="../11-medical.html">Medical</a></li>
|
||||
<li><a href="../12-restaurant.html">Restaurant</a></li>
|
||||
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../13-charity.html">Charity</a></li>
|
||||
<li><a href="../14-cleaning.html">Cleaning</a></li>
|
||||
<li><a href="../15-finance.html">Finance</a></li>
|
||||
<li><a href="../16-industrial.html">Industrial</a></li>
|
||||
<li><a href="../17-hosting.html">Hosting</a></li>
|
||||
<li><a href="../18-portfolio.html">Portfolio</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../19-organic.html">Organic</a></li>
|
||||
<li><a href="../20-farm.html">Farm</a></li>
|
||||
<li><a href="../21-yoga.html">Yoga</a></li>
|
||||
<li><a href="../22-travel.html">Travel</a></li>
|
||||
<li><a href="../23-lawyer.html">Lawyer</a></li>
|
||||
<li><a href="../24-fitness.html">Fitness</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">PAGES</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../about-style-1.html">About Us</a></li>
|
||||
<li><a href="../about-style-2.html">About Me</a></li>
|
||||
<li><a href="../about-style-3.html">About Us - ALT 2</a></li>
|
||||
<li><a href="../about-style-4.html">About Us - ALT 3</a></li>
|
||||
<li><a href="../careers-style-1.html">Careers</a></li>
|
||||
<li><a href="../careers-style-2.html">Careers - ALT 2</a></li>
|
||||
<li><a href="../careers-style-3.html">Careers - ALT 3</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../services-style-1.html">Services</a></li>
|
||||
<li><a href="../services-style-2.html">Services - ALT 2</a></li>
|
||||
<li><a href="../services-style-3.html">Services - ALT 3</a></li>
|
||||
<li><a href="../services-style-4.html">Services - ALT 4</a></li>
|
||||
<li><a href="../profile-style-1.html">Profile</a></li>
|
||||
<li><a href="../profile-style-2.html">Profile - ALT 2</a></li>
|
||||
<li><a href="../profile-style-3.html">Profile - ALT 3</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../contact-style-1.html">Contact Us </a></li>
|
||||
<li><a href="../contact-style-2.html">Contact Us - ALT 2</a></li>
|
||||
<li><a href="../contact-style-3.html">Contact Us - ALT 3</a></li>
|
||||
<li><a href="../contact-style-4.html">Contact Us - ALT 4</a></li>
|
||||
<li><a href="../team-style-1.html">Our Team</a></li>
|
||||
<li><a href="../team-style-2.html">Our Team - ALT 2</a></li>
|
||||
<li><a href="../team-style-3.html">Our Team - ALT 3</a></li>
|
||||
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../coming-soon-style-1.html">Coming Soon</a></li>
|
||||
<li><a href="../coming-soon-style-2.html">Coming Soon - ALT 2</a></li>
|
||||
<li><a href="../404-error-style-1.html">404 Page</a></li>
|
||||
<li><a href="../404-error-style-2.html">404 Page - ALT 2</a></li>
|
||||
<li><a href="../login-register-style-1.html">Login / Register</a></li>
|
||||
<li><a href="../faq.html">Faq</a></li>
|
||||
<li><a href="../faq-alt.html">Faq - ALT</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">ELEMENTS</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 1</a></li>
|
||||
<li><a href="../elements/accordions.html"><i class="fas fa-plus-square"></i> Accordions</a></li>
|
||||
<li><a href="../elements/alerts.html"><i class="fas fa-exclamation-circle"></i> Alerts</a></li>
|
||||
<li><a href="../elements/animations.html"><i class="fas fa-exchange-alt"></i> Animations</a></li>
|
||||
<li><a href="../elements/blockquotes.html"><i class="fas fa-quote-left"></i> Blockquotes</a></li>
|
||||
<li><a href="../elements/breadcrumbs.html"><i class="fas fa-share"></i> Breadcrumbs</a></li>
|
||||
<li><a href="../elements/buttons.html"><i class="fas fa-square"></i> Buttons</a></li>
|
||||
<li><a href="../elements/call-to-action.html"><i class="fas fa-bullhorn"></i> Call to Action</a></li>
|
||||
<li><a href="../elements/charts.html"><i class="fas fa-circle-notch"></i> Charts</a></li>
|
||||
<li><a href="../elements/content-boxes.html"><i class="fas fa-th-large"></i> Content Boxes</a></li>
|
||||
<li><a href="../elements/counters.html"><i class="fas fa-bullseye"></i> Counters</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 2</a></li>
|
||||
<li><a href="../elements/customers.html"><i class="fas fa-user-circle"></i> Customer</a></li>
|
||||
<li><a href="../elements/dropcaps.html"><i class="fas fa-font"></i> Dropcaps</a></li>
|
||||
<li><a href="../elements/flip-boxes.html"><i class="fas fa-sync-alt"></i> Flip Box</a></li>
|
||||
<li><a href="../elements/google-maps.html"><i class="fas fa-map"></i> Google Maps</a></li>
|
||||
<li><a href="../elements/grid-boxes.html"><i class="fas fa-th"></i> Grid Boxes</a></li>
|
||||
<li><a href="../elements/icon-boxes.html"><i class="fas fa-th-large"></i> Icon Boxes</a></li>
|
||||
<li><a href="../elements/icon-circle.html"><i class="far fa-circle"></i> Icon Circle</a></li>
|
||||
<li><a href="../elements/image-gallery.html"><i class="fas fa-expand"></i> Image Gallery</a></li>
|
||||
<li><a href="../elements/images.html"><i class="far fa-image"></i> Images</a></li>
|
||||
<li><a href="../elements/image-hover.html"><i class="fas fa-object-ungroup" aria-hidden="true"></i> Image Hover</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 3</a></li>
|
||||
<li><a href="../elements/lightbox.html"><i class="fas fa-lightbulb"></i> LightBox</a></li>
|
||||
<li><a href="../elements/modal-popup.html"><i class="fas fa-search-plus"></i> Modal Popup</a></li>
|
||||
<li><a href="../elements/pagination.html"><i class="fas fa-angle-double-right"></i> Pagination</a></li>
|
||||
<li><a href="../elements/parallax.html"><i class="fas fa-random"></i> Parallax</a></li>
|
||||
<li><a href="../elements/pricing-table.html"><i class="fas fa-table"></i> Pricing Tables</a></li>
|
||||
<li><a href="../elements/process-steps.html"><i class="fas fa-arrow-right"></i> Process Steps</a></li>
|
||||
<li><a href="../elements/profile-cards.html"><i class="fas fa-address-card"></i> Profile Cards</a></li>
|
||||
<li><a href="../elements/progress-bar.html"><i class="fas fa-tasks"></i> Progress Bar</a></li>
|
||||
<li><a href="../elements/recent-posts.html"><i class="fas fa-newspaper"></i> Recent Posts</a></li>
|
||||
<li><a href="../elements/section-styles.html"><i class="fas fa-outdent"></i> Section Styles</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 4</a></li>
|
||||
<li><a href="../elements/separators.html"><i class="fas fa-minus"></i> Separators</a></li>
|
||||
<li><a href="../elements/shop-banners.html"><i class="fas fa-language"></i> Shop Banners</a></li>
|
||||
<li><a href="../elements/social-icons.html"><i class="fab fa-twitter"></i> Social Icons</a></li>
|
||||
<li><a href="../elements/tables.html"><i class="fas fa-table"></i> Tables</a></li>
|
||||
<li><a href="../elements/tabs.html"><i class="fas fa-window-maximize"></i> Tabs</a></li>
|
||||
<li><a href="../elements/team.html"><i class="fas fa-users"></i> Team</a></li>
|
||||
<li><a href="../elements/testimonials.html"><i class="fas fa-edit"></i> Testimonials</a></li>
|
||||
<li><a href="../elements/timeline.html"><i class="fas fa-arrow-down"></i> Timeline</a></li>
|
||||
<li><a href="../elements/videos.html"><i class="fas fa-video"></i> Videos & Audio</a></li>
|
||||
<li><a href="../elements/video-background.html"><i class="fas fa-photo-video"></i> Video Background</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">SLIDERS</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 1</a></li>
|
||||
<li><a href="3d-parallax-scenes.html">3D Parallax Scenes</a></li>
|
||||
<li><a href="404-error.html">404 Error</a></li>
|
||||
<li><a href="agency-slider.html">Agency Slider</a></li>
|
||||
<li><a href="blend-mode.html">Blend Mode</a></li>
|
||||
<li><a href="blur-effect.html">Blur Effect</a></li>
|
||||
<li><a href="car-dealer.html">Car Dealer</a></li>
|
||||
<li><a href="carousel-gallery.html">Carousel Gallery</a></li>
|
||||
<li><a href="classic-carousel.html">Classic Carousel</a></li>
|
||||
<li><a href="coming-soon.html">Coming soon</a></li>
|
||||
<li><a href="concept-slider.html">Concept Slider</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 2</a></li>
|
||||
<li><a href="double-exposure-effect.html">Double Exposure Effect</a></li>
|
||||
<li><a href="exploration-header.html">Exploration Header</a></li>
|
||||
<li><a href="film-strip.html">Film Strip Effect</a></li>
|
||||
<li><a href="fine-dining.html">Fine Dining</a></li>
|
||||
<li><a href="gravity-design.html">Gravity Design</a></li>
|
||||
<li><a href="happy-hollidays.html">Happy Hollidays</a></li>
|
||||
<li><a href="hero-sports.html">Hero Sports</a></li>
|
||||
<li><a href="inspiration-header.html">Inspiration Header</a></li>
|
||||
<li><a href="levano-slider.html">Levano Slider</a></li>
|
||||
<li><a href="magazine-posts.html">Magazine Posts</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 3</a></li>
|
||||
<li><a href="mask-showcase.html">Mask Showcase</a></li>
|
||||
<li><a href="mountain-parallax.html">Mountain Parallax</a></li>
|
||||
<li><a href="over-expousure.html">Over Exposure</a></li>
|
||||
<li><a href="panorama.html">Panorama</a></li>
|
||||
<li><a href="parallax-joy.html">Parallax Joy</a></li>
|
||||
<li><a href="parallax-zoom.html">Parallax Zoom</a></li>
|
||||
<li><a href="particle-effect-one.html">Particle Effect one</a></li>
|
||||
<li><a href="particle-effect-two.html">Particle Effect Two</a></li>
|
||||
<li><a href="particle-effect-three.html">Particle Effect Three</a></li>
|
||||
<li><a href="style-intro.html">Style Intro</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 4</a></li>
|
||||
<li><a href="reveal.html">Reveal</a></li>
|
||||
<li><a href="rock-band.html">Rock Band</a></li>
|
||||
<li><a href="scroll-effects.html">Scroll Effect</a></li>
|
||||
<li><a href="slider-gym.html">Slider Gym</a></li>
|
||||
<li><a href="slider-news.html">Slider News</a></li>
|
||||
<li><a href="sliding-overlays.html">Sliding Overlays</a></li>
|
||||
<li><a href="web-agency.html">Web Agency</a></li>
|
||||
<li><a href="web-product.html">Web Product</a></li>
|
||||
<li><a href="website-intro.html">Website Intro</a></li>
|
||||
<li><a href="youtube-hero.html">Youtube Hero</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">SHOP</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="#">CLASSIC</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../shop-full-width.html">Full width</a></li>
|
||||
<li><a href="../shop-left-sidebar.html">Left sidebar</a></li>
|
||||
<li><a href="../shop-right-sidebar.html">Right sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">PRODUCT DETAILS</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../product-full-width.html">Full width</a></li>
|
||||
<li><a href="../product-left-sidebar.html">Left sidebar</a></li>
|
||||
<li><a href="../product-right-sidebar.html">Right sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="../shopping-cart.html">SHOPING CART</a></li>
|
||||
<li><a href="../checkout.html">CHECKOUT</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">BLOG</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="#">CLASSIC</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../blog-full-width.html">Full width</a></li>
|
||||
<li><a href="../blog-left-sidebar.html">Left sidebar</a></li>
|
||||
<li><a href="../blog-right-sidebar.html">Right sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">GRID</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../blog-grid-one-column.html">One column</a></li>
|
||||
<li><a href="../blog-grid-two-column.html">Two column</a></li>
|
||||
<li><a href="../blog-grid-three-column.html">Three column</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">MASONRY</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../masonry-two-columns.html">Two Columns</a></li>
|
||||
<li><a href="../masonry-three-columns.html">Three Columns</a></li>
|
||||
<li><a href="../masonry-four-columns.html">Four Columns</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">BLOG SINGLE</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../blog-single-full-width.html">Blog Single Full Width</a></li>
|
||||
<li><a href="../blog-single-left-sidebar.html">Blog Single Left Sidebar</a></li>
|
||||
<li><a href="../blog-single-right-sidebar.html">Blog Single Right Sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<!-- MEGAMENU END -->
|
||||
|
||||
<div class="home-slider">
|
||||
<!-- SLIDER REVOLUTION START -->
|
||||
<section class="example">
|
||||
<article class="content">
|
||||
<div id="rev_slider_1163_1_wrapper" class="rev_slider_wrapper fullscreen-container" data-alias="blendmode-header" data-source="gallery" style="background-color:transparent;padding:0px;">
|
||||
<!-- START REVOLUTION SLIDER 5.4.1 fullscreen mode -->
|
||||
<div id="rev_slider_1163_1" class="rev_slider fullscreenbanner" style="display:none;" data-version="5.4.1">
|
||||
<ul> <!-- SLIDE -->
|
||||
<li data-index="rs-3203" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="300" data-delay="9000" data-rotate="0" data-saveperformance="off" data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
|
||||
<!-- MAIN IMAGE -->
|
||||
<img src="../assets/images/To-The-Left.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgparallax="5" class="rev-slidebg" data-no-retina>
|
||||
<!-- LAYERS -->
|
||||
|
||||
<!-- BACKGROUND VIDEO LAYER -->
|
||||
<div class="rs-background-video-layer"
|
||||
data-forcerewind="on"
|
||||
data-volume="mute"
|
||||
data-videowidth="100%"
|
||||
data-videoheight="100%"
|
||||
data-videomp4="../assets/videos/To-The-Left.mp4"
|
||||
data-videopreload="auto"
|
||||
data-videoloop="loop"
|
||||
data-forceCover="1"
|
||||
data-aspectratio="16:9"
|
||||
data-autoplay="true"
|
||||
data-autoplayonlyfirsttime="false"
|
||||
></div>
|
||||
<!-- LAYER NR. 1 -->
|
||||
<div class="tp-caption tp-shape tp-shapewrapper "
|
||||
id="slide-3203-layer-18"
|
||||
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
|
||||
data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
|
||||
data-width="full"
|
||||
data-height="full"
|
||||
data-whitespace="nowrap"
|
||||
|
||||
data-type="shape"
|
||||
data-actions=''
|
||||
data-basealign="slide"
|
||||
data-responsive_offset="off"
|
||||
data-responsive="off"
|
||||
data-frames='[{"delay":0,"speed":1000,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power2.easeInOut"},{"delay":"bytrigger","speed":1000,"frame":"999","to":"opacity:0;","ease":"Power2.easeInOut"}]'
|
||||
data-textAlign="['inherit','inherit','inherit','inherit']"
|
||||
data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
data-blendmode="lighten"
|
||||
data-lasttriggerstate="reset"
|
||||
style="z-index: 5;background-color:rgba(124, 211, 255, 0.90);border-color:rgba(0, 0, 0, 0);"> </div>
|
||||
|
||||
<!-- LAYER NR. 2 -->
|
||||
<div class="tp-caption tp-resizeme tp-svg-layer"
|
||||
id="slide-3203-layer-19"
|
||||
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
|
||||
data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
|
||||
data-width="['600','600','500','400']"
|
||||
data-height="['600','600','500','400']"
|
||||
data-whitespace="nowrap"
|
||||
|
||||
data-type="svg"
|
||||
data-svg_src="../assets/images/ic_layers_24px.svg"
|
||||
data-svg_idle="sc:transparent;sw:0;sda:0;sdo:0;"
|
||||
data-responsive_offset="on"
|
||||
|
||||
data-frames='[{"delay":1000,"speed":2000,"frame":"0","from":"x:0;y:0;z:0;rX:0;rY:0;rZ:0;sX:0.8;sY:0.8;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power4.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
|
||||
data-textAlign="['inherit','inherit','inherit','inherit']"
|
||||
data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
data-blendmode="overlay"
|
||||
|
||||
style="z-index: 6; min-width: 600px; max-width: 600px; max-width: 600px; max-width: 600px; color: rgba(255, 255, 255, 0.20);"> </div>
|
||||
|
||||
<!-- LAYER NR. 3 -->
|
||||
<div class="tp-caption tp-shape tp-shapewrapper "
|
||||
id="slide-3203-layer-16"
|
||||
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
|
||||
data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
|
||||
data-width="full"
|
||||
data-height="full"
|
||||
data-whitespace="nowrap"
|
||||
|
||||
data-type="shape"
|
||||
data-basealign="slide"
|
||||
data-responsive_offset="off"
|
||||
data-responsive="off"
|
||||
data-frames='[{"delay":"bytrigger","speed":1000,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power2.easeInOut"},{"delay":"bytrigger","speed":1000,"frame":"999","to":"opacity:0;","ease":"Power2.easeInOut"}]'
|
||||
data-textAlign="['inherit','inherit','inherit','inherit']"
|
||||
data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
data-blendmode="lighten"
|
||||
data-lasttriggerstate="reset"
|
||||
style="z-index: 7;background-color:rgba(156, 139, 255, 0.90);border-color:rgba(0, 0, 0, 0);"> </div>
|
||||
|
||||
<!-- LAYER NR. 4 -->
|
||||
<div class="tp-caption "
|
||||
id="slide-3203-layer-1"
|
||||
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
|
||||
data-y="['middle','middle','middle','middle']" data-voffset="['-120','-120','-100','-90']"
|
||||
data-fontsize="['180','180','150','100']"
|
||||
data-lineheight="['180','180','150','100']"
|
||||
data-width="['640','480','480','320']"
|
||||
data-height="none"
|
||||
data-whitespace="normal"
|
||||
|
||||
data-type="text"
|
||||
data-responsive_offset="off"
|
||||
data-responsive="off"
|
||||
data-frames='[{"delay":1000,"speed":2000,"frame":"0","from":"z:0;rX:0;rY:0;rZ:0;sX:1.3;sY:1.3;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power2.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
|
||||
data-textAlign="['center','center','center','center']"
|
||||
data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[50,48,40,25]"
|
||||
data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
data-blendmode="overlay"
|
||||
|
||||
style="z-index: 8; min-width: 640px; max-width: 640px; white-space: normal; font-size: 180px; line-height: 180px; font-weight: 400; color: rgba(0, 0, 0, 1.00);font-family:Yellowtail;letter-spacing:-5px;">Rvsldr </div>
|
||||
|
||||
<!-- LAYER NR. 5 -->
|
||||
<div class="tp-caption "
|
||||
id="slide-3203-layer-2"
|
||||
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
|
||||
data-y="['middle','middle','middle','middle']" data-voffset="['-20','-20','-12','-21']"
|
||||
data-fontsize="['20','20','17','17']"
|
||||
data-lineheight="['20','20','17','17']"
|
||||
data-width="['480','480','480','320']"
|
||||
data-height="none"
|
||||
data-whitespace="normal"
|
||||
|
||||
data-type="text"
|
||||
data-responsive_offset="off"
|
||||
data-responsive="off"
|
||||
data-frames='[{"delay":1200,"speed":1000,"frame":"0","from":"y:20px;opacity:0;","to":"o:1;","ease":"Power2.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
|
||||
data-textAlign="['center','center','center','center']"
|
||||
data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
data-blendmode="overlay"
|
||||
|
||||
style="z-index: 9; min-width: 480px; max-width: 480px; white-space: normal; font-size: 20px; line-height: 20px; font-weight: 700; color: rgba(255, 255, 255, 1.00);font-family:Montserrat;letter-spacing:3px;">USABILITY & STUNNING EFFECTS </div>
|
||||
|
||||
<!-- LAYER NR. 6 -->
|
||||
<div class="tp-caption rev-btn "
|
||||
id="slide-3203-layer-4"
|
||||
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
|
||||
data-y="['middle','middle','middle','middle']" data-voffset="['80','80','87','71']"
|
||||
data-lineheight="['60','60','60','50']"
|
||||
data-width="none"
|
||||
data-height="none"
|
||||
data-whitespace="nowrap"
|
||||
|
||||
data-type="button"
|
||||
data-actions='[{"event":"mouseenter","action":"stoplayer","layer":"slide-3203-layer-18","delay":""},{"event":"mouseenter","action":"startlayer","layer":"slide-3203-layer-16","delay":""},{"event":"mouseleave","action":"startlayer","layer":"slide-3203-layer-18","delay":""},{"event":"mouseleave","action":"stoplayer","layer":"slide-3203-layer-16","delay":""},{"event":"click","action":"scrollbelow","offset":"px","delay":""}]'
|
||||
data-responsive_offset="off"
|
||||
data-responsive="off"
|
||||
data-frames='[{"delay":1500,"speed":1000,"frame":"0","from":"y:50px;opacity:0;","to":"o:1;","ease":"Power2.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"1000","ease":"Power2.easeInOut","force":true,"to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(255, 255, 255, 1.00);bg:rgba(0, 0, 0, 1.00);bc:rgba(255, 255, 255, 0);"}]'
|
||||
data-textAlign="['inherit','inherit','inherit','inherit']"
|
||||
data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[50,50,50,30]"
|
||||
data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[50,50,50,30]"
|
||||
data-blendmode="overlay"
|
||||
|
||||
style="z-index: 10; white-space: nowrap; font-size: 13px; line-height: 60px; font-weight: 700; color: rgba(255, 255, 255, 1.00);font-family:Montserrat;background-color:rgba(255, 255, 255, 0);border-color:rgba(255, 255, 255, 0.50);border-style:solid;border-width:2px 2px 2px 2px;border-radius:5px 5px 5px 5px;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;letter-spacing:2px;cursor:pointer;">I WANT TO LEARN MORE </div>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div> </div>
|
||||
</div>
|
||||
</article>
|
||||
</section>
|
||||
<!-- SLIDER REVOLUTION END -->
|
||||
</div>
|
||||
</header>
|
||||
<!-- HEADER END -->
|
||||
|
||||
<section>
|
||||
<div class="container mt-5 mb-5">
|
||||
<div class="row">
|
||||
<div class="col-lg-4">
|
||||
<div class="slider-feature-info">
|
||||
<h5 class="overtitle">Blend Mode</h5>
|
||||
<h2>SLIDER REVOLUTION</h2>
|
||||
<p>Including the powerful and stunning Slider Revolution is an innovative, responsive jQuery Slider Plugin that displays your content the beautiful way.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-8 spacing-md">
|
||||
<div class="row">
|
||||
<div class="col-md-6 top-col">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/levels.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">SLIDERS DIVERSITY</h5>
|
||||
<p>With more than 100 templates, it allows you to create almost any type of web pages.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 top-col">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/document.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">DOCUMENTATION</h5>
|
||||
<p>Complete and clear documentation for an easy and fast installation..</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 bottom-col-resp">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/device.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">RESPONSIVE DESIGN</h5>
|
||||
<p>Slider Revolution adapts to any device for a better visual experience..</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/support.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">PREMIUM SUPPORT</h5>
|
||||
<p>If you have any problems in the installation process, we are here to help you.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="rs-line">
|
||||
</div>
|
||||
|
||||
<div class="container rs-call-to-action mt-5 mb-5">
|
||||
<div class="row">
|
||||
<div class="col-lg-8">
|
||||
<div class="ca-left-side">
|
||||
<h3>Premium Multi-Purpose HTML5 Template</h3>
|
||||
<p>Let's develop your project with this impressive and powerful template that helps you
|
||||
create beautiful web pages. An original solution for any business..</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12 col-lg-4">
|
||||
<div class="ca-right-side flex-parent jc-center">
|
||||
<a class="tp-btn-primary" href="https://themeforest.net/item/merit-premium-multipurpose-html5-template/21866679" target="_blank">Purchase now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- FOOTER START -->
|
||||
<footer>
|
||||
<div class="container mt-5">
|
||||
<div class="top-footer">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 col-xl-7">
|
||||
<h3>Creative and affordable website solution</h3>
|
||||
<p>Build modern websites with this powefull Multi-Purpose Template.</p>
|
||||
</div>
|
||||
<div class="col-lg-12 col-xl-5">
|
||||
<div class="footer-btn">
|
||||
<a class="tp-btn-primary" href="https://themeforest.net/item/merit-premium-multipurpose-html5-template/21866679" target="_blank" role="button">Purchase now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="footer-line">
|
||||
<div class="center-footer">
|
||||
<div class="row">
|
||||
<div class="col-lg-5">
|
||||
<div class="footer-col footer-left-col">
|
||||
<figure class="site-footer-logo">
|
||||
<img src="../images/logos/logo.png" alt="">
|
||||
</figure>
|
||||
<p>Let's develop your project with this impressive and powerful template that helps you
|
||||
create beautiful web pages. An original solution for any business.</p>
|
||||
<ul class="footer-social">
|
||||
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-dribbble"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2">
|
||||
<div class="footer-col">
|
||||
<h5>Quick Links</h5>
|
||||
<ul class="quick-links">
|
||||
<li><a href="../index.html">Home</a></li>
|
||||
<li><a href="../services-style-1.html">Services</a></li>
|
||||
<li><a href="../blog-full-width.html">Blogs</a></li>
|
||||
<li><a href="../contact-style-1.html">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2">
|
||||
<div class="footer-col">
|
||||
<h5>About</h5>
|
||||
<ul class="quick-links">
|
||||
<li><a href="../profile-style-1.html">Profile</a></li>
|
||||
<li><a href="../team-style-1.html">Team</a></li>
|
||||
<li><a href="../careers-style-1.html">Careers</a></li>
|
||||
<li><a href="../faq.html">FAQ</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3">
|
||||
<div class="footer-col">
|
||||
<h5>Get in Touch</h5>
|
||||
<ul class="footer-contact">
|
||||
<li class="phone"><a href="tel:123-456-7890">+ 123-456-7890</a></li>
|
||||
<li class="email"><a href="mailto:info@merit.com">info@merit.com</a></li>
|
||||
<li>
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="fas fa-map-pin"></i>
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<p>7391 North Bay Meadows Circle New York, NY 10040.</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="footer-line">
|
||||
<div class="bottom-footer">
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<div class="footer-copyright">
|
||||
<p>© 2022 <a href="https://themeforest.net/item/merit-premium-multipurpose-html5-template/21866679" target="_blank">Merit Premium Template</a> all rights reserved.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<ul class="footer-terms">
|
||||
<li><a href="../terms.html">Terms</a></li>
|
||||
<li><a href="../privacy.html">Privacy</a></li>
|
||||
<li><a href="../contact-style-4.html">Support</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!-- FOOTER END -->
|
||||
|
||||
<!-- SCROLL TOP -->
|
||||
<a href="#0" class="cd-top">Top</a>
|
||||
|
||||
<!-- TEMPLATE MAIN JAVASCRIPT FILES -->
|
||||
<script src="../js/lib/jquery-3.6.0.min.js"></script>
|
||||
<script src="../js/lib/bootstrap.min.js"></script>
|
||||
<script src="../js/lib/plugins.js"></script>
|
||||
<script src="../js/lib/megamenu.js"></script>
|
||||
<script src="../js/lib/navigation.js"></script>
|
||||
<script src="../js/lib/navigation.fixed.min.js"></script>
|
||||
<script src="../js/main.js"></script>
|
||||
|
||||
<!-- REVOLUTION JS FILES -->
|
||||
<script src="../revolution/js/jquery.themepunch.tools.min.js"></script>
|
||||
<script src="../revolution/js/jquery.themepunch.revolution.min.js"></script>
|
||||
|
||||
<!-- SLIDER REVOLUTION 5.0 EXTENSIONS (Load Extensions only on Local File Systems ! The following part can be removed on Server for On Demand Loading) -->
|
||||
<script src="../revolution/js/extensions/revolution.extension.actions.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.carousel.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.migration.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.navigation.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.parallax.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.video.min.js"></script>
|
||||
|
||||
<!-- REQUIRE JS FOR SLIDER REVOLUTION -->
|
||||
<script type="text/javascript">
|
||||
var tpj = jQuery;
|
||||
|
||||
var revapi1163;
|
||||
tpj(document).ready(function () {
|
||||
if (tpj("#rev_slider_1163_1").revolution == undefined) {
|
||||
revslider_showDoubleJqueryError("#rev_slider_1163_1");
|
||||
} else {
|
||||
revapi1163 = tpj("#rev_slider_1163_1").show().revolution({
|
||||
sliderType: "standard",
|
||||
jsFileLocation: "revolution/js/",
|
||||
sliderLayout: "fullscreen",
|
||||
dottedOverlay: "none",
|
||||
delay: 9000,
|
||||
navigation: {
|
||||
onHoverStop: "off",
|
||||
},
|
||||
responsiveLevels: [1240, 1024, 778, 480],
|
||||
visibilityLevels: [1240, 1024, 778, 480],
|
||||
gridwidth: [1240, 1024, 778, 480],
|
||||
gridheight: [1000, 900, 960, 720],
|
||||
lazyType: "none",
|
||||
parallax: {
|
||||
type: "scroll",
|
||||
origo: "slidercenter",
|
||||
speed: 400,
|
||||
levels: [5, 10, 15, 20, 25, 30, 50, 60, -5, -10, -15, -20, -25, -30, -35, 55],
|
||||
type: "scroll",
|
||||
},
|
||||
shadow: 0,
|
||||
spinner: "off",
|
||||
stopLoop: "on",
|
||||
stopAfterLoops: 0,
|
||||
stopAtSlide: 1,
|
||||
shuffle: "off",
|
||||
autoHeight: "off",
|
||||
fullScreenAutoWidth: "off",
|
||||
fullScreenAlignForce: "off",
|
||||
fullScreenOffsetContainer: "",
|
||||
fullScreenOffset: "60px",
|
||||
disableProgressBar: "on",
|
||||
hideThumbsOnMobile: "off",
|
||||
hideSliderAtLimit: 0,
|
||||
hideCaptionAtLimit: 0,
|
||||
hideAllCaptionAtLilmit: 0,
|
||||
debugMode: false,
|
||||
fallbacks: {
|
||||
simplifyAll: "off",
|
||||
nextSlideOnWindowFocus: "off",
|
||||
disableFocusListener: false,
|
||||
}
|
||||
});
|
||||
}
|
||||
}); /*ready*/
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
|
||||
<!-- Mirrored from quickdevs.com/demo/merit/rev-sliders/blend-mode.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 29 Mar 2023 10:28:40 GMT -->
|
||||
</html>
|
||||
1707
public/sunsarioverseas/rev-sliders/blur-effect.html
Normal file
1707
public/sunsarioverseas/rev-sliders/blur-effect.html
Normal file
File diff suppressed because it is too large
Load Diff
985
public/sunsarioverseas/rev-sliders/car-dealer.html
Normal file
985
public/sunsarioverseas/rev-sliders/car-dealer.html
Normal file
@ -0,0 +1,985 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US" class="no-js">
|
||||
|
||||
|
||||
<!-- Mirrored from quickdevs.com/demo/merit/rev-sliders/car-dealer.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 29 Mar 2023 10:29:11 GMT -->
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
|
||||
<!-- TITLE -->
|
||||
<title>Car Dealer - Merit Premium Multi-Purpose HTML5 Template</title>
|
||||
|
||||
<!-- META TAGS -->
|
||||
<meta name="keywords" content="premium multi-Purpose, html template, multipurpose template, bootstrap template, niches, clean, modern, multipurpose, responsive">
|
||||
<meta name="description" content="Merit is a modern Multi-Purpose HTML Template any bussines.">
|
||||
|
||||
<!-- FAVICON -->
|
||||
<link rel="shortcut icon" href="../images/icons/favicon.png">
|
||||
|
||||
<!-- REVOLUTION ADDONS -->
|
||||
<link href="http://fonts.googleapis.com/css?family=Roboto%3A700%2C300" rel="stylesheet" property="stylesheet" type="text/css" media="all" />
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/fonts/pe-icon-7-stroke/css/pe-icon-7-stroke.css">
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/fonts/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!-- REVOLUTION STYLE SHEETS -->
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/css/settings.css">
|
||||
|
||||
<!-- REVOLUTION LAYERS STYLES -->
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/css/layers.css">
|
||||
|
||||
<!-- REVOLUTION NAVIGATION STYLES -->
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/css/navigation.css">
|
||||
|
||||
<!-- MAIN CSS STYLE SHEET -->
|
||||
<link rel="stylesheet" href="../css/main.css">
|
||||
<link rel="stylesheet" href="../css/stylesheet.css">
|
||||
<link rel="stylesheet" href="../css/responsive.css">
|
||||
|
||||
<!-- REVOLUTION CUSTOM CSS -->
|
||||
<link rel="stylesheet" href="../css/slider-revolution.css">
|
||||
|
||||
<!-- MODERNIZR LIBRARY -->
|
||||
<script src="../js/modernizr-custom.js"></script>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- PRELOADER START -->
|
||||
<div id="loader-wrapper">
|
||||
<div class="loader">
|
||||
<span class="loader-26"></span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- PRELOADER END -->
|
||||
|
||||
<!-- HEADER START -->
|
||||
<header>
|
||||
<!-- TOP HEADER START -->
|
||||
<div class="top-header">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<ul class="top-contact text-left">
|
||||
<li class="phone"><span class="tel-no"><a href="tel:123-456-7890"> +123-456-7890</a></span>
|
||||
</li>
|
||||
<li class="email"><a href="mailto:info@merit.com">info@merit.com</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-6 text-right">
|
||||
<div class="top-social">
|
||||
<ul class="social-list">
|
||||
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-dribbble"></i></a></li>
|
||||
<li>
|
||||
<!-- Button trigger modal -->
|
||||
<div class="center-element">
|
||||
<button type="button" class="btn btn-default" data-toggle="modal" data-target="#exampleModal2">Login</button>
|
||||
</div>
|
||||
|
||||
<!-- Modal -->
|
||||
<div class="modal fade custom-modal" id="exampleModal2" tabindex="-1" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content login-modal">
|
||||
<button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button>
|
||||
<div class="modal-body">
|
||||
<figure class="login-avatar">
|
||||
<img src="../images/icons/user-login-2.png" alt="">
|
||||
</figure>
|
||||
<h4>Merit</h4>
|
||||
<p>Welcome Back!</p>
|
||||
<div class="google-btn">
|
||||
<button type="submit" class="tp-btn-primary">
|
||||
<img class="tp-goole-icon" src="../images/icons/google-icon.png" alt="">
|
||||
Sign in with Google
|
||||
</button>
|
||||
</div>
|
||||
<p>Or</p>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<form>
|
||||
<div class="form-group">
|
||||
<input type="email" class="form-control login-fc" placeholder="Email or Username">
|
||||
</div>
|
||||
<div class="form-group mt-3">
|
||||
<input type="password" class="form-control login-fc" placeholder="Password">
|
||||
</div>
|
||||
<div class="login-options d-flex justify-content-between mt-3">
|
||||
<div class="have-account">
|
||||
<p><a href="#">Dont have an account?</a></p>
|
||||
</div>
|
||||
<div class="forgot-password">
|
||||
<p><a href="#">Forgot password?</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="login-btn">
|
||||
<button type="submit" class="tp-btn-primary">Login</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="top-line">
|
||||
</div>
|
||||
</div>
|
||||
<!-- TOP HEADER END -->
|
||||
|
||||
<!-- MEGAMENU START -->
|
||||
<div class="main-nav">
|
||||
<div class="container">
|
||||
<nav id="navigation1" class="navigation">
|
||||
<div class="nav-header">
|
||||
<a class="nav-logo" href="../index.html">
|
||||
<img src="../images/logos/logo.png" class="white-logo" alt="">
|
||||
<img src="../images/logos/logo-black.png" class="dark-logo" alt="">
|
||||
</a>
|
||||
<div class="nav-toggle"></div>
|
||||
</div>
|
||||
<div class="nav-menus-wrapper">
|
||||
<ul class="nav-menu align-to-right">
|
||||
<li><a href="#">HOME</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../1-agency.html">Agency</a></li>
|
||||
<li><a href="../2-beauty.html">Beauty</a></li>
|
||||
<li><a href="../3-construction.html">Construction</a></li>
|
||||
<li><a href="../4-corporate.html">Corporate</a></li>
|
||||
<li><a href="../5-courier.html">Courier</a></li>
|
||||
<li><a href="../6-dealer.html">Dealer</a></li>
|
||||
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../7-dental.html">Dental</a></li>
|
||||
<li><a href="../8-education.html">Education</a></li>
|
||||
<li><a href="../9-gym.html">Gym</a></li>
|
||||
<li><a href="../10-hotel.html">Hotel</a></li>
|
||||
<li><a href="../11-medical.html">Medical</a></li>
|
||||
<li><a href="../12-restaurant.html">Restaurant</a></li>
|
||||
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../13-charity.html">Charity</a></li>
|
||||
<li><a href="../14-cleaning.html">Cleaning</a></li>
|
||||
<li><a href="../15-finance.html">Finance</a></li>
|
||||
<li><a href="../16-industrial.html">Industrial</a></li>
|
||||
<li><a href="../17-hosting.html">Hosting</a></li>
|
||||
<li><a href="../18-portfolio.html">Portfolio</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../19-organic.html">Organic</a></li>
|
||||
<li><a href="../20-farm.html">Farm</a></li>
|
||||
<li><a href="../21-yoga.html">Yoga</a></li>
|
||||
<li><a href="../22-travel.html">Travel</a></li>
|
||||
<li><a href="../23-lawyer.html">Lawyer</a></li>
|
||||
<li><a href="../24-fitness.html">Fitness</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">PAGES</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../about-style-1.html">About Us</a></li>
|
||||
<li><a href="../about-style-2.html">About Me</a></li>
|
||||
<li><a href="../about-style-3.html">About Us - ALT 2</a></li>
|
||||
<li><a href="../about-style-4.html">About Us - ALT 3</a></li>
|
||||
<li><a href="../careers-style-1.html">Careers</a></li>
|
||||
<li><a href="../careers-style-2.html">Careers - ALT 2</a></li>
|
||||
<li><a href="../careers-style-3.html">Careers - ALT 3</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../services-style-1.html">Services</a></li>
|
||||
<li><a href="../services-style-2.html">Services - ALT 2</a></li>
|
||||
<li><a href="../services-style-3.html">Services - ALT 3</a></li>
|
||||
<li><a href="../services-style-4.html">Services - ALT 4</a></li>
|
||||
<li><a href="../profile-style-1.html">Profile</a></li>
|
||||
<li><a href="../profile-style-2.html">Profile - ALT 2</a></li>
|
||||
<li><a href="../profile-style-3.html">Profile - ALT 3</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../contact-style-1.html">Contact Us </a></li>
|
||||
<li><a href="../contact-style-2.html">Contact Us - ALT 2</a></li>
|
||||
<li><a href="../contact-style-3.html">Contact Us - ALT 3</a></li>
|
||||
<li><a href="../contact-style-4.html">Contact Us - ALT 4</a></li>
|
||||
<li><a href="../team-style-1.html">Our Team</a></li>
|
||||
<li><a href="../team-style-2.html">Our Team - ALT 2</a></li>
|
||||
<li><a href="../team-style-3.html">Our Team - ALT 3</a></li>
|
||||
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../coming-soon-style-1.html">Coming Soon</a></li>
|
||||
<li><a href="../coming-soon-style-2.html">Coming Soon - ALT 2</a></li>
|
||||
<li><a href="../404-error-style-1.html">404 Page</a></li>
|
||||
<li><a href="../404-error-style-2.html">404 Page - ALT 2</a></li>
|
||||
<li><a href="../login-register-style-1.html">Login / Register</a></li>
|
||||
<li><a href="../faq.html">Faq</a></li>
|
||||
<li><a href="../faq-alt.html">Faq - ALT</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">ELEMENTS</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 1</a></li>
|
||||
<li><a href="../elements/accordions.html"><i class="fas fa-plus-square"></i> Accordions</a></li>
|
||||
<li><a href="../elements/alerts.html"><i class="fas fa-exclamation-circle"></i> Alerts</a></li>
|
||||
<li><a href="../elements/animations.html"><i class="fas fa-exchange-alt"></i> Animations</a></li>
|
||||
<li><a href="../elements/blockquotes.html"><i class="fas fa-quote-left"></i> Blockquotes</a></li>
|
||||
<li><a href="../elements/breadcrumbs.html"><i class="fas fa-share"></i> Breadcrumbs</a></li>
|
||||
<li><a href="../elements/buttons.html"><i class="fas fa-square"></i> Buttons</a></li>
|
||||
<li><a href="../elements/call-to-action.html"><i class="fas fa-bullhorn"></i> Call to Action</a></li>
|
||||
<li><a href="../elements/charts.html"><i class="fas fa-circle-notch"></i> Charts</a></li>
|
||||
<li><a href="../elements/content-boxes.html"><i class="fas fa-th-large"></i> Content Boxes</a></li>
|
||||
<li><a href="../elements/counters.html"><i class="fas fa-bullseye"></i> Counters</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 2</a></li>
|
||||
<li><a href="../elements/customers.html"><i class="fas fa-user-circle"></i> Customer</a></li>
|
||||
<li><a href="../elements/dropcaps.html"><i class="fas fa-font"></i> Dropcaps</a></li>
|
||||
<li><a href="../elements/flip-boxes.html"><i class="fas fa-sync-alt"></i> Flip Box</a></li>
|
||||
<li><a href="../elements/google-maps.html"><i class="fas fa-map"></i> Google Maps</a></li>
|
||||
<li><a href="../elements/grid-boxes.html"><i class="fas fa-th"></i> Grid Boxes</a></li>
|
||||
<li><a href="../elements/icon-boxes.html"><i class="fas fa-th-large"></i> Icon Boxes</a></li>
|
||||
<li><a href="../elements/icon-circle.html"><i class="far fa-circle"></i> Icon Circle</a></li>
|
||||
<li><a href="../elements/image-gallery.html"><i class="fas fa-expand"></i> Image Gallery</a></li>
|
||||
<li><a href="../elements/images.html"><i class="far fa-image"></i> Images</a></li>
|
||||
<li><a href="../elements/image-hover.html"><i class="fas fa-object-ungroup" aria-hidden="true"></i> Image Hover</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 3</a></li>
|
||||
<li><a href="../elements/lightbox.html"><i class="fas fa-lightbulb"></i> LightBox</a></li>
|
||||
<li><a href="../elements/modal-popup.html"><i class="fas fa-search-plus"></i> Modal Popup</a></li>
|
||||
<li><a href="../elements/pagination.html"><i class="fas fa-angle-double-right"></i> Pagination</a></li>
|
||||
<li><a href="../elements/parallax.html"><i class="fas fa-random"></i> Parallax</a></li>
|
||||
<li><a href="../elements/pricing-table.html"><i class="fas fa-table"></i> Pricing Tables</a></li>
|
||||
<li><a href="../elements/process-steps.html"><i class="fas fa-arrow-right"></i> Process Steps</a></li>
|
||||
<li><a href="../elements/profile-cards.html"><i class="fas fa-address-card"></i> Profile Cards</a></li>
|
||||
<li><a href="../elements/progress-bar.html"><i class="fas fa-tasks"></i> Progress Bar</a></li>
|
||||
<li><a href="../elements/recent-posts.html"><i class="fas fa-newspaper"></i> Recent Posts</a></li>
|
||||
<li><a href="../elements/section-styles.html"><i class="fas fa-outdent"></i> Section Styles</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 4</a></li>
|
||||
<li><a href="../elements/separators.html"><i class="fas fa-minus"></i> Separators</a></li>
|
||||
<li><a href="../elements/shop-banners.html"><i class="fas fa-language"></i> Shop Banners</a></li>
|
||||
<li><a href="../elements/social-icons.html"><i class="fab fa-twitter"></i> Social Icons</a></li>
|
||||
<li><a href="../elements/tables.html"><i class="fas fa-table"></i> Tables</a></li>
|
||||
<li><a href="../elements/tabs.html"><i class="fas fa-window-maximize"></i> Tabs</a></li>
|
||||
<li><a href="../elements/team.html"><i class="fas fa-users"></i> Team</a></li>
|
||||
<li><a href="../elements/testimonials.html"><i class="fas fa-edit"></i> Testimonials</a></li>
|
||||
<li><a href="../elements/timeline.html"><i class="fas fa-arrow-down"></i> Timeline</a></li>
|
||||
<li><a href="../elements/videos.html"><i class="fas fa-video"></i> Videos & Audio</a></li>
|
||||
<li><a href="../elements/video-background.html"><i class="fas fa-photo-video"></i> Video Background</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">SLIDERS</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 1</a></li>
|
||||
<li><a href="3d-parallax-scenes.html">3D Parallax Scenes</a></li>
|
||||
<li><a href="404-error.html">404 Error</a></li>
|
||||
<li><a href="agency-slider.html">Agency Slider</a></li>
|
||||
<li><a href="blend-mode.html">Blend Mode</a></li>
|
||||
<li><a href="blur-effect.html">Blur Effect</a></li>
|
||||
<li><a href="car-dealer.html">Car Dealer</a></li>
|
||||
<li><a href="carousel-gallery.html">Carousel Gallery</a></li>
|
||||
<li><a href="classic-carousel.html">Classic Carousel</a></li>
|
||||
<li><a href="coming-soon.html">Coming soon</a></li>
|
||||
<li><a href="concept-slider.html">Concept Slider</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 2</a></li>
|
||||
<li><a href="double-exposure-effect.html">Double Exposure Effect</a></li>
|
||||
<li><a href="exploration-header.html">Exploration Header</a></li>
|
||||
<li><a href="film-strip.html">Film Strip Effect</a></li>
|
||||
<li><a href="fine-dining.html">Fine Dining</a></li>
|
||||
<li><a href="gravity-design.html">Gravity Design</a></li>
|
||||
<li><a href="happy-hollidays.html">Happy Hollidays</a></li>
|
||||
<li><a href="hero-sports.html">Hero Sports</a></li>
|
||||
<li><a href="inspiration-header.html">Inspiration Header</a></li>
|
||||
<li><a href="levano-slider.html">Levano Slider</a></li>
|
||||
<li><a href="magazine-posts.html">Magazine Posts</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 3</a></li>
|
||||
<li><a href="mask-showcase.html">Mask Showcase</a></li>
|
||||
<li><a href="mountain-parallax.html">Mountain Parallax</a></li>
|
||||
<li><a href="over-expousure.html">Over Exposure</a></li>
|
||||
<li><a href="panorama.html">Panorama</a></li>
|
||||
<li><a href="parallax-joy.html">Parallax Joy</a></li>
|
||||
<li><a href="parallax-zoom.html">Parallax Zoom</a></li>
|
||||
<li><a href="particle-effect-one.html">Particle Effect one</a></li>
|
||||
<li><a href="particle-effect-two.html">Particle Effect Two</a></li>
|
||||
<li><a href="particle-effect-three.html">Particle Effect Three</a></li>
|
||||
<li><a href="style-intro.html">Style Intro</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 4</a></li>
|
||||
<li><a href="reveal.html">Reveal</a></li>
|
||||
<li><a href="rock-band.html">Rock Band</a></li>
|
||||
<li><a href="scroll-effects.html">Scroll Effect</a></li>
|
||||
<li><a href="slider-gym.html">Slider Gym</a></li>
|
||||
<li><a href="slider-news.html">Slider News</a></li>
|
||||
<li><a href="sliding-overlays.html">Sliding Overlays</a></li>
|
||||
<li><a href="web-agency.html">Web Agency</a></li>
|
||||
<li><a href="web-product.html">Web Product</a></li>
|
||||
<li><a href="website-intro.html">Website Intro</a></li>
|
||||
<li><a href="youtube-hero.html">Youtube Hero</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">SHOP</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="#">CLASSIC</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../shop-full-width.html">Full width</a></li>
|
||||
<li><a href="../shop-left-sidebar.html">Left sidebar</a></li>
|
||||
<li><a href="../shop-right-sidebar.html">Right sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">PRODUCT DETAILS</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../product-full-width.html">Full width</a></li>
|
||||
<li><a href="../product-left-sidebar.html">Left sidebar</a></li>
|
||||
<li><a href="../product-right-sidebar.html">Right sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="../shopping-cart.html">SHOPING CART</a></li>
|
||||
<li><a href="../checkout.html">CHECKOUT</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">BLOG</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="#">CLASSIC</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../blog-full-width.html">Full width</a></li>
|
||||
<li><a href="../blog-left-sidebar.html">Left sidebar</a></li>
|
||||
<li><a href="../blog-right-sidebar.html">Right sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">GRID</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../blog-grid-one-column.html">One column</a></li>
|
||||
<li><a href="../blog-grid-two-column.html">Two column</a></li>
|
||||
<li><a href="../blog-grid-three-column.html">Three column</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">MASONRY</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../masonry-two-columns.html">Two Columns</a></li>
|
||||
<li><a href="../masonry-three-columns.html">Three Columns</a></li>
|
||||
<li><a href="../masonry-four-columns.html">Four Columns</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">BLOG SINGLE</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../blog-single-full-width.html">Blog Single Full Width</a></li>
|
||||
<li><a href="../blog-single-left-sidebar.html">Blog Single Left Sidebar</a></li>
|
||||
<li><a href="../blog-single-right-sidebar.html">Blog Single Right Sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<!-- MEGAMENU END -->
|
||||
|
||||
<div class="home-slider">
|
||||
<!-- SLIDER REVOLUTION START -->
|
||||
<section class="example">
|
||||
<article class="content">
|
||||
|
||||
<div id="rev_slider_465_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container"
|
||||
data-alias="car-dealership" data-source="gallery"
|
||||
style="margin:0px auto;background-color:transparent;padding:0px;margin-top:0px;margin-bottom:0px;">
|
||||
<!-- START REVOLUTION SLIDER 5.4.1 fullwidth mode -->
|
||||
<div id="rev_slider_465_1" class="rev_slider fullwidthabanner" style="display:none;"
|
||||
data-version="5.4.1">
|
||||
<ul>
|
||||
<!-- SLIDE -->
|
||||
<li data-index="rs-1587" data-transition="slideremovehorizontal"
|
||||
data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off"
|
||||
data-easein="Power1.easeInOut" data-easeout="Power1.easeInOut"
|
||||
data-masterspeed="800" data-thumb="../assets/images/bmw7-1-100x50.jpg"
|
||||
data-rotate="0" data-fstransition="fade" data-fsmasterspeed="800"
|
||||
data-fsslotamount="7" data-saveperformance="off" data-title="Slide" data-param1=""
|
||||
data-param2="" data-param3="" data-param4="" data-param5="" data-param6=""
|
||||
data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
|
||||
<!-- MAIN IMAGE -->
|
||||
<img src="../assets/images/dummy.png" alt=""
|
||||
data-lazyload="../assets/images/bmw7-1.jpg" data-bgposition="center center"
|
||||
data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="5"
|
||||
class="rev-slidebg" data-no-retina>
|
||||
<!-- LAYERS -->
|
||||
|
||||
<!-- LAYER NR. 1 -->
|
||||
<div class="tp-caption tp-resizeme" id="slide-1587-layer-1"
|
||||
data-x="['left','left','left','left']" data-hoffset="['30','30','30','20']"
|
||||
data-y="['top','top','top','top']" data-voffset="['30','30','30','20']"
|
||||
data-fontsize="['50','40','35','20']" data-lineheight="['70','60','50','40']"
|
||||
data-width="none" data-height="none" data-whitespace="nowrap" data-type="text"
|
||||
data-basealign="slide" data-responsive_offset="on"
|
||||
data-frames='[{"from":"x:right(R);","speed":800,"to":"o:1;","delay":0,"ease":"Power1.easeInOut"},{"delay":"wait","speed":800,"to":"x:left(R);","ease":"Power1.easeInOut"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[30,30,30,30]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[30,30,30,30]"
|
||||
style="z-index: 5; white-space: nowrap; font-size: 50px; line-height: 70px; font-weight: 700; color: rgba(255, 255, 255, 1.00);font-family:Roboto;background-color:rgba(0, 0, 0, 1.00);border-width:0px; margin-top: 150px;">
|
||||
Pure Power. Masterful Engineering. </div>
|
||||
|
||||
<!-- LAYER NR. 2 -->
|
||||
<div class="tp-caption tp-resizeme" id="slide-1587-layer-2"
|
||||
data-x="['left','left','left','left']" data-hoffset="['30','30','30','20']"
|
||||
data-y="['top','top','top','top']" data-voffset="['110','100','90','65']"
|
||||
data-fontsize="['30','30','20','18']" data-lineheight="['50','50','40','30']"
|
||||
data-width="none" data-height="none" data-whitespace="nowrap" data-type="text"
|
||||
data-basealign="slide" data-responsive_offset="on"
|
||||
data-frames='[{"from":"x:right(R);","speed":800,"to":"o:1;","delay":0,"ease":"Power1.easeInOut"},{"delay":"wait","speed":800,"to":"x:left(R);","ease":"Power1.easeInOut"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[30,30,30,30]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[30,30,30,30]"
|
||||
style="z-index: 6; white-space: nowrap; font-size: 30px; line-height: 50px; font-weight: 300; color: rgba(255, 255, 255, 1.00);font-family:Roboto;background-color:rgba(0, 0, 0, 1.00);border-width:0px; margin-top: 150px;">
|
||||
We have the latest Sports Cars </div>
|
||||
|
||||
<!-- LAYER NR. 3 -->
|
||||
<div class="tp-caption tp-resizeme" id="slide-1587-layer-3"
|
||||
data-x="['left','left','left','left']" data-hoffset="['30','30','30','20']"
|
||||
data-y="['bottom','bottom','bottom','bottom']"
|
||||
data-voffset="['30','30','30','20']" data-fontsize="['40','30','20','20']"
|
||||
data-lineheight="['60','50','40','40']" data-width="none" data-height="none"
|
||||
data-whitespace="nowrap" data-type="text"
|
||||
data-actions='[{"event":"click","action":"scrollbelow","offset":"px","delay":""}]'
|
||||
data-basealign="slide" data-responsive_offset="on"
|
||||
data-frames='[{"from":"x:right(R);","speed":800,"to":"o:1;","delay":0,"ease":"Power1.easeInOut"},{"delay":"wait","speed":800,"to":"x:left(R);","ease":"Power1.easeInOut"},{"frame":"hover","speed":"150","ease":"Power1.easeInOut","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(255, 255, 255, 1.00);bg:rgba(0, 0, 0, 0.65);"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[30,30,30,30]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[30,30,30,30]"
|
||||
style="z-index: 7; white-space: nowrap; font-size: 40px; line-height: 60px; font-weight: 700; color: rgba(255, 255, 255, 1.00);font-family:Roboto;background-color:rgba(0, 0, 0, 1.00);border-width:0px;cursor:pointer;">
|
||||
<i class="fa-icon-angle-double-right" style="color:#d50000;"></i> Test Drive Now
|
||||
</div>
|
||||
</li>
|
||||
<!-- SLIDE -->
|
||||
<li data-index="rs-1588" data-transition="slideremovehorizontal"
|
||||
data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off"
|
||||
data-easein="Power1.easeInOut" data-easeout="Power1.easeInOut"
|
||||
data-masterspeed="800" data-thumb="../assets/images/bmw6-1-100x50.jpg"
|
||||
data-rotate="0" data-saveperformance="off" data-title="Slide" data-param1=""
|
||||
data-param2="" data-param3="" data-param4="" data-param5="" data-param6=""
|
||||
data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
|
||||
<!-- MAIN IMAGE -->
|
||||
<img src="../assets/images/dummy.png" alt=""
|
||||
data-lazyload="../assets/images/bmw6-1.jpg" data-bgposition="center center"
|
||||
data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="5"
|
||||
class="rev-slidebg" data-no-retina>
|
||||
<!-- LAYERS -->
|
||||
|
||||
<!-- LAYER NR. 4 -->
|
||||
<div class="tp-caption tp-resizeme" id="slide-1588-layer-1"
|
||||
data-x="['left','left','left','left']" data-hoffset="['30','30','30','20']"
|
||||
data-y="['top','top','top','top']" data-voffset="['30','30','30','20']"
|
||||
data-fontsize="['50','40','30','20']" data-lineheight="['70','60','50','40']"
|
||||
data-width="none" data-height="none" data-whitespace="nowrap" data-type="text"
|
||||
data-basealign="slide" data-responsive_offset="on"
|
||||
data-frames='[{"from":"x:right(R);","speed":800,"to":"o:1;","delay":0,"ease":"Power1.easeInOut"},{"delay":"wait","speed":800,"to":"x:left(R);","ease":"Power1.easeInOut"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[30,30,30,30]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[30,30,30,30]"
|
||||
style="z-index: 8; white-space: nowrap; font-size: 50px; line-height: 70px; font-weight: 700; color: rgba(255, 255, 255, 1.00);font-family:Roboto;background-color:rgba(0, 0, 0, 1.00);border-width:0px; margin-top: 150px;">
|
||||
Make an Impression. </div>
|
||||
|
||||
<!-- LAYER NR. 5 -->
|
||||
<div class="tp-caption tp-resizeme" id="slide-1588-layer-2"
|
||||
data-x="['left','left','left','left']" data-hoffset="['30','30','30','20']"
|
||||
data-y="['top','top','top','top']" data-voffset="['110','100','90','65']"
|
||||
data-fontsize="['30','30','20','18']" data-lineheight="['50','50','40','30']"
|
||||
data-width="none" data-height="none" data-whitespace="nowrap" data-type="text"
|
||||
data-basealign="slide" data-responsive_offset="on"
|
||||
data-frames='[{"from":"x:right(R);","speed":800,"to":"o:1;","delay":0,"ease":"Power1.easeInOut"},{"delay":"wait","speed":800,"to":"x:left(R);","ease":"Power1.easeInOut"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[30,30,30,30]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[30,30,30,30]"
|
||||
style="z-index: 9; white-space: nowrap; font-size: 30px; line-height: 50px; font-weight: 300; color: rgba(255, 255, 255, 1.00);font-family:Roboto;background-color:rgba(0, 0, 0, 1.00);border-width:0px; margin-top: 150px;">
|
||||
Cars for every Budget </div>
|
||||
|
||||
<!-- LAYER NR. 6 -->
|
||||
<div class="tp-caption tp-resizeme" id="slide-1588-layer-3"
|
||||
data-x="['left','left','left','left']" data-hoffset="['30','30','30','20']"
|
||||
data-y="['bottom','bottom','bottom','bottom']"
|
||||
data-voffset="['30','30','30','20']" data-fontsize="['40','30','20','20']"
|
||||
data-lineheight="['60','50','40','40']" data-width="none" data-height="none"
|
||||
data-whitespace="nowrap" data-type="text"
|
||||
data-actions='[{"event":"click","action":"scrollbelow","offset":"px","delay":""}]'
|
||||
data-basealign="slide" data-responsive_offset="on"
|
||||
data-frames='[{"from":"x:right(R);","speed":800,"to":"o:1;","delay":0,"ease":"Power1.easeInOut"},{"delay":"wait","speed":800,"to":"x:left(R);","ease":"Power1.easeInOut"},{"frame":"hover","speed":"150","ease":"Power1.easeInOut","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(255, 255, 255, 1.00);bg:rgba(0, 0, 0, 0.65);"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[30,30,30,30]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[30,30,30,30]"
|
||||
style="z-index: 10; white-space: nowrap; font-size: 40px; line-height: 60px; font-weight: 700; color: rgba(255, 255, 255, 1.00);font-family:Roboto;background-color:rgba(0, 0, 0, 1.00);border-width:0px;cursor:pointer;">
|
||||
<i class="fa-icon-angle-double-right" style="color:#d50000;"></i> Start the
|
||||
Experience </div>
|
||||
</li>
|
||||
<!-- SLIDE -->
|
||||
<li data-index="rs-1589" data-transition="slideremovehorizontal"
|
||||
data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off"
|
||||
data-easein="Power1.easeInOut" data-easeout="Power1.easeInOut"
|
||||
data-masterspeed="800" data-thumb="../assets/images/bmw3-1-100x50.jpg"
|
||||
data-rotate="0" data-saveperformance="off" data-title="Slide" data-param1=""
|
||||
data-param2="" data-param3="" data-param4="" data-param5="" data-param6=""
|
||||
data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
|
||||
<!-- MAIN IMAGE -->
|
||||
<img src="../assets/images/dummy.png" alt=""
|
||||
data-lazyload="../assets/images/bmw3-1.jpg" data-bgposition="center center"
|
||||
data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="5"
|
||||
class="rev-slidebg" data-no-retina>
|
||||
<!-- LAYERS -->
|
||||
|
||||
<!-- LAYER NR. 7 -->
|
||||
<div class="tp-caption tp-resizeme" id="slide-1589-layer-1"
|
||||
data-x="['left','left','left','left']" data-hoffset="['30','30','30','20']"
|
||||
data-y="['top','top','top','top']" data-voffset="['30','30','30','20']"
|
||||
data-fontsize="['50','40','30','20']" data-lineheight="['70','60','50','40']"
|
||||
data-width="none" data-height="none" data-whitespace="nowrap" data-type="text"
|
||||
data-basealign="slide" data-responsive_offset="on"
|
||||
data-frames='[{"from":"x:right(R);","speed":800,"to":"o:1;","delay":0,"ease":"Power1.easeInOut"},{"delay":"wait","speed":800,"to":"x:left(R);","ease":"Power1.easeInOut"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[30,30,30,30]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[30,30,30,30]"
|
||||
style="z-index: 11; white-space: nowrap; font-size: 50px; line-height: 70px; font-weight: 700; color: rgba(255, 255, 255, 1.00);font-family:Roboto;background-color:rgba(0, 0, 0, 1.00);border-width:0px; margin-top: 150px;">
|
||||
Luxurious Interiors. </div>
|
||||
|
||||
<!-- LAYER NR. 8 -->
|
||||
<div class="tp-caption tp-resizeme" id="slide-1589-layer-2"
|
||||
data-x="['left','left','left','left']" data-hoffset="['30','30','30','20']"
|
||||
data-y="['top','top','top','top']" data-voffset="['110','100','90','65']"
|
||||
data-fontsize="['30','30','20','18']" data-lineheight="['50','50','40','30']"
|
||||
data-width="none" data-height="none" data-whitespace="nowrap" data-type="text"
|
||||
data-basealign="slide" data-responsive_offset="on"
|
||||
data-frames='[{"from":"x:right(R);","speed":800,"to":"o:1;","delay":0,"ease":"Power1.easeInOut"},{"delay":"wait","speed":800,"to":"x:left(R);","ease":"Power1.easeInOut"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[30,30,30,30]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[30,30,30,30]"
|
||||
style="z-index: 12; white-space: nowrap; font-size: 30px; line-height: 50px; font-weight: 300; color: rgba(255, 255, 255, 1.00);font-family:Roboto;background-color:rgba(0, 0, 0, 1.00);border-width:0px; margin-top: 150px;">
|
||||
Fully Customizable Extras </div>
|
||||
|
||||
<!-- LAYER NR. 9 -->
|
||||
<div class="tp-caption tp-resizeme" id="slide-1589-layer-3"
|
||||
data-x="['left','left','left','left']" data-hoffset="['30','30','30','20']"
|
||||
data-y="['bottom','bottom','bottom','bottom']"
|
||||
data-voffset="['30','30','30','20']" data-fontsize="['40','30','20','20']"
|
||||
data-lineheight="['60','50','40','40']" data-width="none" data-height="none"
|
||||
data-whitespace="nowrap" data-type="text"
|
||||
data-actions='[{"event":"click","action":"scrollbelow","offset":"px","delay":""}]'
|
||||
data-basealign="slide" data-responsive_offset="on"
|
||||
data-frames='[{"from":"x:right(R);","speed":800,"to":"o:1;","delay":0,"ease":"Power1.easeInOut"},{"delay":"wait","speed":800,"to":"x:left(R);","ease":"Power1.easeInOut"},{"frame":"hover","speed":"150","ease":"Power1.easeInOut","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(255, 255, 255, 1.00);bg:rgba(0, 0, 0, 0.65);"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[30,30,30,30]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[30,30,30,30]"
|
||||
style="z-index: 13; white-space: nowrap; font-size: 40px; line-height: 60px; font-weight: 700; color: rgba(255, 255, 255, 1.00);font-family:Roboto;background-color:rgba(0, 0, 0, 1.00);border-width:0px;cursor:pointer;">
|
||||
<i class="fa-icon-angle-double-right" style="color:#d50000;"></i> Take a Look
|
||||
</div>
|
||||
</li>
|
||||
<!-- SLIDE -->
|
||||
<li data-index="rs-1590" data-transition="slideremovehorizontal"
|
||||
data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off"
|
||||
data-easein="Power1.easeInOut" data-easeout="Power1.easeInOut"
|
||||
data-masterspeed="800" data-thumb="../assets/images/bmw2-1-100x50.jpg"
|
||||
data-rotate="0" data-saveperformance="off" data-title="Slide" data-param1=""
|
||||
data-param2="" data-param3="" data-param4="" data-param5="" data-param6=""
|
||||
data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
|
||||
<!-- MAIN IMAGE -->
|
||||
<img src="../assets/images/dummy.png" alt=""
|
||||
data-lazyload="../assets/images/bmw2-1.jpg" data-bgposition="center center"
|
||||
data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="5"
|
||||
class="rev-slidebg" data-no-retina>
|
||||
<!-- LAYERS -->
|
||||
|
||||
<!-- LAYER NR. 10 -->
|
||||
<div class="tp-caption tp-resizeme" id="slide-1590-layer-1"
|
||||
data-x="['left','left','left','left']" data-hoffset="['30','30','30','20']"
|
||||
data-y="['top','top','top','top']" data-voffset="['30','30','30','20']"
|
||||
data-fontsize="['50','40','30','20']" data-lineheight="['70','60','50','40']"
|
||||
data-width="none" data-height="none" data-whitespace="nowrap" data-type="text"
|
||||
data-basealign="slide" data-responsive_offset="on"
|
||||
data-frames='[{"from":"x:right(R);","speed":800,"to":"o:1;","delay":0,"ease":"Power1.easeInOut"},{"delay":"wait","speed":800,"to":"x:left(R);","ease":"Power1.easeInOut"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[30,30,30,30]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[30,30,30,30]"
|
||||
style="z-index: 14; white-space: nowrap; font-size: 50px; line-height: 70px; font-weight: 700; color: rgba(255, 255, 255, 1.00);font-family:Roboto;background-color:rgba(0, 0, 0, 1.00);border-width:0px; margin-top: 150px;">
|
||||
Ready for the Race Track. </div>
|
||||
|
||||
<!-- LAYER NR. 11 -->
|
||||
<div class="tp-caption tp-resizeme" id="slide-1590-layer-2"
|
||||
data-x="['left','left','left','left']" data-hoffset="['30','30','30','20']"
|
||||
data-y="['top','top','top','top']" data-voffset="['110','100','90','65']"
|
||||
data-fontsize="['30','30','20','18']" data-lineheight="['50','50','40','30']"
|
||||
data-width="none" data-height="none" data-whitespace="nowrap" data-type="text"
|
||||
data-basealign="slide" data-responsive_offset="on"
|
||||
data-frames='[{"from":"x:right(R);","speed":800,"to":"o:1;","delay":0,"ease":"Power1.easeInOut"},{"delay":"wait","speed":800,"to":"x:left(R);","ease":"Power1.easeInOut"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[30,30,30,30]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[30,30,30,30]"
|
||||
style="z-index: 15; white-space: nowrap; font-size: 30px; line-height: 50px; font-weight: 300; color: rgba(255, 255, 255, 1.00);font-family:Roboto;background-color:rgba(0, 0, 0, 1.00);border-width:0px; margin-top: 150px;">
|
||||
With the Right Car </div>
|
||||
|
||||
<!-- LAYER NR. 12 -->
|
||||
<div class="tp-caption tp-resizeme" id="slide-1590-layer-3"
|
||||
data-x="['left','left','left','left']" data-hoffset="['30','30','30','20']"
|
||||
data-y="['bottom','bottom','bottom','bottom']"
|
||||
data-voffset="['30','30','30','20']" data-fontsize="['40','30','20','20']"
|
||||
data-lineheight="['60','50','40','40']" data-width="none" data-height="none"
|
||||
data-whitespace="nowrap" data-type="text"
|
||||
data-actions='[{"event":"click","action":"scrollbelow","offset":"px","delay":""}]'
|
||||
data-basealign="slide" data-responsive_offset="on"
|
||||
data-frames='[{"from":"x:right(R);","speed":800,"to":"o:1;","delay":0,"ease":"Power1.easeInOut"},{"delay":"wait","speed":800,"to":"x:left(R);","ease":"Power1.easeInOut"},{"frame":"hover","speed":"150","ease":"Power1.easeInOut","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(255, 255, 255, 1.00);bg:rgba(0, 0, 0, 0.65);"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[30,30,30,30]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[30,30,30,30]"
|
||||
style="z-index: 16; white-space: nowrap; font-size: 40px; line-height: 60px; font-weight: 700; color: rgba(255, 255, 255, 1.00);font-family:Roboto;background-color:rgba(0, 0, 0, 1.00);border-width:0px;cursor:pointer;">
|
||||
<i class="fa-icon-angle-double-right" style="color:#d50000;"></i> Buckle up Now
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>
|
||||
</div>
|
||||
</div><!-- END REVOLUTION SLIDER -->
|
||||
|
||||
</article>
|
||||
</section>
|
||||
<!-- SLIDER REVOLUTION END -->
|
||||
</div>
|
||||
</header>
|
||||
<!-- HEADER END -->
|
||||
|
||||
<section>
|
||||
<div class="container mt-5 mb-5">
|
||||
<div class="row">
|
||||
<div class="col-lg-4">
|
||||
<div class="slider-feature-info">
|
||||
<h5 class="overtitle">Car Dealer</h5>
|
||||
<h2>SLIDER REVOLUTION</h2>
|
||||
<p>Including the powerful and stunning Slider Revolution is an innovative, responsive jQuery Slider Plugin that displays your content the beautiful way.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-8 spacing-md">
|
||||
<div class="row">
|
||||
<div class="col-md-6 top-col">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/levels.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">SLIDERS DIVERSITY</h5>
|
||||
<p>With more than 100 templates, it allows you to create almost any type of web pages.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 top-col">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/document.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">DOCUMENTATION</h5>
|
||||
<p>Complete and clear documentation for an easy and fast installation..</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 bottom-col-resp">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/device.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">RESPONSIVE DESIGN</h5>
|
||||
<p>Slider Revolution adapts to any device for a better visual experience..</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/support.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">PREMIUM SUPPORT</h5>
|
||||
<p>If you have any problems in the installation process, we are here to help you.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="rs-line">
|
||||
</div>
|
||||
|
||||
<div class="container rs-call-to-action mt-5 mb-5">
|
||||
<div class="row">
|
||||
<div class="col-lg-8">
|
||||
<div class="ca-left-side">
|
||||
<h3>Premium Multi-Purpose HTML5 Template</h3>
|
||||
<p>Let's develop your project with this impressive and powerful template that helps you
|
||||
create beautiful web pages. An original solution for any business..</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12 col-lg-4">
|
||||
<div class="ca-right-side flex-parent jc-center">
|
||||
<a class="tp-btn-primary" href="https://themeforest.net/item/merit-premium-multipurpose-html5-template/21866679" target="_blank">Purchase now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- FOOTER START -->
|
||||
<footer>
|
||||
<div class="container mt-5">
|
||||
<div class="top-footer">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 col-xl-7">
|
||||
<h3>Creative and affordable website solution</h3>
|
||||
<p>Build modern websites with this powefull Multi-Purpose Template.</p>
|
||||
</div>
|
||||
<div class="col-lg-12 col-xl-5">
|
||||
<div class="footer-btn">
|
||||
<a class="tp-btn-primary" href="https://themeforest.net/item/merit-premium-multipurpose-html5-template/21866679" target="_blank" role="button">Purchase now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="footer-line">
|
||||
<div class="center-footer">
|
||||
<div class="row">
|
||||
<div class="col-lg-5">
|
||||
<div class="footer-col footer-left-col">
|
||||
<figure class="site-footer-logo">
|
||||
<img src="../images/logos/logo.png" alt="">
|
||||
</figure>
|
||||
<p>Let's develop your project with this impressive and powerful template that helps you
|
||||
create beautiful web pages. An original solution for any business.</p>
|
||||
<ul class="footer-social">
|
||||
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-dribbble"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2">
|
||||
<div class="footer-col">
|
||||
<h5>Quick Links</h5>
|
||||
<ul class="quick-links">
|
||||
<li><a href="../index.html">Home</a></li>
|
||||
<li><a href="../services-style-1.html">Services</a></li>
|
||||
<li><a href="../blog-full-width.html">Blogs</a></li>
|
||||
<li><a href="../contact-style-1.html">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2">
|
||||
<div class="footer-col">
|
||||
<h5>About</h5>
|
||||
<ul class="quick-links">
|
||||
<li><a href="../profile-style-1.html">Profile</a></li>
|
||||
<li><a href="../team-style-1.html">Team</a></li>
|
||||
<li><a href="../careers-style-1.html">Careers</a></li>
|
||||
<li><a href="../faq.html">FAQ</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3">
|
||||
<div class="footer-col">
|
||||
<h5>Get in Touch</h5>
|
||||
<ul class="footer-contact">
|
||||
<li class="phone"><a href="tel:123-456-7890">+ 123-456-7890</a></li>
|
||||
<li class="email"><a href="mailto:info@merit.com">info@merit.com</a></li>
|
||||
<li>
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="fas fa-map-pin"></i>
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<p>7391 North Bay Meadows Circle New York, NY 10040.</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="footer-line">
|
||||
<div class="bottom-footer">
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<div class="footer-copyright">
|
||||
<p>© 2022 <a href="https://themeforest.net/item/merit-premium-multipurpose-html5-template/21866679" target="_blank">Merit Premium Template</a> all rights reserved.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<ul class="footer-terms">
|
||||
<li><a href="../terms.html">Terms</a></li>
|
||||
<li><a href="../privacy.html">Privacy</a></li>
|
||||
<li><a href="../contact-style-4.html">Support</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!-- FOOTER END -->
|
||||
|
||||
<!-- SCROLL TOP -->
|
||||
<a href="#0" class="cd-top">Top</a>
|
||||
|
||||
<!-- TEMPLATE MAIN JAVASCRIPT FILES -->
|
||||
<script src="../js/lib/jquery-3.6.0.min.js"></script>
|
||||
<script src="../js/lib/bootstrap.min.js"></script>
|
||||
<script src="../js/lib/plugins.js"></script>
|
||||
<script src="../js/lib/megamenu.js"></script>
|
||||
<script src="../js/lib/navigation.js"></script>
|
||||
<script src="../js/lib/navigation.fixed.min.js"></script>
|
||||
<script src="../js/main.js"></script>
|
||||
|
||||
<!-- REVOLUTION JS FILES -->
|
||||
<script src="../revolution/js/jquery.themepunch.tools.min.js"></script>
|
||||
<script src="../revolution/js/jquery.themepunch.revolution.min.js"></script>
|
||||
|
||||
<!-- SLIDER REVOLUTION 5.0 EXTENSIONS (Load Extensions only on Local File Systems ! The following part can be removed on Server for On Demand Loading) -->
|
||||
<script src="../revolution/js/extensions/revolution.extension.actions.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.carousel.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.migration.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.navigation.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.parallax.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.video.min.js"></script>
|
||||
|
||||
<!-- REQUIRE JS FOR SLIDER REVOLUTION -->
|
||||
<script>
|
||||
var tpj = jQuery;
|
||||
|
||||
var revapi465;
|
||||
tpj(document).ready(function () {
|
||||
if (tpj("#rev_slider_465_1").revolution == undefined) {
|
||||
revslider_showDoubleJqueryError("#rev_slider_465_1");
|
||||
} else {
|
||||
revapi465 = tpj("#rev_slider_465_1").show().revolution({
|
||||
sliderType: "standard",
|
||||
jsFileLocation: "revolution/js/",
|
||||
sliderLayout: "fullwidth",
|
||||
dottedOverlay: "none",
|
||||
delay: 9000,
|
||||
navigation: {
|
||||
keyboardNavigation: "off",
|
||||
keyboard_direction: "horizontal",
|
||||
mouseScrollNavigation: "off",
|
||||
mouseScrollReverse: "default",
|
||||
onHoverStop: "off",
|
||||
touch: {
|
||||
touchenabled: "on",
|
||||
swipe_threshold: 75,
|
||||
swipe_min_touches: 1,
|
||||
swipe_direction: "horizontal",
|
||||
drag_block_vertical: false
|
||||
},
|
||||
arrows: {
|
||||
style: "metis",
|
||||
enable: true,
|
||||
hide_onmobile: false,
|
||||
hide_onleave: false,
|
||||
tmp: '',
|
||||
left: {
|
||||
h_align: "left",
|
||||
v_align: "center",
|
||||
h_offset: 0,
|
||||
v_offset: 0
|
||||
},
|
||||
right: {
|
||||
h_align: "right",
|
||||
v_align: "center",
|
||||
h_offset: 0,
|
||||
v_offset: 0
|
||||
}
|
||||
},
|
||||
bullets: {
|
||||
enable: true,
|
||||
hide_onmobile: true,
|
||||
hide_under: 768,
|
||||
style: "hermes",
|
||||
hide_onleave: false,
|
||||
direction: "horizontal",
|
||||
h_align: "center",
|
||||
v_align: "bottom",
|
||||
h_offset: 0,
|
||||
v_offset: 30,
|
||||
space: 5,
|
||||
tmp: ''
|
||||
}
|
||||
},
|
||||
responsiveLevels: [1240, 1024, 778, 480],
|
||||
visibilityLevels: [1240, 1024, 778, 480],
|
||||
gridwidth: [1240, 1024, 778, 480],
|
||||
gridheight: [868, 768, 960, 720],
|
||||
lazyType: "smart",
|
||||
parallax: {
|
||||
type: "scroll",
|
||||
origo: "enterpoint",
|
||||
speed: 400,
|
||||
levels: [5, 10, 15, 20, 25, 30, 35, 40, 45, 46, 47, 48, 49, 50, 51, 55],
|
||||
type: "scroll",
|
||||
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,
|
||||
}
|
||||
});
|
||||
}
|
||||
}); /*ready*/
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
|
||||
<!-- Mirrored from quickdevs.com/demo/merit/rev-sliders/car-dealer.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 29 Mar 2023 10:29:15 GMT -->
|
||||
</html>
|
||||
1242
public/sunsarioverseas/rev-sliders/carousel-gallery.html
Normal file
1242
public/sunsarioverseas/rev-sliders/carousel-gallery.html
Normal file
File diff suppressed because it is too large
Load Diff
1126
public/sunsarioverseas/rev-sliders/classic-carousel.html
Normal file
1126
public/sunsarioverseas/rev-sliders/classic-carousel.html
Normal file
File diff suppressed because it is too large
Load Diff
926
public/sunsarioverseas/rev-sliders/coming-soon.html
Normal file
926
public/sunsarioverseas/rev-sliders/coming-soon.html
Normal file
@ -0,0 +1,926 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US" class="no-js">
|
||||
|
||||
|
||||
<!-- Mirrored from quickdevs.com/demo/merit/rev-sliders/coming-soon.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 29 Mar 2023 10:31:27 GMT -->
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
|
||||
<!-- TITLE -->
|
||||
<title>Coming Soon - Merit Premium Multi-Purpose HTML5 Template</title>
|
||||
|
||||
<!-- META TAGS -->
|
||||
<meta name="keywords" content="premium multi-Purpose, html template, multipurpose template, bootstrap template, niches, clean, modern, multipurpose, responsive">
|
||||
<meta name="description" content="Merit is a modern Multi-Purpose HTML Template any bussines.">
|
||||
|
||||
<!-- FAVICON -->
|
||||
<link rel="shortcut icon" href="../images/icons/favicon.png">
|
||||
|
||||
<!-- REVOLUTION ADDONS -->
|
||||
<link href="http://fonts.googleapis.com/css?family=Roboto%3A700%2C300" rel="stylesheet" property="stylesheet" type="text/css" media="all" />
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/fonts/pe-icon-7-stroke/css/pe-icon-7-stroke.css">
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/fonts/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!-- REVOLUTION STYLE SHEETS -->
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/css/settings.css">
|
||||
|
||||
<!-- REVOLUTION LAYERS STYLES -->
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/css/layers.css">
|
||||
|
||||
<!-- REVOLUTION NAVIGATION STYLES -->
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/css/navigation.css">
|
||||
|
||||
<!-- MAIN CSS STYLE SHEET -->
|
||||
<link rel="stylesheet" href="../css/main.css">
|
||||
<link rel="stylesheet" href="../css/stylesheet.css">
|
||||
<link rel="stylesheet" href="../css/responsive.css">
|
||||
|
||||
<!-- REVOLUTION CUSTOM CSS -->
|
||||
<link rel="stylesheet" href="../css/slider-revolution.css">
|
||||
|
||||
<!-- MODERNIZR LIBRARY -->
|
||||
<script src="../js/modernizr-custom.js"></script>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- PRELOADER START -->
|
||||
<div id="loader-wrapper">
|
||||
<div class="loader">
|
||||
<span class="loader-26"></span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- PRELOADER END -->
|
||||
|
||||
<!-- HEADER START -->
|
||||
<header>
|
||||
<!-- TOP HEADER START -->
|
||||
<div class="top-header">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<ul class="top-contact text-left">
|
||||
<li class="phone"><span class="tel-no"><a href="tel:123-456-7890"> +123-456-7890</a></span>
|
||||
</li>
|
||||
<li class="email"><a href="mailto:info@merit.com">info@merit.com</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-6 text-right">
|
||||
<div class="top-social">
|
||||
<ul class="social-list">
|
||||
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-dribbble"></i></a></li>
|
||||
<li>
|
||||
<!-- Button trigger modal -->
|
||||
<div class="center-element">
|
||||
<button type="button" class="btn btn-default" data-toggle="modal" data-target="#exampleModal2">Login</button>
|
||||
</div>
|
||||
|
||||
<!-- Modal -->
|
||||
<div class="modal fade custom-modal" id="exampleModal2" tabindex="-1" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content login-modal">
|
||||
<button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button>
|
||||
<div class="modal-body">
|
||||
<figure class="login-avatar">
|
||||
<img src="../images/icons/user-login-2.png" alt="">
|
||||
</figure>
|
||||
<h4>Merit</h4>
|
||||
<p>Welcome Back!</p>
|
||||
<div class="google-btn">
|
||||
<button type="submit" class="tp-btn-primary">
|
||||
<img class="tp-goole-icon" src="../images/icons/google-icon.png" alt="">
|
||||
Sign in with Google
|
||||
</button>
|
||||
</div>
|
||||
<p>Or</p>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<form>
|
||||
<div class="form-group">
|
||||
<input type="email" class="form-control login-fc" placeholder="Email or Username">
|
||||
</div>
|
||||
<div class="form-group mt-3">
|
||||
<input type="password" class="form-control login-fc" placeholder="Password">
|
||||
</div>
|
||||
<div class="login-options d-flex justify-content-between mt-3">
|
||||
<div class="have-account">
|
||||
<p><a href="#">Dont have an account?</a></p>
|
||||
</div>
|
||||
<div class="forgot-password">
|
||||
<p><a href="#">Forgot password?</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="login-btn">
|
||||
<button type="submit" class="tp-btn-primary">Login</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="top-line">
|
||||
</div>
|
||||
</div>
|
||||
<!-- TOP HEADER END -->
|
||||
|
||||
<!-- MEGAMENU START -->
|
||||
<div class="main-nav">
|
||||
<div class="container">
|
||||
<nav id="navigation1" class="navigation">
|
||||
<div class="nav-header">
|
||||
<a class="nav-logo" href="../index.html">
|
||||
<img src="../images/logos/logo.png" class="white-logo" alt="">
|
||||
<img src="../images/logos/logo-black.png" class="dark-logo" alt="">
|
||||
</a>
|
||||
<div class="nav-toggle"></div>
|
||||
</div>
|
||||
<div class="nav-menus-wrapper">
|
||||
<ul class="nav-menu align-to-right">
|
||||
<li><a href="#">HOME</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../1-agency.html">Agency</a></li>
|
||||
<li><a href="../2-beauty.html">Beauty</a></li>
|
||||
<li><a href="../3-construction.html">Construction</a></li>
|
||||
<li><a href="../4-corporate.html">Corporate</a></li>
|
||||
<li><a href="../5-courier.html">Courier</a></li>
|
||||
<li><a href="../6-dealer.html">Dealer</a></li>
|
||||
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../7-dental.html">Dental</a></li>
|
||||
<li><a href="../8-education.html">Education</a></li>
|
||||
<li><a href="../9-gym.html">Gym</a></li>
|
||||
<li><a href="../10-hotel.html">Hotel</a></li>
|
||||
<li><a href="../11-medical.html">Medical</a></li>
|
||||
<li><a href="../12-restaurant.html">Restaurant</a></li>
|
||||
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../13-charity.html">Charity</a></li>
|
||||
<li><a href="../14-cleaning.html">Cleaning</a></li>
|
||||
<li><a href="../15-finance.html">Finance</a></li>
|
||||
<li><a href="../16-industrial.html">Industrial</a></li>
|
||||
<li><a href="../17-hosting.html">Hosting</a></li>
|
||||
<li><a href="../18-portfolio.html">Portfolio</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../19-organic.html">Organic</a></li>
|
||||
<li><a href="../20-farm.html">Farm</a></li>
|
||||
<li><a href="../21-yoga.html">Yoga</a></li>
|
||||
<li><a href="../22-travel.html">Travel</a></li>
|
||||
<li><a href="../23-lawyer.html">Lawyer</a></li>
|
||||
<li><a href="../24-fitness.html">Fitness</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">PAGES</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../about-style-1.html">About Us</a></li>
|
||||
<li><a href="../about-style-2.html">About Me</a></li>
|
||||
<li><a href="../about-style-3.html">About Us - ALT 2</a></li>
|
||||
<li><a href="../about-style-4.html">About Us - ALT 3</a></li>
|
||||
<li><a href="../careers-style-1.html">Careers</a></li>
|
||||
<li><a href="../careers-style-2.html">Careers - ALT 2</a></li>
|
||||
<li><a href="../careers-style-3.html">Careers - ALT 3</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../services-style-1.html">Services</a></li>
|
||||
<li><a href="../services-style-2.html">Services - ALT 2</a></li>
|
||||
<li><a href="../services-style-3.html">Services - ALT 3</a></li>
|
||||
<li><a href="../services-style-4.html">Services - ALT 4</a></li>
|
||||
<li><a href="../profile-style-1.html">Profile</a></li>
|
||||
<li><a href="../profile-style-2.html">Profile - ALT 2</a></li>
|
||||
<li><a href="../profile-style-3.html">Profile - ALT 3</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../contact-style-1.html">Contact Us </a></li>
|
||||
<li><a href="../contact-style-2.html">Contact Us - ALT 2</a></li>
|
||||
<li><a href="../contact-style-3.html">Contact Us - ALT 3</a></li>
|
||||
<li><a href="../contact-style-4.html">Contact Us - ALT 4</a></li>
|
||||
<li><a href="../team-style-1.html">Our Team</a></li>
|
||||
<li><a href="../team-style-2.html">Our Team - ALT 2</a></li>
|
||||
<li><a href="../team-style-3.html">Our Team - ALT 3</a></li>
|
||||
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../coming-soon-style-1.html">Coming Soon</a></li>
|
||||
<li><a href="../coming-soon-style-2.html">Coming Soon - ALT 2</a></li>
|
||||
<li><a href="../404-error-style-1.html">404 Page</a></li>
|
||||
<li><a href="../404-error-style-2.html">404 Page - ALT 2</a></li>
|
||||
<li><a href="../login-register-style-1.html">Login / Register</a></li>
|
||||
<li><a href="../faq.html">Faq</a></li>
|
||||
<li><a href="../faq-alt.html">Faq - ALT</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">ELEMENTS</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 1</a></li>
|
||||
<li><a href="../elements/accordions.html"><i class="fas fa-plus-square"></i> Accordions</a></li>
|
||||
<li><a href="../elements/alerts.html"><i class="fas fa-exclamation-circle"></i> Alerts</a></li>
|
||||
<li><a href="../elements/animations.html"><i class="fas fa-exchange-alt"></i> Animations</a></li>
|
||||
<li><a href="../elements/blockquotes.html"><i class="fas fa-quote-left"></i> Blockquotes</a></li>
|
||||
<li><a href="../elements/breadcrumbs.html"><i class="fas fa-share"></i> Breadcrumbs</a></li>
|
||||
<li><a href="../elements/buttons.html"><i class="fas fa-square"></i> Buttons</a></li>
|
||||
<li><a href="../elements/call-to-action.html"><i class="fas fa-bullhorn"></i> Call to Action</a></li>
|
||||
<li><a href="../elements/charts.html"><i class="fas fa-circle-notch"></i> Charts</a></li>
|
||||
<li><a href="../elements/content-boxes.html"><i class="fas fa-th-large"></i> Content Boxes</a></li>
|
||||
<li><a href="../elements/counters.html"><i class="fas fa-bullseye"></i> Counters</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 2</a></li>
|
||||
<li><a href="../elements/customers.html"><i class="fas fa-user-circle"></i> Customer</a></li>
|
||||
<li><a href="../elements/dropcaps.html"><i class="fas fa-font"></i> Dropcaps</a></li>
|
||||
<li><a href="../elements/flip-boxes.html"><i class="fas fa-sync-alt"></i> Flip Box</a></li>
|
||||
<li><a href="../elements/google-maps.html"><i class="fas fa-map"></i> Google Maps</a></li>
|
||||
<li><a href="../elements/grid-boxes.html"><i class="fas fa-th"></i> Grid Boxes</a></li>
|
||||
<li><a href="../elements/icon-boxes.html"><i class="fas fa-th-large"></i> Icon Boxes</a></li>
|
||||
<li><a href="../elements/icon-circle.html"><i class="far fa-circle"></i> Icon Circle</a></li>
|
||||
<li><a href="../elements/image-gallery.html"><i class="fas fa-expand"></i> Image Gallery</a></li>
|
||||
<li><a href="../elements/images.html"><i class="far fa-image"></i> Images</a></li>
|
||||
<li><a href="../elements/image-hover.html"><i class="fas fa-object-ungroup" aria-hidden="true"></i> Image Hover</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 3</a></li>
|
||||
<li><a href="../elements/lightbox.html"><i class="fas fa-lightbulb"></i> LightBox</a></li>
|
||||
<li><a href="../elements/modal-popup.html"><i class="fas fa-search-plus"></i> Modal Popup</a></li>
|
||||
<li><a href="../elements/pagination.html"><i class="fas fa-angle-double-right"></i> Pagination</a></li>
|
||||
<li><a href="../elements/parallax.html"><i class="fas fa-random"></i> Parallax</a></li>
|
||||
<li><a href="../elements/pricing-table.html"><i class="fas fa-table"></i> Pricing Tables</a></li>
|
||||
<li><a href="../elements/process-steps.html"><i class="fas fa-arrow-right"></i> Process Steps</a></li>
|
||||
<li><a href="../elements/profile-cards.html"><i class="fas fa-address-card"></i> Profile Cards</a></li>
|
||||
<li><a href="../elements/progress-bar.html"><i class="fas fa-tasks"></i> Progress Bar</a></li>
|
||||
<li><a href="../elements/recent-posts.html"><i class="fas fa-newspaper"></i> Recent Posts</a></li>
|
||||
<li><a href="../elements/section-styles.html"><i class="fas fa-outdent"></i> Section Styles</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 4</a></li>
|
||||
<li><a href="../elements/separators.html"><i class="fas fa-minus"></i> Separators</a></li>
|
||||
<li><a href="../elements/shop-banners.html"><i class="fas fa-language"></i> Shop Banners</a></li>
|
||||
<li><a href="../elements/social-icons.html"><i class="fab fa-twitter"></i> Social Icons</a></li>
|
||||
<li><a href="../elements/tables.html"><i class="fas fa-table"></i> Tables</a></li>
|
||||
<li><a href="../elements/tabs.html"><i class="fas fa-window-maximize"></i> Tabs</a></li>
|
||||
<li><a href="../elements/team.html"><i class="fas fa-users"></i> Team</a></li>
|
||||
<li><a href="../elements/testimonials.html"><i class="fas fa-edit"></i> Testimonials</a></li>
|
||||
<li><a href="../elements/timeline.html"><i class="fas fa-arrow-down"></i> Timeline</a></li>
|
||||
<li><a href="../elements/videos.html"><i class="fas fa-video"></i> Videos & Audio</a></li>
|
||||
<li><a href="../elements/video-background.html"><i class="fas fa-photo-video"></i> Video Background</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">SLIDERS</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 1</a></li>
|
||||
<li><a href="3d-parallax-scenes.html">3D Parallax Scenes</a></li>
|
||||
<li><a href="404-error.html">404 Error</a></li>
|
||||
<li><a href="agency-slider.html">Agency Slider</a></li>
|
||||
<li><a href="blend-mode.html">Blend Mode</a></li>
|
||||
<li><a href="blur-effect.html">Blur Effect</a></li>
|
||||
<li><a href="car-dealer.html">Car Dealer</a></li>
|
||||
<li><a href="carousel-gallery.html">Carousel Gallery</a></li>
|
||||
<li><a href="classic-carousel.html">Classic Carousel</a></li>
|
||||
<li><a href="coming-soon.html">Coming soon</a></li>
|
||||
<li><a href="concept-slider.html">Concept Slider</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 2</a></li>
|
||||
<li><a href="double-exposure-effect.html">Double Exposure Effect</a></li>
|
||||
<li><a href="exploration-header.html">Exploration Header</a></li>
|
||||
<li><a href="film-strip.html">Film Strip Effect</a></li>
|
||||
<li><a href="fine-dining.html">Fine Dining</a></li>
|
||||
<li><a href="gravity-design.html">Gravity Design</a></li>
|
||||
<li><a href="happy-hollidays.html">Happy Hollidays</a></li>
|
||||
<li><a href="hero-sports.html">Hero Sports</a></li>
|
||||
<li><a href="inspiration-header.html">Inspiration Header</a></li>
|
||||
<li><a href="levano-slider.html">Levano Slider</a></li>
|
||||
<li><a href="magazine-posts.html">Magazine Posts</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 3</a></li>
|
||||
<li><a href="mask-showcase.html">Mask Showcase</a></li>
|
||||
<li><a href="mountain-parallax.html">Mountain Parallax</a></li>
|
||||
<li><a href="over-expousure.html">Over Exposure</a></li>
|
||||
<li><a href="panorama.html">Panorama</a></li>
|
||||
<li><a href="parallax-joy.html">Parallax Joy</a></li>
|
||||
<li><a href="parallax-zoom.html">Parallax Zoom</a></li>
|
||||
<li><a href="particle-effect-one.html">Particle Effect one</a></li>
|
||||
<li><a href="particle-effect-two.html">Particle Effect Two</a></li>
|
||||
<li><a href="particle-effect-three.html">Particle Effect Three</a></li>
|
||||
<li><a href="style-intro.html">Style Intro</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 4</a></li>
|
||||
<li><a href="reveal.html">Reveal</a></li>
|
||||
<li><a href="rock-band.html">Rock Band</a></li>
|
||||
<li><a href="scroll-effects.html">Scroll Effect</a></li>
|
||||
<li><a href="slider-gym.html">Slider Gym</a></li>
|
||||
<li><a href="slider-news.html">Slider News</a></li>
|
||||
<li><a href="sliding-overlays.html">Sliding Overlays</a></li>
|
||||
<li><a href="web-agency.html">Web Agency</a></li>
|
||||
<li><a href="web-product.html">Web Product</a></li>
|
||||
<li><a href="website-intro.html">Website Intro</a></li>
|
||||
<li><a href="youtube-hero.html">Youtube Hero</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">SHOP</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="#">CLASSIC</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../shop-full-width.html">Full width</a></li>
|
||||
<li><a href="../shop-left-sidebar.html">Left sidebar</a></li>
|
||||
<li><a href="../shop-right-sidebar.html">Right sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">PRODUCT DETAILS</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../product-full-width.html">Full width</a></li>
|
||||
<li><a href="../product-left-sidebar.html">Left sidebar</a></li>
|
||||
<li><a href="../product-right-sidebar.html">Right sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="../shopping-cart.html">SHOPING CART</a></li>
|
||||
<li><a href="../checkout.html">CHECKOUT</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">BLOG</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="#">CLASSIC</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../blog-full-width.html">Full width</a></li>
|
||||
<li><a href="../blog-left-sidebar.html">Left sidebar</a></li>
|
||||
<li><a href="../blog-right-sidebar.html">Right sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">GRID</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../blog-grid-one-column.html">One column</a></li>
|
||||
<li><a href="../blog-grid-two-column.html">Two column</a></li>
|
||||
<li><a href="../blog-grid-three-column.html">Three column</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">MASONRY</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../masonry-two-columns.html">Two Columns</a></li>
|
||||
<li><a href="../masonry-three-columns.html">Three Columns</a></li>
|
||||
<li><a href="../masonry-four-columns.html">Four Columns</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">BLOG SINGLE</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../blog-single-full-width.html">Blog Single Full Width</a></li>
|
||||
<li><a href="../blog-single-left-sidebar.html">Blog Single Left Sidebar</a></li>
|
||||
<li><a href="../blog-single-right-sidebar.html">Blog Single Right Sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<!-- MEGAMENU END -->
|
||||
|
||||
<div class="home-slider">
|
||||
<!-- SLIDER REVOLUTION START -->
|
||||
<section class="example">
|
||||
<article class="content">
|
||||
|
||||
<div id="rev_slider_152_1_wrapper" class="rev_slider_wrapper fullscreen-container"
|
||||
data-alias="coming-soon" data-source="gallery" style="background-color:#222222;padding:0px;">
|
||||
<!-- START REVOLUTION SLIDER 5.4.1 fullscreen mode -->
|
||||
<div id="rev_slider_152_1" class="rev_slider fullscreenbanner" style="display:none;"
|
||||
data-version="5.4.1">
|
||||
<ul>
|
||||
<!-- SLIDE -->
|
||||
<li data-index="rs-414" data-transition="fade" data-slotamount="default"
|
||||
data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default"
|
||||
data-easeout="default" data-masterspeed="300" data-rotate="0"
|
||||
data-saveperformance="off" data-title="Slide" data-param1="" data-param2=""
|
||||
data-param3="" data-param4="" data-param5="" data-param6="" data-param7=""
|
||||
data-param8="" data-param9="" data-param10="" data-description="">
|
||||
<!-- MAIN IMAGE -->
|
||||
<img src="../assets/images/comingsoon2.jpg" alt="" data-bgposition="center center"
|
||||
data-kenburns="on" data-duration="20000" data-ease="Linear.easeNone"
|
||||
data-scalestart="130" data-scaleend="100" data-rotatestart="0" data-rotateend="0"
|
||||
data-offsetstart="0 0" data-offsetend="0 0" class="rev-slidebg" data-no-retina>
|
||||
<!-- LAYERS -->
|
||||
|
||||
<!-- LAYER NR. 2 -->
|
||||
<div class="tp-caption tp-resizeme" id="slide-414-layer-2"
|
||||
data-x="['left','left','left','left']" data-hoffset="['100','50','50','30']"
|
||||
data-y="['top','top','top','top']" data-voffset="['200','150','150','120']"
|
||||
data-fontsize="['100','100','100','70']"
|
||||
data-lineheight="['100','100','100','70']" data-width="none" data-height="none"
|
||||
data-whitespace="nowrap" data-type="text" data-basealign="slide"
|
||||
data-responsive_offset="on"
|
||||
data-frames='[{"delay":400,"speed":2000,"frame":"0","from":"x:left;fb:20px;","to":"o:1;fb:0;","ease":"Power4.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
|
||||
data-textAlign="['inherit','inherit','inherit','inherit']"
|
||||
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 6; white-space: nowrap; font-size: 100px; line-height: 100px; font-weight: 700; color: rgba(255, 255, 255, 1.00);font-family:Poppins;letter-spacing:-5px;">
|
||||
LAUNCHING </div>
|
||||
|
||||
<!-- LAYER NR. 3 -->
|
||||
<div class="tp-caption tp-resizeme" id="slide-414-layer-3"
|
||||
data-x="['left','left','left','left']" data-hoffset="['100','50','50','30']"
|
||||
data-y="['top','top','top','top']" data-voffset="['290','240','240','190']"
|
||||
data-fontsize="['100','100','100','70']"
|
||||
data-lineheight="['100','100','100','70']" data-width="none" data-height="none"
|
||||
data-whitespace="nowrap" data-type="text" data-basealign="slide"
|
||||
data-responsive_offset="on"
|
||||
data-frames='[{"delay":500,"speed":2000,"frame":"0","from":"x:left;fb:20px;","to":"o:1;fb:0;","ease":"Power4.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
|
||||
data-textAlign="['inherit','inherit','inherit','inherit']"
|
||||
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 7; white-space: nowrap; font-size: 100px; line-height: 100px; font-weight: 300; color: rgba(255, 255, 255, 1.00);font-family:Poppins;letter-spacing:-5px;">
|
||||
VERY SOON. </div>
|
||||
|
||||
<!-- LAYER NR. 4 -->
|
||||
<div class="tp-caption tp-resizeme" data-x="['left','left','left','left']"
|
||||
data-hoffset="['60','-20','0','15']" data-y="['top','top','top','top']"
|
||||
data-voffset="['450','380','380','220']" data-fontsize="['200','150','100','70']"
|
||||
data-width="['300','300','200','100']" data-height="none"
|
||||
data-whitespace="nowrap" data-type="text" data-basealign="slide"
|
||||
data-responsive_offset="on"
|
||||
data-frames='[{"delay":1500,"speed":2000,"frame":"0","from":"x:left;rX:45deg;fb:20px;","to":"o:1;fb:0;","ease":"Power4.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
|
||||
data-textAlign="['center','center','center','center']"
|
||||
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
|
||||
data-blendmode="screen"
|
||||
style="z-index: 8; min-width: 300px; max-width: 300px; white-space: nowrap; font-size: 200px; line-height: 200px; font-weight: 600; color: rgba(138, 43, 255, 1.00);font-family:Poppins;letter-spacing:-5px;"
|
||||
id="t_days">00 </div>
|
||||
|
||||
<!-- LAYER NR. 5 -->
|
||||
<div class="tp-caption tp-resizeme" data-x="['left','left','left','left']"
|
||||
data-hoffset="['330','200','150','115']" data-y="['top','top','top','top']"
|
||||
data-voffset="['450','380','380','220']" data-fontsize="['200','150','100','70']"
|
||||
data-width="['300','300','200','100']" data-height="none"
|
||||
data-whitespace="nowrap" data-type="text" data-basealign="slide"
|
||||
data-responsive_offset="on"
|
||||
data-frames='[{"delay":1200,"speed":2000,"frame":"0","from":"x:left;rX:45deg;fb:20px;","to":"o:1;fb:0;","ease":"Power4.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
|
||||
data-textAlign="['center','center','center','center']"
|
||||
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
|
||||
data-blendmode="screen"
|
||||
style="z-index: 9; min-width: 300px; max-width: 300px; white-space: nowrap; font-size: 200px; line-height: 200px; font-weight: 600; color: rgba(138, 43, 255, 1.00);font-family:Poppins;letter-spacing:-5px;"
|
||||
id="t_hourss">00 </div>
|
||||
|
||||
<!-- LAYER NR. 6 -->
|
||||
<div class="tp-caption tp-resizeme" data-x="['left','left','left','left']"
|
||||
data-hoffset="['600','420','300','215']" data-y="['top','top','top','top']"
|
||||
data-voffset="['450','380','380','220']" data-fontsize="['200','150','100','70']"
|
||||
data-width="['300','300','200','100']" data-height="none"
|
||||
data-whitespace="nowrap" data-type="text" data-basealign="slide"
|
||||
data-responsive_offset="on"
|
||||
data-frames='[{"delay":900,"speed":2000,"frame":"0","from":"x:left;rX:45deg;fb:20px;","to":"o:1;fb:0;","ease":"Power4.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
|
||||
data-textAlign="['center','center','center','center']"
|
||||
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
|
||||
data-blendmode="screen"
|
||||
style="z-index: 10; min-width: 300px; max-width: 300px; white-space: nowrap; font-size: 200px; line-height: 200px; font-weight: 600; color: rgba(138, 43, 255, 1.00);font-family:Poppins;letter-spacing:-5px;"
|
||||
id="t_minutes">00 </div>
|
||||
|
||||
<!-- LAYER NR. 7 -->
|
||||
<div class="tp-caption tp-resizeme" data-x="['left','left','left','left']"
|
||||
data-hoffset="['870','640','450','315']" data-y="['top','top','top','top']"
|
||||
data-voffset="['450','380','380','220']" data-fontsize="['200','150','100','70']"
|
||||
data-width="['300','300','200','100']" data-height="none"
|
||||
data-whitespace="nowrap" data-type="text" data-basealign="slide"
|
||||
data-responsive_offset="on"
|
||||
data-frames='[{"delay":600,"speed":2000,"frame":"0","from":"x:left;rX:45deg;fb:20px;","to":"o:1;fb:0;","ease":"Power4.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
|
||||
data-textAlign="['center','center','center','center']"
|
||||
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
|
||||
data-blendmode="screen"
|
||||
style="z-index: 11; min-width: 300px; max-width: 300px; white-space: nowrap; font-size: 200px; line-height: 200px; font-weight: 600; color: rgba(138, 43, 255, 1.00);font-family:Poppins;letter-spacing:-5px;"
|
||||
id="t_seconds">00 </div>
|
||||
|
||||
<!-- LAYER NR. 8 -->
|
||||
<div class="tp-caption tp-resizeme" id="slide-414-layer-6"
|
||||
data-x="['left','left','left','left']" data-hoffset="['60','-20','0','15']"
|
||||
data-y="['top','top','top','top']" data-voffset="['520','460','460','300']"
|
||||
data-fontsize="['25','25','20','15']" data-width="['300','300','200','100']"
|
||||
data-height="none" data-whitespace="nowrap" data-type="text"
|
||||
data-basealign="slide" data-responsive_offset="on"
|
||||
data-frames='[{"delay":1600,"speed":2000,"frame":"0","from":"x:left;fb:20px;","to":"o:1;fb:0;","ease":"Power4.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
|
||||
data-textAlign="['center','center','center','center']"
|
||||
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 12; min-width: 300px; max-width: 300px; white-space: nowrap; font-size: 25px; line-height: 25px; font-weight: 600; color: rgba(255, 255, 255, 1.00);font-family:Poppins;">
|
||||
DAYS </div>
|
||||
|
||||
<!-- LAYER NR. 9 -->
|
||||
<div class="tp-caption tp-resizeme" id="slide-414-layer-9"
|
||||
data-x="['left','left','left','left']" data-hoffset="['330','200','150','115']"
|
||||
data-y="['top','top','top','top']" data-voffset="['520','460','460','300']"
|
||||
data-fontsize="['25','25','20','15']" data-width="['300','300','200','100']"
|
||||
data-height="none" data-whitespace="nowrap" data-type="text"
|
||||
data-basealign="slide" data-responsive_offset="on"
|
||||
data-frames='[{"delay":1300,"speed":2000,"frame":"0","from":"x:left;fb:20px;","to":"o:1;fb:0;","ease":"Power4.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
|
||||
data-textAlign="['center','center','center','center']"
|
||||
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 13; min-width: 300px; max-width: 300px; white-space: nowrap; font-size: 25px; line-height: 25px; font-weight: 600; color: rgba(255, 255, 255, 1.00);font-family:Poppins;">
|
||||
HOURS </div>
|
||||
|
||||
<!-- LAYER NR. 10 -->
|
||||
<div class="tp-caption tp-resizeme" id="slide-414-layer-11"
|
||||
data-x="['left','left','left','left']" data-hoffset="['600','420','301','215']"
|
||||
data-y="['top','top','top','top']" data-voffset="['520','460','460','300']"
|
||||
data-fontsize="['25','25','20','15']" data-width="['300','300','200','100']"
|
||||
data-height="none" data-whitespace="nowrap" data-type="text"
|
||||
data-basealign="slide" data-responsive_offset="on"
|
||||
data-frames='[{"delay":1000,"speed":2000,"frame":"0","from":"x:left;fb:20px;","to":"o:1;fb:0;","ease":"Power4.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
|
||||
data-textAlign="['center','center','center','center']"
|
||||
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 14; min-width: 300px; max-width: 300px; white-space: nowrap; font-size: 25px; line-height: 25px; font-weight: 600; color: rgba(255, 255, 255, 1.00);font-family:Poppins;">
|
||||
MINUTES </div>
|
||||
|
||||
<!-- LAYER NR. 11 -->
|
||||
<div class="tp-caption tp-resizeme" id="slide-414-layer-13"
|
||||
data-x="['left','left','left','left']" data-hoffset="['870','640','450','315']"
|
||||
data-y="['top','top','top','top']" data-voffset="['520','460','460','300']"
|
||||
data-fontsize="['25','25','20','15']" data-width="['300','300','200','100']"
|
||||
data-height="none" data-whitespace="nowrap" data-type="text"
|
||||
data-basealign="slide" data-responsive_offset="on"
|
||||
data-frames='[{"delay":700,"speed":2000,"frame":"0","from":"x:left;fb:20px;","to":"o:1;fb:0;","ease":"Power4.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
|
||||
data-textAlign="['center','center','center','center']"
|
||||
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 15; min-width: 300px; max-width: 300px; white-space: nowrap; font-size: 25px; line-height: 25px; font-weight: 600; color: rgba(255, 255, 255, 1.00);font-family:Poppins;">
|
||||
SECONDS </div>
|
||||
|
||||
<!-- LAYER NR. 12 -->
|
||||
<a class="tp-caption tp-resizeme" target="_blank"
|
||||
href="http://server.local/revslider/wp-content/plugins/revslider-sharing-addon/public/revslider-sharing-addon-call.php?tpurl=414&share=https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fserver.local%2Frevslider%2Fwp-admin%2Fadmin-ajax.php%3Faction%3Drevslider_ajax_action%26%23038%3Bclient_action%3Dpreview_slider%26%23038%3Bonly_markup%3Dtrue%26%23038%3Bdummy%3Dfalse%26%23038%3Bnonce%3D058aad6c3d%26%23038%3Bsliderid%3D152&slider=152&source=gallery"
|
||||
id="slide-414-layer-16" data-x="['left','left','left','left']"
|
||||
data-hoffset="['100','50','50','30']"
|
||||
data-y="['bottom','bottom','bottom','bottom']"
|
||||
data-voffset="['100','100','50','30']" data-width="60" data-height="60"
|
||||
data-whitespace="nowrap" data-type="text" data-actions='' data-basealign="slide"
|
||||
data-responsive_offset="on"
|
||||
data-frames='[{"delay":2000,"speed":1000,"frame":"0","from":"y:50px;opacity:0;fb:20px;","to":"o:1;fb:0;","ease":"Power4.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"300","ease":"Power2.easeInOut","to":"o:1;rX:0;rY:0;rZ:0;z:0;fb:0;","style":"c:rgba(255, 255, 255, 1.00);bg:rgba(59, 89, 152, 1.00);bc:rgba(59, 89, 152, 1.00);"}]'
|
||||
data-textAlign="['center','center','center','center']"
|
||||
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 16; min-width: 60px; max-width: 60px; max-width: 60px; max-width: 60px; white-space: nowrap; font-size: 20px; line-height: 60px; font-weight: 400; color: rgba(255, 255, 255, 1.00);font-family:Open Sans;border-color:rgba(255, 255, 255, 1.00);border-style:solid;border-width:2px 2px 2px 2px;border-radius:50% 50% 50% 50%;cursor:pointer;"><i
|
||||
class="fa-icon-facebook-f"></i> </a>
|
||||
|
||||
<!-- LAYER NR. 13 -->
|
||||
<a class="tp-caption tp-resizeme" target="_blank"
|
||||
href="http://server.local/revslider/wp-content/plugins/revslider-sharing-addon/public/revslider-sharing-addon-call.php?tpurl=414&share=%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20https://twitter.com/home?status=Slider+Revolution+Coming+Soon+http%3A%2F%2Fserver.local%2Frevslider%2Fwp-admin%2Fadmin-ajax.php%3Faction%3Drevslider_ajax_action%26%23038%3Bclient_action%3Dpreview_slider%26%23038%3Bonly_markup%3Dtrue%26%23038%3Bdummy%3Dfalse%26%23038%3Bnonce%3D058aad6c3d%26%23038%3Bsliderid%3D152&slider=152&source=gallery"
|
||||
id="slide-414-layer-17" data-x="['left','left','left','left']"
|
||||
data-hoffset="['170','120','120','100']"
|
||||
data-y="['bottom','bottom','bottom','bottom']"
|
||||
data-voffset="['100','100','50','30']" data-width="60" data-height="60"
|
||||
data-whitespace="nowrap" data-type="text" data-actions='' data-basealign="slide"
|
||||
data-responsive_offset="on"
|
||||
data-frames='[{"delay":2000,"speed":1000,"frame":"0","from":"y:50px;opacity:0;fb:20px;","to":"o:1;fb:0;","ease":"Power4.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"300","ease":"Power2.easeInOut","to":"o:1;rX:0;rY:0;rZ:0;z:0;fb:0;","style":"c:rgba(255, 255, 255, 1.00);bg:rgba(85, 172, 238, 1.00);bc:rgba(85, 172, 238, 1.00);"}]'
|
||||
data-textAlign="['center','center','center','center']"
|
||||
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 17; min-width: 60px; max-width: 60px; max-width: 60px; max-width: 60px; white-space: nowrap; font-size: 20px; line-height: 60px; font-weight: 400; color: rgba(255, 255, 255, 1.00);font-family:Open Sans;border-color:rgba(255, 255, 255, 1.00);border-style:solid;border-width:2px 2px 2px 2px;border-radius:50% 50% 50% 50%;cursor:pointer;"><i
|
||||
class="fa-icon-twitter"></i> </a>
|
||||
|
||||
<!-- LAYER NR. 14 -->
|
||||
<a class="tp-caption tp-resizeme" target="_blank"
|
||||
href="http://server.local/revslider/wp-content/plugins/revslider-sharing-addon/public/revslider-sharing-addon-call.php?tpurl=414&share=https://plus.google.com/share?url=http%3A%2F%2Fserver.local%2Frevslider%2Fwp-admin%2Fadmin-ajax.php%3Faction%3Drevslider_ajax_action%26%23038%3Bclient_action%3Dpreview_slider%26%23038%3Bonly_markup%3Dtrue%26%23038%3Bdummy%3Dfalse%26%23038%3Bnonce%3D058aad6c3d%26%23038%3Bsliderid%3D152&slider=152&source=gallery"
|
||||
id="slide-414-layer-18" data-x="['left','left','left','left']"
|
||||
data-hoffset="['240','190','190','170']"
|
||||
data-y="['bottom','bottom','bottom','bottom']"
|
||||
data-voffset="['100','100','50','30']" data-width="60" data-height="60"
|
||||
data-whitespace="nowrap" data-type="text" data-actions='' data-basealign="slide"
|
||||
data-responsive_offset="on"
|
||||
data-frames='[{"delay":2000,"speed":1000,"frame":"0","from":"y:50px;opacity:0;fb:20px;","to":"o:1;fb:0;","ease":"Power4.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"300","ease":"Power2.easeInOut","to":"o:1;rX:0;rY:0;rZ:0;z:0;fb:0;","style":"c:rgba(255, 255, 255, 1.00);bg:rgba(221, 75, 57, 1.00);bc:rgba(221, 75, 57, 1.00);"}]'
|
||||
data-textAlign="['center','center','center','center']"
|
||||
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 18; min-width: 60px; max-width: 60px; max-width: 60px; max-width: 60px; white-space: nowrap; font-size: 20px; line-height: 60px; font-weight: 400; color: rgba(255, 255, 255, 1.00);font-family:Open Sans;border-color:rgba(255, 255, 255, 1.00);border-style:solid;border-width:2px 2px 2px 2px;border-radius:50% 50% 50% 50%;cursor:pointer;"><i
|
||||
class="fa-icon-google-plus"></i> </a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</article>
|
||||
</section>
|
||||
<!-- SLIDER REVOLUTION END -->
|
||||
</div>
|
||||
</header>
|
||||
<!-- HEADER END -->
|
||||
|
||||
<section>
|
||||
<div class="container mt-5 mb-5">
|
||||
<div class="row">
|
||||
<div class="col-lg-4">
|
||||
<div class="slider-feature-info">
|
||||
<h5 class="overtitle">Coming Soon</h5>
|
||||
<h2>SLIDER REVOLUTION</h2>
|
||||
<p>Including the powerful and stunning Slider Revolution is an innovative, responsive jQuery Slider Plugin that displays your content the beautiful way.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-8 spacing-md">
|
||||
<div class="row">
|
||||
<div class="col-md-6 top-col">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/levels.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">SLIDERS DIVERSITY</h5>
|
||||
<p>With more than 100 templates, it allows you to create almost any type of web pages.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 top-col">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/document.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">DOCUMENTATION</h5>
|
||||
<p>Complete and clear documentation for an easy and fast installation..</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 bottom-col-resp">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/device.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">RESPONSIVE DESIGN</h5>
|
||||
<p>Slider Revolution adapts to any device for a better visual experience..</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/support.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">PREMIUM SUPPORT</h5>
|
||||
<p>If you have any problems in the installation process, we are here to help you.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="rs-line">
|
||||
</div>
|
||||
|
||||
<div class="container rs-call-to-action mt-5 mb-5">
|
||||
<div class="row">
|
||||
<div class="col-lg-8">
|
||||
<div class="ca-left-side">
|
||||
<h3>Premium Multi-Purpose HTML5 Template</h3>
|
||||
<p>Let's develop your project with this impressive and powerful template that helps you
|
||||
create beautiful web pages. An original solution for any business..</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12 col-lg-4">
|
||||
<div class="ca-right-side flex-parent jc-center">
|
||||
<a class="tp-btn-primary" href="https://themeforest.net/item/merit-premium-multipurpose-html5-template/21866679" target="_blank">Purchase now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- FOOTER START -->
|
||||
<footer>
|
||||
<div class="container mt-5">
|
||||
<div class="top-footer">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 col-xl-7">
|
||||
<h3>Creative and affordable website solution</h3>
|
||||
<p>Build modern websites with this powefull Multi-Purpose Template.</p>
|
||||
</div>
|
||||
<div class="col-lg-12 col-xl-5">
|
||||
<div class="footer-btn">
|
||||
<a class="tp-btn-primary" href="https://themeforest.net/item/merit-premium-multipurpose-html5-template/21866679" target="_blank" role="button">Purchase now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="footer-line">
|
||||
<div class="center-footer">
|
||||
<div class="row">
|
||||
<div class="col-lg-5">
|
||||
<div class="footer-col footer-left-col">
|
||||
<figure class="site-footer-logo">
|
||||
<img src="../images/logos/logo.png" alt="">
|
||||
</figure>
|
||||
<p>Let's develop your project with this impressive and powerful template that helps you
|
||||
create beautiful web pages. An original solution for any business.</p>
|
||||
<ul class="footer-social">
|
||||
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-dribbble"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2">
|
||||
<div class="footer-col">
|
||||
<h5>Quick Links</h5>
|
||||
<ul class="quick-links">
|
||||
<li><a href="../index.html">Home</a></li>
|
||||
<li><a href="../services-style-1.html">Services</a></li>
|
||||
<li><a href="../blog-full-width.html">Blogs</a></li>
|
||||
<li><a href="../contact-style-1.html">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2">
|
||||
<div class="footer-col">
|
||||
<h5>About</h5>
|
||||
<ul class="quick-links">
|
||||
<li><a href="../profile-style-1.html">Profile</a></li>
|
||||
<li><a href="../team-style-1.html">Team</a></li>
|
||||
<li><a href="../careers-style-1.html">Careers</a></li>
|
||||
<li><a href="../faq.html">FAQ</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3">
|
||||
<div class="footer-col">
|
||||
<h5>Get in Touch</h5>
|
||||
<ul class="footer-contact">
|
||||
<li class="phone"><a href="tel:123-456-7890">+ 123-456-7890</a></li>
|
||||
<li class="email"><a href="mailto:info@merit.com">info@merit.com</a></li>
|
||||
<li>
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="fas fa-map-pin"></i>
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<p>7391 North Bay Meadows Circle New York, NY 10040.</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="footer-line">
|
||||
<div class="bottom-footer">
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<div class="footer-copyright">
|
||||
<p>© 2022 <a href="https://themeforest.net/item/merit-premium-multipurpose-html5-template/21866679" target="_blank">Merit Premium Template</a> all rights reserved.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<ul class="footer-terms">
|
||||
<li><a href="../terms.html">Terms</a></li>
|
||||
<li><a href="../privacy.html">Privacy</a></li>
|
||||
<li><a href="../contact-style-4.html">Support</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!-- FOOTER END -->
|
||||
|
||||
<!-- SCROLL TOP -->
|
||||
<a href="#0" class="cd-top">Top</a>
|
||||
|
||||
<!-- TEMPLATE MAIN JAVASCRIPT FILES -->
|
||||
<script src="../js/lib/jquery-3.6.0.min.js"></script>
|
||||
<script src="../js/lib/bootstrap.min.js"></script>
|
||||
<script src="../js/lib/plugins.js"></script>
|
||||
<script src="../js/lib/megamenu.js"></script>
|
||||
<script src="../js/lib/navigation.js"></script>
|
||||
<script src="../js/lib/navigation.fixed.min.js"></script>
|
||||
<script src="../js/main.js"></script>
|
||||
|
||||
<!-- REVOLUTION JS FILES -->
|
||||
<script src="../revolution/js/jquery.themepunch.tools.min.js"></script>
|
||||
<script src="../revolution/js/jquery.themepunch.revolution.min.js"></script>
|
||||
|
||||
<!-- SLIDER REVOLUTION 5.0 EXTENSIONS (Load Extensions only on Local File Systems ! The following part can be removed on Server for On Demand Loading) -->
|
||||
<script src="../revolution/js/extensions/revolution.extension.actions.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.carousel.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.migration.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.navigation.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.parallax.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.video.min.js"></script>
|
||||
|
||||
<!-- TYPEWRITER AND COMING SOON ADD ON -->
|
||||
<script src="../revolution-addons/typewriter/js/revolution.addon.typewriter.min.js"></script>
|
||||
<script src="../revolution-addons/countdown/revolution.addon.countdown.min.js"></script>
|
||||
|
||||
<!-- REQUIRE JS FOR SLIDER REVOLUTION -->
|
||||
<script>
|
||||
var tpj = jQuery;
|
||||
|
||||
var revapi152;
|
||||
tpj(document).ready(function () {
|
||||
if (tpj("#rev_slider_152_1").revolution == undefined) {
|
||||
revslider_showDoubleJqueryError("#rev_slider_152_1");
|
||||
} else {
|
||||
revapi152 = tpj("#rev_slider_152_1").show().revolution({
|
||||
sliderType: "hero",
|
||||
jsFileLocation: "revolution/js/",
|
||||
sliderLayout: "fullscreen",
|
||||
dottedOverlay: "none",
|
||||
delay: 9000,
|
||||
navigation: {},
|
||||
responsiveLevels: [1240, 1024, 778, 480],
|
||||
visibilityLevels: [1240, 1024, 778, 480],
|
||||
gridwidth: [1240, 1024, 778, 480],
|
||||
gridheight: [868, 768, 960, 720],
|
||||
lazyType: "none",
|
||||
shadow: 0,
|
||||
spinner: "off",
|
||||
autoHeight: "off",
|
||||
fullScreenAutoWidth: "off",
|
||||
fullScreenAlignForce: "off",
|
||||
fullScreenOffsetContainer: "",
|
||||
fullScreenOffset: "",
|
||||
disableProgressBar: "on",
|
||||
hideThumbsOnMobile: "off",
|
||||
hideSliderAtLimit: 0,
|
||||
hideCaptionAtLimit: 0,
|
||||
hideAllCaptionAtLilmit: 0,
|
||||
debugMode: false,
|
||||
fallbacks: {
|
||||
simplifyAll: "off",
|
||||
disableFocusListener: false,
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
// SET TARGET DATE TO START COUNT DOWN FROM
|
||||
// SET UNLIMITED TIME STAMPS TO JUMP TO OTHER SLIDES BASED ON THE REST TIME VIA slidechanges
|
||||
// SET THE JUMP AHEAD VIA THE QUICK JUMP (15000 == 15 sec)
|
||||
// DONT FORGET TO DEFINE THE CONTAINER ID
|
||||
|
||||
var targetdate = new Date().getTime() + 864000000 // i.e. '2015/12/31 24:00',
|
||||
slidechanges = [{
|
||||
days: 0,
|
||||
hours: 0,
|
||||
minutes: 0,
|
||||
seconds: 12,
|
||||
slide: 2
|
||||
},
|
||||
{
|
||||
days: 0,
|
||||
hours: 0,
|
||||
minutes: 0,
|
||||
seconds: 0,
|
||||
slide: 3
|
||||
}
|
||||
];
|
||||
|
||||
tp_countdown(revapi152, targetdate, slidechanges);
|
||||
|
||||
RsTypewriterAddOn(tpj, revapi152);
|
||||
}); /*ready*/
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
|
||||
<!-- Mirrored from quickdevs.com/demo/merit/rev-sliders/coming-soon.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 29 Mar 2023 10:32:08 GMT -->
|
||||
</html>
|
||||
1196
public/sunsarioverseas/rev-sliders/concept-slider.html
Normal file
1196
public/sunsarioverseas/rev-sliders/concept-slider.html
Normal file
File diff suppressed because it is too large
Load Diff
1317
public/sunsarioverseas/rev-sliders/double-exposure-effect.html
Normal file
1317
public/sunsarioverseas/rev-sliders/double-exposure-effect.html
Normal file
File diff suppressed because it is too large
Load Diff
1150
public/sunsarioverseas/rev-sliders/exploration-header.html
Normal file
1150
public/sunsarioverseas/rev-sliders/exploration-header.html
Normal file
File diff suppressed because it is too large
Load Diff
954
public/sunsarioverseas/rev-sliders/film-strip.html
Normal file
954
public/sunsarioverseas/rev-sliders/film-strip.html
Normal file
@ -0,0 +1,954 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US" class="no-js">
|
||||
|
||||
|
||||
<!-- Mirrored from quickdevs.com/demo/merit/rev-sliders/film-strip.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 29 Mar 2023 10:38:23 GMT -->
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
|
||||
<!-- TITLE -->
|
||||
<title>Film Strip - Merit Premium Multi-Purpose HTML5 Template</title>
|
||||
|
||||
<!-- META TAGS -->
|
||||
<meta name="keywords" content="premium multi-Purpose, html template, multipurpose template, bootstrap template, niches, clean, modern, multipurpose, responsive">
|
||||
<meta name="description" content="Merit is a modern Multi-Purpose HTML Template any bussines.">
|
||||
|
||||
<!-- FAVICON -->
|
||||
<link rel="shortcut icon" href="../images/icons/favicon.png">
|
||||
|
||||
<!-- REVOLUTION ADDONS -->
|
||||
<link href="http://fonts.googleapis.com/css?family=Roboto%3A700%2C300" rel="stylesheet" property="stylesheet" type="text/css" media="all" />
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/fonts/pe-icon-7-stroke/css/pe-icon-7-stroke.css">
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/fonts/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!-- REVOLUTION STYLE SHEETS -->
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/css/settings.css">
|
||||
|
||||
<!-- REVOLUTION LAYERS STYLES -->
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/css/layers.css">
|
||||
|
||||
<!-- REVOLUTION NAVIGATION STYLES -->
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/css/navigation.css">
|
||||
|
||||
<!-- REQUIRE CSS REVOLUTION STYLES -->
|
||||
<style type="text/css">#rev_slider_20_1 .metis.tparrows{background:rgba(255,255,255,1); padding:10px; transition:all 0.3s; -webkit-transition:all 0.3s; width:60px; height:60px; box-sizing:border-box}#rev_slider_20_1 .metis.tparrows:hover{background:rgba(255,255,255,0.75)}#rev_slider_20_1 .metis.tparrows:before{color:rgb(0,0,0); transition:all 0.3s; -webkit-transition:all 0.3s}#rev_slider_20_1 .metis.tparrows:hover:before{transform:scale(1.5)}</style>
|
||||
|
||||
<!-- FILMSTRIP ADD-ON FILES -->
|
||||
<link rel='stylesheet' href='../revolution-addons/filmstrip/css/revolution.addon.filmstrip8a54.css?ver=1.0.0' type='text/css' media='all' />
|
||||
<script type='text/javascript' src='../revolution-addons/filmstrip/js/revolution.addon.filmstrip.min8a54.js?ver=1.0.0'></script>
|
||||
|
||||
<!-- MAIN CSS STYLE SHEET -->
|
||||
<link rel="stylesheet" href="../css/main.css">
|
||||
<link rel="stylesheet" href="../css/stylesheet.css">
|
||||
<link rel="stylesheet" href="../css/responsive.css">
|
||||
|
||||
<!-- REVOLUTION CUSTOM CSS -->
|
||||
<link rel="stylesheet" href="../css/slider-revolution.css">
|
||||
|
||||
<!-- MODERNIZR LIBRARY -->
|
||||
<script src="../js/modernizr-custom.js"></script>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- PRELOADER START -->
|
||||
<div id="loader-wrapper">
|
||||
<div class="loader">
|
||||
<span class="loader-26"></span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- PRELOADER END -->
|
||||
|
||||
<!-- HEADER START -->
|
||||
<header>
|
||||
<!-- TOP HEADER START -->
|
||||
<div class="top-header">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<ul class="top-contact text-left">
|
||||
<li class="phone"><span class="tel-no"><a href="tel:123-456-7890"> +123-456-7890</a></span>
|
||||
</li>
|
||||
<li class="email"><a href="mailto:info@merit.com">info@merit.com</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-6 text-right">
|
||||
<div class="top-social">
|
||||
<ul class="social-list">
|
||||
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-dribbble"></i></a></li>
|
||||
<li>
|
||||
<!-- Button trigger modal -->
|
||||
<div class="center-element">
|
||||
<button type="button" class="btn btn-default" data-toggle="modal" data-target="#exampleModal2">Login</button>
|
||||
</div>
|
||||
|
||||
<!-- Modal -->
|
||||
<div class="modal fade custom-modal" id="exampleModal2" tabindex="-1" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content login-modal">
|
||||
<button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button>
|
||||
<div class="modal-body">
|
||||
<figure class="login-avatar">
|
||||
<img src="../images/icons/user-login-2.png" alt="">
|
||||
</figure>
|
||||
<h4>Merit</h4>
|
||||
<p>Welcome Back!</p>
|
||||
<div class="google-btn">
|
||||
<button type="submit" class="tp-btn-primary">
|
||||
<img class="tp-goole-icon" src="../images/icons/google-icon.png" alt="">
|
||||
Sign in with Google
|
||||
</button>
|
||||
</div>
|
||||
<p>Or</p>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<form>
|
||||
<div class="form-group">
|
||||
<input type="email" class="form-control login-fc" placeholder="Email or Username">
|
||||
</div>
|
||||
<div class="form-group mt-3">
|
||||
<input type="password" class="form-control login-fc" placeholder="Password">
|
||||
</div>
|
||||
<div class="login-options d-flex justify-content-between mt-3">
|
||||
<div class="have-account">
|
||||
<p><a href="#">Dont have an account?</a></p>
|
||||
</div>
|
||||
<div class="forgot-password">
|
||||
<p><a href="#">Forgot password?</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="login-btn">
|
||||
<button type="submit" class="tp-btn-primary">Login</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="top-line">
|
||||
</div>
|
||||
</div>
|
||||
<!-- TOP HEADER END -->
|
||||
|
||||
<!-- MEGAMENU START -->
|
||||
<div class="main-nav">
|
||||
<div class="container">
|
||||
<nav id="navigation1" class="navigation">
|
||||
<div class="nav-header">
|
||||
<a class="nav-logo" href="../index.html">
|
||||
<img src="../images/logos/logo.png" class="white-logo" alt="">
|
||||
<img src="../images/logos/logo-black.png" class="dark-logo" alt="">
|
||||
</a>
|
||||
<div class="nav-toggle"></div>
|
||||
</div>
|
||||
<div class="nav-menus-wrapper">
|
||||
<ul class="nav-menu align-to-right">
|
||||
<li><a href="#">HOME</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../1-agency.html">Agency</a></li>
|
||||
<li><a href="../2-beauty.html">Beauty</a></li>
|
||||
<li><a href="../3-construction.html">Construction</a></li>
|
||||
<li><a href="../4-corporate.html">Corporate</a></li>
|
||||
<li><a href="../5-courier.html">Courier</a></li>
|
||||
<li><a href="../6-dealer.html">Dealer</a></li>
|
||||
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../7-dental.html">Dental</a></li>
|
||||
<li><a href="../8-education.html">Education</a></li>
|
||||
<li><a href="../9-gym.html">Gym</a></li>
|
||||
<li><a href="../10-hotel.html">Hotel</a></li>
|
||||
<li><a href="../11-medical.html">Medical</a></li>
|
||||
<li><a href="../12-restaurant.html">Restaurant</a></li>
|
||||
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../13-charity.html">Charity</a></li>
|
||||
<li><a href="../14-cleaning.html">Cleaning</a></li>
|
||||
<li><a href="../15-finance.html">Finance</a></li>
|
||||
<li><a href="../16-industrial.html">Industrial</a></li>
|
||||
<li><a href="../17-hosting.html">Hosting</a></li>
|
||||
<li><a href="../18-portfolio.html">Portfolio</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../19-organic.html">Organic</a></li>
|
||||
<li><a href="../20-farm.html">Farm</a></li>
|
||||
<li><a href="../21-yoga.html">Yoga</a></li>
|
||||
<li><a href="../22-travel.html">Travel</a></li>
|
||||
<li><a href="../23-lawyer.html">Lawyer</a></li>
|
||||
<li><a href="../24-fitness.html">Fitness</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">PAGES</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../about-style-1.html">About Us</a></li>
|
||||
<li><a href="../about-style-2.html">About Me</a></li>
|
||||
<li><a href="../about-style-3.html">About Us - ALT 2</a></li>
|
||||
<li><a href="../about-style-4.html">About Us - ALT 3</a></li>
|
||||
<li><a href="../careers-style-1.html">Careers</a></li>
|
||||
<li><a href="../careers-style-2.html">Careers - ALT 2</a></li>
|
||||
<li><a href="../careers-style-3.html">Careers - ALT 3</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../services-style-1.html">Services</a></li>
|
||||
<li><a href="../services-style-2.html">Services - ALT 2</a></li>
|
||||
<li><a href="../services-style-3.html">Services - ALT 3</a></li>
|
||||
<li><a href="../services-style-4.html">Services - ALT 4</a></li>
|
||||
<li><a href="../profile-style-1.html">Profile</a></li>
|
||||
<li><a href="../profile-style-2.html">Profile - ALT 2</a></li>
|
||||
<li><a href="../profile-style-3.html">Profile - ALT 3</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../contact-style-1.html">Contact Us </a></li>
|
||||
<li><a href="../contact-style-2.html">Contact Us - ALT 2</a></li>
|
||||
<li><a href="../contact-style-3.html">Contact Us - ALT 3</a></li>
|
||||
<li><a href="../contact-style-4.html">Contact Us - ALT 4</a></li>
|
||||
<li><a href="../team-style-1.html">Our Team</a></li>
|
||||
<li><a href="../team-style-2.html">Our Team - ALT 2</a></li>
|
||||
<li><a href="../team-style-3.html">Our Team - ALT 3</a></li>
|
||||
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../coming-soon-style-1.html">Coming Soon</a></li>
|
||||
<li><a href="../coming-soon-style-2.html">Coming Soon - ALT 2</a></li>
|
||||
<li><a href="../404-error-style-1.html">404 Page</a></li>
|
||||
<li><a href="../404-error-style-2.html">404 Page - ALT 2</a></li>
|
||||
<li><a href="../login-register-style-1.html">Login / Register</a></li>
|
||||
<li><a href="../faq.html">Faq</a></li>
|
||||
<li><a href="../faq-alt.html">Faq - ALT</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">ELEMENTS</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 1</a></li>
|
||||
<li><a href="../elements/accordions.html"><i class="fas fa-plus-square"></i> Accordions</a></li>
|
||||
<li><a href="../elements/alerts.html"><i class="fas fa-exclamation-circle"></i> Alerts</a></li>
|
||||
<li><a href="../elements/animations.html"><i class="fas fa-exchange-alt"></i> Animations</a></li>
|
||||
<li><a href="../elements/blockquotes.html"><i class="fas fa-quote-left"></i> Blockquotes</a></li>
|
||||
<li><a href="../elements/breadcrumbs.html"><i class="fas fa-share"></i> Breadcrumbs</a></li>
|
||||
<li><a href="../elements/buttons.html"><i class="fas fa-square"></i> Buttons</a></li>
|
||||
<li><a href="../elements/call-to-action.html"><i class="fas fa-bullhorn"></i> Call to Action</a></li>
|
||||
<li><a href="../elements/charts.html"><i class="fas fa-circle-notch"></i> Charts</a></li>
|
||||
<li><a href="../elements/content-boxes.html"><i class="fas fa-th-large"></i> Content Boxes</a></li>
|
||||
<li><a href="../elements/counters.html"><i class="fas fa-bullseye"></i> Counters</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 2</a></li>
|
||||
<li><a href="../elements/customers.html"><i class="fas fa-user-circle"></i> Customer</a></li>
|
||||
<li><a href="../elements/dropcaps.html"><i class="fas fa-font"></i> Dropcaps</a></li>
|
||||
<li><a href="../elements/flip-boxes.html"><i class="fas fa-sync-alt"></i> Flip Box</a></li>
|
||||
<li><a href="../elements/google-maps.html"><i class="fas fa-map"></i> Google Maps</a></li>
|
||||
<li><a href="../elements/grid-boxes.html"><i class="fas fa-th"></i> Grid Boxes</a></li>
|
||||
<li><a href="../elements/icon-boxes.html"><i class="fas fa-th-large"></i> Icon Boxes</a></li>
|
||||
<li><a href="../elements/icon-circle.html"><i class="far fa-circle"></i> Icon Circle</a></li>
|
||||
<li><a href="../elements/image-gallery.html"><i class="fas fa-expand"></i> Image Gallery</a></li>
|
||||
<li><a href="../elements/images.html"><i class="far fa-image"></i> Images</a></li>
|
||||
<li><a href="../elements/image-hover.html"><i class="fas fa-object-ungroup" aria-hidden="true"></i> Image Hover</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 3</a></li>
|
||||
<li><a href="../elements/lightbox.html"><i class="fas fa-lightbulb"></i> LightBox</a></li>
|
||||
<li><a href="../elements/modal-popup.html"><i class="fas fa-search-plus"></i> Modal Popup</a></li>
|
||||
<li><a href="../elements/pagination.html"><i class="fas fa-angle-double-right"></i> Pagination</a></li>
|
||||
<li><a href="../elements/parallax.html"><i class="fas fa-random"></i> Parallax</a></li>
|
||||
<li><a href="../elements/pricing-table.html"><i class="fas fa-table"></i> Pricing Tables</a></li>
|
||||
<li><a href="../elements/process-steps.html"><i class="fas fa-arrow-right"></i> Process Steps</a></li>
|
||||
<li><a href="../elements/profile-cards.html"><i class="fas fa-address-card"></i> Profile Cards</a></li>
|
||||
<li><a href="../elements/progress-bar.html"><i class="fas fa-tasks"></i> Progress Bar</a></li>
|
||||
<li><a href="../elements/recent-posts.html"><i class="fas fa-newspaper"></i> Recent Posts</a></li>
|
||||
<li><a href="../elements/section-styles.html"><i class="fas fa-outdent"></i> Section Styles</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 4</a></li>
|
||||
<li><a href="../elements/separators.html"><i class="fas fa-minus"></i> Separators</a></li>
|
||||
<li><a href="../elements/shop-banners.html"><i class="fas fa-language"></i> Shop Banners</a></li>
|
||||
<li><a href="../elements/social-icons.html"><i class="fab fa-twitter"></i> Social Icons</a></li>
|
||||
<li><a href="../elements/tables.html"><i class="fas fa-table"></i> Tables</a></li>
|
||||
<li><a href="../elements/tabs.html"><i class="fas fa-window-maximize"></i> Tabs</a></li>
|
||||
<li><a href="../elements/team.html"><i class="fas fa-users"></i> Team</a></li>
|
||||
<li><a href="../elements/testimonials.html"><i class="fas fa-edit"></i> Testimonials</a></li>
|
||||
<li><a href="../elements/timeline.html"><i class="fas fa-arrow-down"></i> Timeline</a></li>
|
||||
<li><a href="../elements/videos.html"><i class="fas fa-video"></i> Videos & Audio</a></li>
|
||||
<li><a href="../elements/video-background.html"><i class="fas fa-photo-video"></i> Video Background</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">SLIDERS</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 1</a></li>
|
||||
<li><a href="3d-parallax-scenes.html">3D Parallax Scenes</a></li>
|
||||
<li><a href="404-error.html">404 Error</a></li>
|
||||
<li><a href="agency-slider.html">Agency Slider</a></li>
|
||||
<li><a href="blend-mode.html">Blend Mode</a></li>
|
||||
<li><a href="blur-effect.html">Blur Effect</a></li>
|
||||
<li><a href="car-dealer.html">Car Dealer</a></li>
|
||||
<li><a href="carousel-gallery.html">Carousel Gallery</a></li>
|
||||
<li><a href="classic-carousel.html">Classic Carousel</a></li>
|
||||
<li><a href="coming-soon.html">Coming soon</a></li>
|
||||
<li><a href="concept-slider.html">Concept Slider</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 2</a></li>
|
||||
<li><a href="double-exposure-effect.html">Double Exposure Effect</a></li>
|
||||
<li><a href="exploration-header.html">Exploration Header</a></li>
|
||||
<li><a href="film-strip.html">Film Strip Effect</a></li>
|
||||
<li><a href="fine-dining.html">Fine Dining</a></li>
|
||||
<li><a href="gravity-design.html">Gravity Design</a></li>
|
||||
<li><a href="happy-hollidays.html">Happy Hollidays</a></li>
|
||||
<li><a href="hero-sports.html">Hero Sports</a></li>
|
||||
<li><a href="inspiration-header.html">Inspiration Header</a></li>
|
||||
<li><a href="levano-slider.html">Levano Slider</a></li>
|
||||
<li><a href="magazine-posts.html">Magazine Posts</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 3</a></li>
|
||||
<li><a href="mask-showcase.html">Mask Showcase</a></li>
|
||||
<li><a href="mountain-parallax.html">Mountain Parallax</a></li>
|
||||
<li><a href="over-expousure.html">Over Exposure</a></li>
|
||||
<li><a href="panorama.html">Panorama</a></li>
|
||||
<li><a href="parallax-joy.html">Parallax Joy</a></li>
|
||||
<li><a href="parallax-zoom.html">Parallax Zoom</a></li>
|
||||
<li><a href="particle-effect-one.html">Particle Effect one</a></li>
|
||||
<li><a href="particle-effect-two.html">Particle Effect Two</a></li>
|
||||
<li><a href="particle-effect-three.html">Particle Effect Three</a></li>
|
||||
<li><a href="style-intro.html">Style Intro</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 4</a></li>
|
||||
<li><a href="reveal.html">Reveal</a></li>
|
||||
<li><a href="rock-band.html">Rock Band</a></li>
|
||||
<li><a href="scroll-effects.html">Scroll Effect</a></li>
|
||||
<li><a href="slider-gym.html">Slider Gym</a></li>
|
||||
<li><a href="slider-news.html">Slider News</a></li>
|
||||
<li><a href="sliding-overlays.html">Sliding Overlays</a></li>
|
||||
<li><a href="web-agency.html">Web Agency</a></li>
|
||||
<li><a href="web-product.html">Web Product</a></li>
|
||||
<li><a href="website-intro.html">Website Intro</a></li>
|
||||
<li><a href="youtube-hero.html">Youtube Hero</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">SHOP</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="#">CLASSIC</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../shop-full-width.html">Full width</a></li>
|
||||
<li><a href="../shop-left-sidebar.html">Left sidebar</a></li>
|
||||
<li><a href="../shop-right-sidebar.html">Right sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">PRODUCT DETAILS</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../product-full-width.html">Full width</a></li>
|
||||
<li><a href="../product-left-sidebar.html">Left sidebar</a></li>
|
||||
<li><a href="../product-right-sidebar.html">Right sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="../shopping-cart.html">SHOPING CART</a></li>
|
||||
<li><a href="../checkout.html">CHECKOUT</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">BLOG</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="#">CLASSIC</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../blog-full-width.html">Full width</a></li>
|
||||
<li><a href="../blog-left-sidebar.html">Left sidebar</a></li>
|
||||
<li><a href="../blog-right-sidebar.html">Right sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">GRID</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../blog-grid-one-column.html">One column</a></li>
|
||||
<li><a href="../blog-grid-two-column.html">Two column</a></li>
|
||||
<li><a href="../blog-grid-three-column.html">Three column</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">MASONRY</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../masonry-two-columns.html">Two Columns</a></li>
|
||||
<li><a href="../masonry-three-columns.html">Three Columns</a></li>
|
||||
<li><a href="../masonry-four-columns.html">Four Columns</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">BLOG SINGLE</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../blog-single-full-width.html">Blog Single Full Width</a></li>
|
||||
<li><a href="../blog-single-left-sidebar.html">Blog Single Left Sidebar</a></li>
|
||||
<li><a href="../blog-single-right-sidebar.html">Blog Single Right Sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<!-- MEGAMENU END -->
|
||||
|
||||
<div class="home-slider">
|
||||
<!-- SLIDER REVOLUTION START -->
|
||||
<section class="example">
|
||||
<article class="content">
|
||||
|
||||
<div id="rev_slider_20_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container"
|
||||
data-alias="film-strip" data-source="gallery"
|
||||
style="margin:0px auto;background:#eeeeee;padding:0px;margin-top:0px;margin-bottom:0px;">
|
||||
<!-- START REVOLUTION SLIDER 5.4.1 fullwidth mode -->
|
||||
<div id="rev_slider_20_1" class="rev_slider fullwidthabanner" style="display:none;"
|
||||
data-version="5.4.1">
|
||||
<ul>
|
||||
<!-- SLIDE -->
|
||||
<li data-index="rs-52" data-transition="fade" data-slotamount="default"
|
||||
data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default"
|
||||
data-easeout="default" data-masterspeed="300"
|
||||
data-thumb="http://revolution.themepunch.com/wp-content/" data-rotate="0"
|
||||
data-saveperformance="off" data-title="Slide" data-param1="" data-param2=""
|
||||
data-param3="" data-param4="" data-param5="" data-param6="" data-param7=""
|
||||
data-param8="" data-param9="" data-param10="" data-description=""
|
||||
data-filmstrip='{"direction":"right-to-left","filter":"none","times":"40,40,40,40","imgs":[{"url":"../assets/images/model1-1.jpg","alt":""},{"url":"../assets/images/model2-1.jpg","alt":""},{"url":"../assets/images/model3-1.jpg","alt":""},{"url":"../assets/images/model4-1.jpg","alt":""},{"url":"../assets/images/model5-1.jpg","alt":""}]}'>
|
||||
<!-- MAIN IMAGE -->
|
||||
<img src="../assets/images/transparent.png" data-bgcolor='#f5f5f5'
|
||||
style='background:#f5f5f5' alt="" data-bgposition="center center"
|
||||
data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
|
||||
<!-- LAYERS -->
|
||||
|
||||
<!-- LAYER NR. 1 -->
|
||||
<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme" id="slide-52-layer-2"
|
||||
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
|
||||
data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
|
||||
data-width="full" data-height="full" data-whitespace="nowrap" data-type="shape"
|
||||
data-basealign="slide" data-responsive_offset="on"
|
||||
data-frames='[{"delay":10,"speed":600,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power4.easeOut"},{"delay":"wait","speed":600,"frame":"999","to":"opacity:0;","ease":"Power4.easeOut"}]'
|
||||
data-textAlign="['inherit','inherit','inherit','inherit']"
|
||||
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
|
||||
data-lasttriggerstate="reset"
|
||||
style="z-index: 5;background-color:rgba(0, 0, 0, 0.35);"> </div>
|
||||
|
||||
<!-- LAYER NR. 2 -->
|
||||
<div class="tp-caption tp-resizeme" id="slide-52-layer-1"
|
||||
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
|
||||
data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
|
||||
data-fontsize="['200','200','150','60']"
|
||||
data-lineheight="['200','200','150','60']" data-width="100%" data-height="100%"
|
||||
data-whitespace="nowrap" data-type="text" data-basealign="slide"
|
||||
data-responsive_offset="on"
|
||||
data-frames='[{"delay":10,"speed":1000,"frame":"0","from":"opacity:0;fb:20px;","to":"o:1;fb:0;","ease":"Power4.easeOut"},{"delay":"wait","speed":1000,"frame":"999","to":"opacity:0;fb:20px;","ease":"Power4.easeOut"}]'
|
||||
data-textAlign="['center','center','center','center']"
|
||||
data-paddingtop="[107,107,157,207]" data-paddingright="[50,50,50,50]"
|
||||
data-paddingbottom="[125,125,175,225]" data-paddingleft="[50,50,50,50]"
|
||||
data-blendmode="screen" data-lasttriggerstate="reset"
|
||||
style="z-index: 6; min-width: 100%px; max-width: 100%px; max-width: 100%px; max-width: 100%px; white-space: nowrap; font-size: 200px; line-height: 200px; font-weight: 400; color: rgba(0,0,0,1); letter-spacing: ;font-family:Anton;background-color:rgba(245, 245, 245, 1);">
|
||||
FILMSTRIP<br />EFFECT </div>
|
||||
|
||||
<!-- LAYER NR. 3 -->
|
||||
<div class="tp-caption rev-btn btn-expand" id="slide-52-layer-4"
|
||||
data-x="['right','right','right','right']" data-hoffset="['0','0','0','0']"
|
||||
data-y="['top','top','top','top']" data-voffset="['0','0','0','0']"
|
||||
data-width="60" data-height="60" data-whitespace="nowrap" data-type="button"
|
||||
data-actions='[{"event":"click","action":"togglelayer","layerstatus":"visible","layer":"slide-52-layer-1","delay":""},{"event":"click","action":"togglelayer","layerstatus":"visible","layer":"slide-52-layer-2","delay":""},{"event":"click","action":"togglelayer","layerstatus":"visible","layer":"slide-52-layer-6","delay":""}]'
|
||||
data-basealign="slide" data-responsive_offset="on" data-responsive="off"
|
||||
data-frames='[{"delay":0,"speed":300,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"150","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(255, 255, 255, 1);bg:rgba(0, 0, 0, 1);bs:solid;bw:0 0 0 0;"}]'
|
||||
data-textAlign="['center','center','center','center']"
|
||||
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 7; min-width: 60px; max-width: 60px; max-width: 60px; max-width: 60px; white-space: nowrap; font-size: 17px; line-height: 60px; font-weight: 500; color: rgba(0,0,0,1); letter-spacing: ;font-family:Roboto;background-color:rgba(255, 255, 255, 1);border-color:rgba(0, 0, 0, 1);outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer; display: none;">
|
||||
<div class="rs-toggled-content"><i class="fa-icon-external-link"></i> </div>
|
||||
<div class="rs-untoggled-content"><i class="fa-icon-compress"></i></div>
|
||||
</div>
|
||||
|
||||
<!-- LAYER NR. 4 -->
|
||||
<a class="tp-caption rev-btn tp-resizeme"
|
||||
href="https://revolution.themepunch.com/direct-customer-benefits/"
|
||||
target="_blank" id="slide-52-layer-6"
|
||||
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
|
||||
data-y="['bottom','bottom','bottom','bottom']"
|
||||
data-voffset="['40','40','40','120']" data-width="none" data-height="none"
|
||||
data-whitespace="nowrap" data-type="button" data-actions=''
|
||||
data-basealign="slide" data-responsive_offset="on"
|
||||
data-frames='[{"delay":0,"speed":600,"frame":"0","from":"opacity:0;fb:20px;","to":"o:1;fb:0;","ease":"Power4.easeOut"},{"delay":"wait","speed":600,"frame":"999","to":"opacity:0;fb:20px;","ease":"Power4.easeOut"},{"frame":"hover","speed":"200","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;fb:0;","style":"c:rgba(0, 0, 0, 1);bg:rgba(255, 255, 255, 1);bc:rgba(0, 0, 0, 1);"}]'
|
||||
data-textAlign="['inherit','inherit','inherit','inherit']"
|
||||
data-paddingtop="[0,0,0,0]" data-paddingright="[50,50,50,50]"
|
||||
data-paddingbottom="[0,0,0,0]" data-paddingleft="[50,50,50,50]"
|
||||
data-lasttriggerstate="reset"
|
||||
style="z-index: 8; white-space: nowrap; font-size: 17px; line-height: 50px; font-weight: 700; color: rgba(0,0,0,1); letter-spacing: px;font-family:arial;background-color:rgba(255, 255, 255, 0);border-color:rgba(0, 0, 0, 0.25);border-style:solid;border-width:2px 2px 2px 2px;border-radius:30px 30px 30px 30px;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;text-decoration: none;">Let's
|
||||
Go </a>
|
||||
</li>
|
||||
<!-- SLIDE -->
|
||||
<li data-index="rs-51" data-transition="fade" data-slotamount="default"
|
||||
data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default"
|
||||
data-easeout="default" data-masterspeed="300"
|
||||
data-thumb="http://revolution.themepunch.com/wp-content/" data-rotate="0"
|
||||
data-saveperformance="off" data-title="Slide" data-param1="" data-param2=""
|
||||
data-param3="" data-param4="" data-param5="" data-param6="" data-param7=""
|
||||
data-param8="" data-param9="" data-param10="" data-description=""
|
||||
data-filmstrip='{"direction":"left-to-right","filter":"none","times":"100,100,100,100","imgs":[{"url":"../assets/images/food6.jpg","alt":""},{"url":"../assets/images/food5.jpg","alt":""},{"url":"../assets/images/food4.jpg","alt":""},{"url":"../assets/images/food3.jpg","alt":""}]}'>
|
||||
<!-- MAIN IMAGE -->
|
||||
<img src="../assets/images/transparent.png" data-bgcolor='#222222'
|
||||
style='background:#222222' alt="" data-bgposition="center center"
|
||||
data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
|
||||
<!-- LAYERS -->
|
||||
|
||||
<!-- LAYER NR. 5 -->
|
||||
<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme" id="slide-51-layer-2"
|
||||
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
|
||||
data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
|
||||
data-width="full" data-height="full" data-whitespace="nowrap" data-type="shape"
|
||||
data-basealign="slide" data-responsive_offset="on"
|
||||
data-frames='[{"delay":10,"speed":600,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power4.easeOut"},{"delay":"wait","speed":600,"frame":"999","to":"opacity:0;","ease":"Power4.easeOut"}]'
|
||||
data-textAlign="['inherit','inherit','inherit','inherit']"
|
||||
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
|
||||
data-lasttriggerstate="reset"
|
||||
style="z-index: 5;background-color:rgba(0, 0, 0, 0.35);"> </div>
|
||||
|
||||
<!-- LAYER NR. 6 -->
|
||||
<div class="tp-caption tp-resizeme" id="slide-51-layer-1"
|
||||
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
|
||||
data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
|
||||
data-fontsize="['200','200','150','60']"
|
||||
data-lineheight="['200','200','150','60']" data-width="100%" data-height="100%"
|
||||
data-whitespace="nowrap" data-type="text" data-basealign="slide"
|
||||
data-responsive_offset="on"
|
||||
data-frames='[{"delay":10,"speed":1000,"frame":"0","from":"opacity:0;fb:20px;","to":"o:1;fb:0;","ease":"Power4.easeOut"},{"delay":"wait","speed":1000,"frame":"999","to":"opacity:0;fb:20px;","ease":"Power4.easeOut"}]'
|
||||
data-textAlign="['center','center','center','center']"
|
||||
data-paddingtop="[107,107,157,207]" data-paddingright="[50,50,50,50]"
|
||||
data-paddingbottom="[125,125,175,225]" data-paddingleft="[50,50,50,50]"
|
||||
data-lasttriggerstate="reset"
|
||||
style="z-index: 6; min-width: 100%px; max-width: 100%px; max-width: 100%px; max-width: 100%px; white-space: nowrap; font-size: 200px; line-height: 200px; font-weight: 400; color: rgba(255,255,255,1); letter-spacing: px;font-family:Anton;">
|
||||
FOOD<br />BLOG </div>
|
||||
|
||||
<!-- LAYER NR. 7 -->
|
||||
<div class="tp-caption rev-btn " id="slide-51-layer-4"
|
||||
data-x="['right','right','right','right']" data-hoffset="['0','0','0','0']"
|
||||
data-y="['top','top','top','top']" data-voffset="['0','0','0','0']"
|
||||
data-width="60" data-height="60" data-whitespace="nowrap" data-type="button"
|
||||
data-actions='[{"event":"click","action":"togglelayer","layerstatus":"visible","layer":"slide-51-layer-1","delay":""},{"event":"click","action":"togglelayer","layerstatus":"visible","layer":"slide-51-layer-2","delay":""},{"event":"click","action":"togglelayer","layerstatus":"visible","layer":"slide-51-layer-6","delay":""}]'
|
||||
data-basealign="slide" data-responsive_offset="on" data-responsive="off"
|
||||
data-frames='[{"delay":0,"speed":300,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"150","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(255, 255, 255, 1);bg:rgba(0, 0, 0, 1);bs:solid;bw:0 0 0 0;"}]'
|
||||
data-textAlign="['center','center','center','center']"
|
||||
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 7; min-width: 60px; max-width: 60px; max-width: 60px; max-width: 60px; white-space: nowrap; font-size: 17px; line-height: 60px; font-weight: 500; color: rgba(0,0,0,1); letter-spacing: ;font-family:Roboto;background-color:rgba(255, 255, 255, 1);border-color:rgba(0, 0, 0, 1);outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer; display: none;">
|
||||
<div class="rs-toggled-content"><i class="fa-icon-external-link"></i> </div>
|
||||
<div class="rs-untoggled-content"><i class="fa-icon-compress"></i></div>
|
||||
</div>
|
||||
|
||||
<!-- LAYER NR. 8 -->
|
||||
<a class="tp-caption rev-btn tp-resizeme"
|
||||
href="https://revolution.themepunch.com/direct-customer-benefits/#templatelibrary"
|
||||
target="_blank" id="slide-51-layer-6"
|
||||
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
|
||||
data-y="['bottom','bottom','bottom','bottom']"
|
||||
data-voffset="['40','40','40','40']" data-width="none" data-height="none"
|
||||
data-whitespace="nowrap" data-type="button" data-actions=''
|
||||
data-basealign="slide" data-responsive_offset="on"
|
||||
data-frames='[{"delay":0,"speed":600,"frame":"0","from":"opacity:0;fb:20px;","to":"o:1;fb:0;","ease":"Power4.easeOut"},{"delay":"wait","speed":600,"frame":"999","to":"opacity:0;fb:20px;","ease":"Power4.easeOut"},{"frame":"hover","speed":"200","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;fb:0;","style":"c:rgba(255, 255, 255, 1);bg:rgba(255, 255, 255, 0.15);bc:rgba(255, 255, 255, 1);"}]'
|
||||
data-textAlign="['inherit','inherit','inherit','inherit']"
|
||||
data-paddingtop="[0,0,0,0]" data-paddingright="[50,50,50,50]"
|
||||
data-paddingbottom="[0,0,0,0]" data-paddingleft="[50,50,50,50]"
|
||||
data-lasttriggerstate="reset"
|
||||
style="z-index: 8; white-space: nowrap; font-size: 17px; line-height: 50px; font-weight: 700; color: rgba(255,255,255,1); letter-spacing: px;font-family:arial;background-color:rgba(255, 255, 255, 0);border-color:rgba(255, 255, 255, 0.25);border-style:solid;border-width:2px 2px 2px 2px;border-radius:30px 30px 30px 30px;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;text-decoration: none;">Get
|
||||
this Template </a>
|
||||
</li>
|
||||
<!-- SLIDE -->
|
||||
<li data-index="rs-50" data-transition="fade" data-slotamount="default"
|
||||
data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default"
|
||||
data-easeout="default" data-masterspeed="300"
|
||||
data-thumb="http://revolution.themepunch.com/wp-content/" data-rotate="0"
|
||||
data-saveperformance="off" data-title="Slide" data-param1="" data-param2=""
|
||||
data-param3="" data-param4="" data-param5="" data-param6="" data-param7=""
|
||||
data-param8="" data-param9="" data-param10="" data-description=""
|
||||
data-filmstrip='{"direction":"bottom-to-top","filter":"none","times":"60,60,60,60","imgs":[{"url":"../assets/images/office_1.jpg","alt":""},{"url":"../assets/images/office_2.jpg","alt":""},{"url":"../assets/images/office_3.jpg","alt":""}]}'>
|
||||
<!-- MAIN IMAGE -->
|
||||
<img src="../assets/images/transparent.png" data-bgcolor='#222222'
|
||||
style='background:#222222' alt="" data-bgposition="center center"
|
||||
data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
|
||||
<!-- LAYERS -->
|
||||
|
||||
<!-- LAYER NR. 9 -->
|
||||
<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme" id="slide-50-layer-2"
|
||||
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
|
||||
data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
|
||||
data-width="full" data-height="full" data-whitespace="nowrap" data-type="shape"
|
||||
data-basealign="slide" data-responsive_offset="on"
|
||||
data-frames='[{"delay":10,"speed":600,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power4.easeOut"},{"delay":"wait","speed":600,"frame":"999","to":"opacity:0;","ease":"Power4.easeOut"}]'
|
||||
data-textAlign="['inherit','inherit','inherit','inherit']"
|
||||
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
|
||||
data-lasttriggerstate="reset"
|
||||
style="z-index: 5;background-color:rgba(34, 34, 34, 0.3);"> </div>
|
||||
|
||||
<!-- LAYER NR. 10 -->
|
||||
<div class="tp-caption tp-resizeme" id="slide-50-layer-1"
|
||||
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
|
||||
data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
|
||||
data-fontsize="['200','200','150','60']"
|
||||
data-lineheight="['200','200','150','60']" data-width="100%" data-height="100%"
|
||||
data-whitespace="nowrap" data-type="text" data-basealign="slide"
|
||||
data-responsive_offset="on"
|
||||
data-frames='[{"delay":10,"speed":1000,"frame":"0","from":"opacity:0;fb:20px;","to":"o:1;fb:0;","ease":"Power4.easeOut"},{"delay":"wait","speed":1000,"frame":"999","to":"opacity:0;fb:20px;","ease":"Power4.easeOut"}]'
|
||||
data-textAlign="['center','center','center','center']"
|
||||
data-paddingtop="[107,107,157,207]" data-paddingright="[50,50,50,50]"
|
||||
data-paddingbottom="[125,125,175,225]" data-paddingleft="[50,50,50,50]"
|
||||
data-lasttriggerstate="reset"
|
||||
style="z-index: 6; min-width: 100%px; max-width: 100%px; max-width: 100%px; max-width: 100%px; white-space: nowrap; font-size: 200px; line-height: 200px; font-weight: 400; color: rgba(255,255,255,1); letter-spacing: px;font-family:Anton;">
|
||||
OFFICE<br />INTERIORS </div>
|
||||
|
||||
<!-- LAYER NR. 11 -->
|
||||
<div class="tp-caption rev-btn " id="slide-50-layer-4"
|
||||
data-x="['right','right','right','right']" data-hoffset="['0','0','0','0']"
|
||||
data-y="['top','top','top','top']" data-voffset="['0','0','0','0']"
|
||||
data-width="60" data-height="60" data-whitespace="nowrap" data-type="button"
|
||||
data-actions='[{"event":"click","action":"togglelayer","layerstatus":"visible","layer":"slide-50-layer-1","delay":""},{"event":"click","action":"togglelayer","layerstatus":"visible","layer":"slide-50-layer-2","delay":""},{"event":"click","action":"togglelayer","layerstatus":"visible","layer":"slide-50-layer-6","delay":""}]'
|
||||
data-basealign="slide" data-responsive_offset="on" data-responsive="off"
|
||||
data-frames='[{"delay":0,"speed":300,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"150","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(255, 255, 255, 1);bg:rgba(0, 0, 0, 1);bs:solid;bw:0 0 0 0;"}]'
|
||||
data-textAlign="['center','center','center','center']"
|
||||
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 7; min-width: 60px; max-width: 60px; max-width: 60px; max-width: 60px; white-space: nowrap; font-size: 17px; line-height: 60px; font-weight: 500; color: rgba(0,0,0,1); letter-spacing: ;font-family:Roboto;background-color:rgba(255, 255, 255, 1);border-color:rgba(0, 0, 0, 1);outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer; display: none;">
|
||||
<div class="rs-toggled-content"><i class="fa-icon-external-link"></i> </div>
|
||||
<div class="rs-untoggled-content"><i class="fa-icon-compress"></i></div>
|
||||
</div>
|
||||
|
||||
<!-- LAYER NR. 12 -->
|
||||
<a class="tp-caption rev-btn tp-resizeme"
|
||||
href="https://revolution.themepunch.com/direct-customer-benefits/#addoninstall"
|
||||
target="_blank" id="slide-50-layer-6"
|
||||
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
|
||||
data-y="['bottom','bottom','bottom','bottom']"
|
||||
data-voffset="['40','40','40','40']" data-width="none" data-height="none"
|
||||
data-whitespace="nowrap" data-type="button" data-actions=''
|
||||
data-basealign="slide" data-responsive_offset="on"
|
||||
data-frames='[{"delay":0,"speed":600,"frame":"0","from":"opacity:0;fb:20px;","to":"o:1;fb:0;","ease":"Power4.easeOut"},{"delay":"wait","speed":600,"frame":"999","to":"opacity:0;fb:20px;","ease":"Power4.easeOut"},{"frame":"hover","speed":"200","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;fb:0;","style":"c:rgba(255, 255, 255, 1);bg:rgba(255, 255, 255, 0.15);bc:rgba(255, 255, 255, 1);"}]'
|
||||
data-textAlign="['inherit','inherit','inherit','inherit']"
|
||||
data-paddingtop="[0,0,0,0]" data-paddingright="[50,50,50,50]"
|
||||
data-paddingbottom="[0,0,0,0]" data-paddingleft="[50,50,50,50]"
|
||||
data-lasttriggerstate="reset"
|
||||
style="z-index: 8; white-space: nowrap; font-size: 17px; line-height: 50px; font-weight: 700; color: rgba(255,255,255,1); letter-spacing: px;font-family:arial;background-color:rgba(255, 255, 255, 0);border-color:rgba(255, 255, 255, 0.25);border-style:solid;border-width:2px 2px 2px 2px;border-radius:30px 30px 30px 30px;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;text-decoration: none;">Install
|
||||
this Add-On </a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</article>
|
||||
</section>
|
||||
<!-- SLIDER REVOLUTION END -->
|
||||
</div>
|
||||
</header>
|
||||
<!-- HEADER END -->
|
||||
|
||||
<section>
|
||||
<div class="container mt-5 mb-5">
|
||||
<div class="row">
|
||||
<div class="col-lg-4">
|
||||
<div class="slider-feature-info">
|
||||
<h5 class="overtitle">Film Strip</h5>
|
||||
<h2>SLIDER REVOLUTION</h2>
|
||||
<p>Including the powerful and stunning Slider Revolution is an innovative, responsive jQuery Slider Plugin that displays your content the beautiful way.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-8 spacing-md">
|
||||
<div class="row">
|
||||
<div class="col-md-6 top-col">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/levels.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">SLIDERS DIVERSITY</h5>
|
||||
<p>With more than 100 templates, it allows you to create almost any type of web pages.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 top-col">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/document.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">DOCUMENTATION</h5>
|
||||
<p>Complete and clear documentation for an easy and fast installation..</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 bottom-col-resp">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/device.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">RESPONSIVE DESIGN</h5>
|
||||
<p>Slider Revolution adapts to any device for a better visual experience..</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/support.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">PREMIUM SUPPORT</h5>
|
||||
<p>If you have any problems in the installation process, we are here to help you.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="rs-line">
|
||||
</div>
|
||||
|
||||
<div class="container rs-call-to-action mt-5 mb-5">
|
||||
<div class="row">
|
||||
<div class="col-lg-8">
|
||||
<div class="ca-left-side">
|
||||
<h3>Premium Multi-Purpose HTML5 Template</h3>
|
||||
<p>Let's develop your project with this impressive and powerful template that helps you
|
||||
create beautiful web pages. An original solution for any business..</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12 col-lg-4">
|
||||
<div class="ca-right-side flex-parent jc-center">
|
||||
<a class="tp-btn-primary" href="https://themeforest.net/item/merit-premium-multipurpose-html5-template/21866679" target="_blank">Purchase now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- FOOTER START -->
|
||||
<footer>
|
||||
<div class="container mt-5">
|
||||
<div class="top-footer">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 col-xl-7">
|
||||
<h3>Creative and affordable website solution</h3>
|
||||
<p>Build modern websites with this powefull Multi-Purpose Template.</p>
|
||||
</div>
|
||||
<div class="col-lg-12 col-xl-5">
|
||||
<div class="footer-btn">
|
||||
<a class="tp-btn-primary" href="https://themeforest.net/item/merit-premium-multipurpose-html5-template/21866679" target="_blank" role="button">Purchase now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="footer-line">
|
||||
<div class="center-footer">
|
||||
<div class="row">
|
||||
<div class="col-lg-5">
|
||||
<div class="footer-col footer-left-col">
|
||||
<figure class="site-footer-logo">
|
||||
<img src="../images/logos/logo.png" alt="">
|
||||
</figure>
|
||||
<p>Let's develop your project with this impressive and powerful template that helps you
|
||||
create beautiful web pages. An original solution for any business.</p>
|
||||
<ul class="footer-social">
|
||||
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-dribbble"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2">
|
||||
<div class="footer-col">
|
||||
<h5>Quick Links</h5>
|
||||
<ul class="quick-links">
|
||||
<li><a href="../index.html">Home</a></li>
|
||||
<li><a href="../services-style-1.html">Services</a></li>
|
||||
<li><a href="../blog-full-width.html">Blogs</a></li>
|
||||
<li><a href="../contact-style-1.html">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2">
|
||||
<div class="footer-col">
|
||||
<h5>About</h5>
|
||||
<ul class="quick-links">
|
||||
<li><a href="../profile-style-1.html">Profile</a></li>
|
||||
<li><a href="../team-style-1.html">Team</a></li>
|
||||
<li><a href="../careers-style-1.html">Careers</a></li>
|
||||
<li><a href="../faq.html">FAQ</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3">
|
||||
<div class="footer-col">
|
||||
<h5>Get in Touch</h5>
|
||||
<ul class="footer-contact">
|
||||
<li class="phone"><a href="tel:123-456-7890">+ 123-456-7890</a></li>
|
||||
<li class="email"><a href="mailto:info@merit.com">info@merit.com</a></li>
|
||||
<li>
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="fas fa-map-pin"></i>
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<p>7391 North Bay Meadows Circle New York, NY 10040.</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="footer-line">
|
||||
<div class="bottom-footer">
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<div class="footer-copyright">
|
||||
<p>© 2022 <a href="https://themeforest.net/item/merit-premium-multipurpose-html5-template/21866679" target="_blank">Merit Premium Template</a> all rights reserved.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<ul class="footer-terms">
|
||||
<li><a href="../terms.html">Terms</a></li>
|
||||
<li><a href="../privacy.html">Privacy</a></li>
|
||||
<li><a href="../contact-style-4.html">Support</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!-- FOOTER END -->
|
||||
|
||||
<!-- SCROLL TOP -->
|
||||
<a href="#0" class="cd-top">Top</a>
|
||||
|
||||
<!-- TEMPLATE MAIN JAVASCRIPT FILES -->
|
||||
<script src="../js/lib/jquery-3.6.0.min.js"></script>
|
||||
<script src="../js/lib/bootstrap.min.js"></script>
|
||||
<script src="../js/lib/plugins.js"></script>
|
||||
<script src="../js/lib/megamenu.js"></script>
|
||||
<script src="../js/lib/navigation.js"></script>
|
||||
<script src="../js/lib/navigation.fixed.min.js"></script>
|
||||
<script src="../js/main.js"></script>
|
||||
|
||||
<!-- REVOLUTION JS FILES -->
|
||||
<script src="../revolution/js/jquery.themepunch.tools.min.js"></script>
|
||||
<script src="../revolution/js/jquery.themepunch.revolution.min.js"></script>
|
||||
|
||||
<!-- SLIDER REVOLUTION 5.0 EXTENSIONS (Load Extensions only on Local File Systems ! The following part can be removed on Server for On Demand Loading) -->
|
||||
<script src="../revolution/js/extensions/revolution.extension.actions.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.carousel.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.migration.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.navigation.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.parallax.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.video.min.js"></script>
|
||||
|
||||
<!-- REQUIRE JS FOR SLIDER REVOLUTION -->
|
||||
<script>
|
||||
var tpj=jQuery;
|
||||
var revapi20;
|
||||
|
||||
tpj(document).ready(function() {
|
||||
if(tpj("#rev_slider_20_1").revolution == undefined){
|
||||
revslider_showDoubleJqueryError("#rev_slider_20_1");
|
||||
}else{
|
||||
revapi20 = tpj("#rev_slider_20_1").show().revolution({
|
||||
sliderType:"standard",
|
||||
jsFileLocation:"revolution/js/",
|
||||
sliderLayout:"fullwidth",
|
||||
dottedOverlay:"none",
|
||||
delay:9000,
|
||||
navigation: {
|
||||
keyboardNavigation:"off",
|
||||
keyboard_direction: "horizontal",
|
||||
mouseScrollNavigation:"off",
|
||||
mouseScrollReverse:"default",
|
||||
onHoverStop:"off",
|
||||
arrows: {
|
||||
style:"metis",
|
||||
enable:true,
|
||||
hide_onmobile:false,
|
||||
hide_onleave:false,
|
||||
tmp:'',
|
||||
left: {
|
||||
h_align:"left",
|
||||
v_align:"center",
|
||||
h_offset:0,
|
||||
v_offset:0
|
||||
},
|
||||
right: {
|
||||
h_align:"right",
|
||||
v_align:"center",
|
||||
h_offset:0,
|
||||
v_offset:0
|
||||
}
|
||||
}
|
||||
},
|
||||
responsiveLevels:[1240,1024,778,480],
|
||||
visibilityLevels:[1240,1024,778,480],
|
||||
gridwidth:[1240,1024,778,480],
|
||||
gridheight:[868,768,960,720],
|
||||
lazyType:"none",
|
||||
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,
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
RsFilmstripAddOn(tpj, revapi20, "http://localhost/wp/wp-content/plugins/revslider-filmstrip-addon/", false);
|
||||
}); /*ready*/
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
|
||||
<!-- Mirrored from quickdevs.com/demo/merit/rev-sliders/film-strip.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 29 Mar 2023 10:38:26 GMT -->
|
||||
</html>
|
||||
972
public/sunsarioverseas/rev-sliders/fine-dining.html
Normal file
972
public/sunsarioverseas/rev-sliders/fine-dining.html
Normal file
@ -0,0 +1,972 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US" class="no-js">
|
||||
|
||||
|
||||
<!-- Mirrored from quickdevs.com/demo/merit/rev-sliders/fine-dining.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 29 Mar 2023 10:38:26 GMT -->
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
|
||||
<!-- TITLE -->
|
||||
<title>Fine Dining - Merit Premium Multi-Purpose HTML5 Template</title>
|
||||
|
||||
<!-- META TAGS -->
|
||||
<meta name="keywords" content="premium multi-Purpose, html template, multipurpose template, bootstrap template, niches, clean, modern, multipurpose, responsive">
|
||||
<meta name="description" content="Merit is a modern Multi-Purpose HTML Template any bussines.">
|
||||
|
||||
<!-- FAVICON -->
|
||||
<link rel="shortcut icon" href="../images/icons/favicon.png">
|
||||
|
||||
<!-- REVOLUTION ADDONS -->
|
||||
<link href="http://fonts.googleapis.com/css?family=Roboto%3A700%2C300" rel="stylesheet" property="stylesheet" type="text/css" media="all" />
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/fonts/pe-icon-7-stroke/css/pe-icon-7-stroke.css">
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/fonts/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!-- REVOLUTION STYLE SHEETS -->
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/css/settings.css">
|
||||
|
||||
<!-- REVOLUTION LAYERS STYLES -->
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/css/layers.css">
|
||||
|
||||
<!-- REVOLUTION NAVIGATION STYLES -->
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/css/navigation.css">
|
||||
|
||||
<!-- MAIN CSS STYLE SHEET -->
|
||||
<link rel="stylesheet" href="../css/main.css">
|
||||
<link rel="stylesheet" href="../css/stylesheet.css">
|
||||
<link rel="stylesheet" href="../css/responsive.css">
|
||||
|
||||
<!-- REVOLUTION CUSTOM CSS -->
|
||||
<link rel="stylesheet" href="../css/slider-revolution.css">
|
||||
|
||||
<!-- MODERNIZR LIBRARY -->
|
||||
<script src="../js/modernizr-custom.js"></script>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- PRELOADER START -->
|
||||
<div id="loader-wrapper">
|
||||
<div class="loader">
|
||||
<span class="loader-26"></span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- PRELOADER END -->
|
||||
|
||||
<!-- HEADER START -->
|
||||
<header>
|
||||
<!-- TOP HEADER START -->
|
||||
<div class="top-header">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<ul class="top-contact text-left">
|
||||
<li class="phone"><span class="tel-no"><a href="tel:123-456-7890"> +123-456-7890</a></span>
|
||||
</li>
|
||||
<li class="email"><a href="mailto:info@merit.com">info@merit.com</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-6 text-right">
|
||||
<div class="top-social">
|
||||
<ul class="social-list">
|
||||
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-dribbble"></i></a></li>
|
||||
<li>
|
||||
<!-- Button trigger modal -->
|
||||
<div class="center-element">
|
||||
<button type="button" class="btn btn-default" data-toggle="modal" data-target="#exampleModal2">Login</button>
|
||||
</div>
|
||||
|
||||
<!-- Modal -->
|
||||
<div class="modal fade custom-modal" id="exampleModal2" tabindex="-1" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content login-modal">
|
||||
<button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button>
|
||||
<div class="modal-body">
|
||||
<figure class="login-avatar">
|
||||
<img src="../images/icons/user-login-2.png" alt="">
|
||||
</figure>
|
||||
<h4>Merit</h4>
|
||||
<p>Welcome Back!</p>
|
||||
<div class="google-btn">
|
||||
<button type="submit" class="tp-btn-primary">
|
||||
<img class="tp-goole-icon" src="../images/icons/google-icon.png" alt="">
|
||||
Sign in with Google
|
||||
</button>
|
||||
</div>
|
||||
<p>Or</p>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<form>
|
||||
<div class="form-group">
|
||||
<input type="email" class="form-control login-fc" placeholder="Email or Username">
|
||||
</div>
|
||||
<div class="form-group mt-3">
|
||||
<input type="password" class="form-control login-fc" placeholder="Password">
|
||||
</div>
|
||||
<div class="login-options d-flex justify-content-between mt-3">
|
||||
<div class="have-account">
|
||||
<p><a href="#">Dont have an account?</a></p>
|
||||
</div>
|
||||
<div class="forgot-password">
|
||||
<p><a href="#">Forgot password?</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="login-btn">
|
||||
<button type="submit" class="tp-btn-primary">Login</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="top-line">
|
||||
</div>
|
||||
</div>
|
||||
<!-- TOP HEADER END -->
|
||||
|
||||
<!-- MEGAMENU START -->
|
||||
<div class="main-nav">
|
||||
<div class="container">
|
||||
<nav id="navigation1" class="navigation">
|
||||
<div class="nav-header">
|
||||
<a class="nav-logo" href="../index.html">
|
||||
<img src="../images/logos/logo.png" class="white-logo" alt="">
|
||||
<img src="../images/logos/logo-black.png" class="dark-logo" alt="">
|
||||
</a>
|
||||
<div class="nav-toggle"></div>
|
||||
</div>
|
||||
<div class="nav-menus-wrapper">
|
||||
<ul class="nav-menu align-to-right">
|
||||
<li><a href="#">HOME</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../1-agency.html">Agency</a></li>
|
||||
<li><a href="../2-beauty.html">Beauty</a></li>
|
||||
<li><a href="../3-construction.html">Construction</a></li>
|
||||
<li><a href="../4-corporate.html">Corporate</a></li>
|
||||
<li><a href="../5-courier.html">Courier</a></li>
|
||||
<li><a href="../6-dealer.html">Dealer</a></li>
|
||||
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../7-dental.html">Dental</a></li>
|
||||
<li><a href="../8-education.html">Education</a></li>
|
||||
<li><a href="../9-gym.html">Gym</a></li>
|
||||
<li><a href="../10-hotel.html">Hotel</a></li>
|
||||
<li><a href="../11-medical.html">Medical</a></li>
|
||||
<li><a href="../12-restaurant.html">Restaurant</a></li>
|
||||
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../13-charity.html">Charity</a></li>
|
||||
<li><a href="../14-cleaning.html">Cleaning</a></li>
|
||||
<li><a href="../15-finance.html">Finance</a></li>
|
||||
<li><a href="../16-industrial.html">Industrial</a></li>
|
||||
<li><a href="../17-hosting.html">Hosting</a></li>
|
||||
<li><a href="../18-portfolio.html">Portfolio</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../19-organic.html">Organic</a></li>
|
||||
<li><a href="../20-farm.html">Farm</a></li>
|
||||
<li><a href="../21-yoga.html">Yoga</a></li>
|
||||
<li><a href="../22-travel.html">Travel</a></li>
|
||||
<li><a href="../23-lawyer.html">Lawyer</a></li>
|
||||
<li><a href="../24-fitness.html">Fitness</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">PAGES</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../about-style-1.html">About Us</a></li>
|
||||
<li><a href="../about-style-2.html">About Me</a></li>
|
||||
<li><a href="../about-style-3.html">About Us - ALT 2</a></li>
|
||||
<li><a href="../about-style-4.html">About Us - ALT 3</a></li>
|
||||
<li><a href="../careers-style-1.html">Careers</a></li>
|
||||
<li><a href="../careers-style-2.html">Careers - ALT 2</a></li>
|
||||
<li><a href="../careers-style-3.html">Careers - ALT 3</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../services-style-1.html">Services</a></li>
|
||||
<li><a href="../services-style-2.html">Services - ALT 2</a></li>
|
||||
<li><a href="../services-style-3.html">Services - ALT 3</a></li>
|
||||
<li><a href="../services-style-4.html">Services - ALT 4</a></li>
|
||||
<li><a href="../profile-style-1.html">Profile</a></li>
|
||||
<li><a href="../profile-style-2.html">Profile - ALT 2</a></li>
|
||||
<li><a href="../profile-style-3.html">Profile - ALT 3</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../contact-style-1.html">Contact Us </a></li>
|
||||
<li><a href="../contact-style-2.html">Contact Us - ALT 2</a></li>
|
||||
<li><a href="../contact-style-3.html">Contact Us - ALT 3</a></li>
|
||||
<li><a href="../contact-style-4.html">Contact Us - ALT 4</a></li>
|
||||
<li><a href="../team-style-1.html">Our Team</a></li>
|
||||
<li><a href="../team-style-2.html">Our Team - ALT 2</a></li>
|
||||
<li><a href="../team-style-3.html">Our Team - ALT 3</a></li>
|
||||
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../coming-soon-style-1.html">Coming Soon</a></li>
|
||||
<li><a href="../coming-soon-style-2.html">Coming Soon - ALT 2</a></li>
|
||||
<li><a href="../404-error-style-1.html">404 Page</a></li>
|
||||
<li><a href="../404-error-style-2.html">404 Page - ALT 2</a></li>
|
||||
<li><a href="../login-register-style-1.html">Login / Register</a></li>
|
||||
<li><a href="../faq.html">Faq</a></li>
|
||||
<li><a href="../faq-alt.html">Faq - ALT</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">ELEMENTS</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 1</a></li>
|
||||
<li><a href="../elements/accordions.html"><i class="fas fa-plus-square"></i> Accordions</a></li>
|
||||
<li><a href="../elements/alerts.html"><i class="fas fa-exclamation-circle"></i> Alerts</a></li>
|
||||
<li><a href="../elements/animations.html"><i class="fas fa-exchange-alt"></i> Animations</a></li>
|
||||
<li><a href="../elements/blockquotes.html"><i class="fas fa-quote-left"></i> Blockquotes</a></li>
|
||||
<li><a href="../elements/breadcrumbs.html"><i class="fas fa-share"></i> Breadcrumbs</a></li>
|
||||
<li><a href="../elements/buttons.html"><i class="fas fa-square"></i> Buttons</a></li>
|
||||
<li><a href="../elements/call-to-action.html"><i class="fas fa-bullhorn"></i> Call to Action</a></li>
|
||||
<li><a href="../elements/charts.html"><i class="fas fa-circle-notch"></i> Charts</a></li>
|
||||
<li><a href="../elements/content-boxes.html"><i class="fas fa-th-large"></i> Content Boxes</a></li>
|
||||
<li><a href="../elements/counters.html"><i class="fas fa-bullseye"></i> Counters</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 2</a></li>
|
||||
<li><a href="../elements/customers.html"><i class="fas fa-user-circle"></i> Customer</a></li>
|
||||
<li><a href="../elements/dropcaps.html"><i class="fas fa-font"></i> Dropcaps</a></li>
|
||||
<li><a href="../elements/flip-boxes.html"><i class="fas fa-sync-alt"></i> Flip Box</a></li>
|
||||
<li><a href="../elements/google-maps.html"><i class="fas fa-map"></i> Google Maps</a></li>
|
||||
<li><a href="../elements/grid-boxes.html"><i class="fas fa-th"></i> Grid Boxes</a></li>
|
||||
<li><a href="../elements/icon-boxes.html"><i class="fas fa-th-large"></i> Icon Boxes</a></li>
|
||||
<li><a href="../elements/icon-circle.html"><i class="far fa-circle"></i> Icon Circle</a></li>
|
||||
<li><a href="../elements/image-gallery.html"><i class="fas fa-expand"></i> Image Gallery</a></li>
|
||||
<li><a href="../elements/images.html"><i class="far fa-image"></i> Images</a></li>
|
||||
<li><a href="../elements/image-hover.html"><i class="fas fa-object-ungroup" aria-hidden="true"></i> Image Hover</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 3</a></li>
|
||||
<li><a href="../elements/lightbox.html"><i class="fas fa-lightbulb"></i> LightBox</a></li>
|
||||
<li><a href="../elements/modal-popup.html"><i class="fas fa-search-plus"></i> Modal Popup</a></li>
|
||||
<li><a href="../elements/pagination.html"><i class="fas fa-angle-double-right"></i> Pagination</a></li>
|
||||
<li><a href="../elements/parallax.html"><i class="fas fa-random"></i> Parallax</a></li>
|
||||
<li><a href="../elements/pricing-table.html"><i class="fas fa-table"></i> Pricing Tables</a></li>
|
||||
<li><a href="../elements/process-steps.html"><i class="fas fa-arrow-right"></i> Process Steps</a></li>
|
||||
<li><a href="../elements/profile-cards.html"><i class="fas fa-address-card"></i> Profile Cards</a></li>
|
||||
<li><a href="../elements/progress-bar.html"><i class="fas fa-tasks"></i> Progress Bar</a></li>
|
||||
<li><a href="../elements/recent-posts.html"><i class="fas fa-newspaper"></i> Recent Posts</a></li>
|
||||
<li><a href="../elements/section-styles.html"><i class="fas fa-outdent"></i> Section Styles</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 4</a></li>
|
||||
<li><a href="../elements/separators.html"><i class="fas fa-minus"></i> Separators</a></li>
|
||||
<li><a href="../elements/shop-banners.html"><i class="fas fa-language"></i> Shop Banners</a></li>
|
||||
<li><a href="../elements/social-icons.html"><i class="fab fa-twitter"></i> Social Icons</a></li>
|
||||
<li><a href="../elements/tables.html"><i class="fas fa-table"></i> Tables</a></li>
|
||||
<li><a href="../elements/tabs.html"><i class="fas fa-window-maximize"></i> Tabs</a></li>
|
||||
<li><a href="../elements/team.html"><i class="fas fa-users"></i> Team</a></li>
|
||||
<li><a href="../elements/testimonials.html"><i class="fas fa-edit"></i> Testimonials</a></li>
|
||||
<li><a href="../elements/timeline.html"><i class="fas fa-arrow-down"></i> Timeline</a></li>
|
||||
<li><a href="../elements/videos.html"><i class="fas fa-video"></i> Videos & Audio</a></li>
|
||||
<li><a href="../elements/video-background.html"><i class="fas fa-photo-video"></i> Video Background</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">SLIDERS</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 1</a></li>
|
||||
<li><a href="3d-parallax-scenes.html">3D Parallax Scenes</a></li>
|
||||
<li><a href="404-error.html">404 Error</a></li>
|
||||
<li><a href="agency-slider.html">Agency Slider</a></li>
|
||||
<li><a href="blend-mode.html">Blend Mode</a></li>
|
||||
<li><a href="blur-effect.html">Blur Effect</a></li>
|
||||
<li><a href="car-dealer.html">Car Dealer</a></li>
|
||||
<li><a href="carousel-gallery.html">Carousel Gallery</a></li>
|
||||
<li><a href="classic-carousel.html">Classic Carousel</a></li>
|
||||
<li><a href="coming-soon.html">Coming soon</a></li>
|
||||
<li><a href="concept-slider.html">Concept Slider</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 2</a></li>
|
||||
<li><a href="double-exposure-effect.html">Double Exposure Effect</a></li>
|
||||
<li><a href="exploration-header.html">Exploration Header</a></li>
|
||||
<li><a href="film-strip.html">Film Strip Effect</a></li>
|
||||
<li><a href="fine-dining.html">Fine Dining</a></li>
|
||||
<li><a href="gravity-design.html">Gravity Design</a></li>
|
||||
<li><a href="happy-hollidays.html">Happy Hollidays</a></li>
|
||||
<li><a href="hero-sports.html">Hero Sports</a></li>
|
||||
<li><a href="inspiration-header.html">Inspiration Header</a></li>
|
||||
<li><a href="levano-slider.html">Levano Slider</a></li>
|
||||
<li><a href="magazine-posts.html">Magazine Posts</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 3</a></li>
|
||||
<li><a href="mask-showcase.html">Mask Showcase</a></li>
|
||||
<li><a href="mountain-parallax.html">Mountain Parallax</a></li>
|
||||
<li><a href="over-expousure.html">Over Exposure</a></li>
|
||||
<li><a href="panorama.html">Panorama</a></li>
|
||||
<li><a href="parallax-joy.html">Parallax Joy</a></li>
|
||||
<li><a href="parallax-zoom.html">Parallax Zoom</a></li>
|
||||
<li><a href="particle-effect-one.html">Particle Effect one</a></li>
|
||||
<li><a href="particle-effect-two.html">Particle Effect Two</a></li>
|
||||
<li><a href="particle-effect-three.html">Particle Effect Three</a></li>
|
||||
<li><a href="style-intro.html">Style Intro</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 4</a></li>
|
||||
<li><a href="reveal.html">Reveal</a></li>
|
||||
<li><a href="rock-band.html">Rock Band</a></li>
|
||||
<li><a href="scroll-effects.html">Scroll Effect</a></li>
|
||||
<li><a href="slider-gym.html">Slider Gym</a></li>
|
||||
<li><a href="slider-news.html">Slider News</a></li>
|
||||
<li><a href="sliding-overlays.html">Sliding Overlays</a></li>
|
||||
<li><a href="web-agency.html">Web Agency</a></li>
|
||||
<li><a href="web-product.html">Web Product</a></li>
|
||||
<li><a href="website-intro.html">Website Intro</a></li>
|
||||
<li><a href="youtube-hero.html">Youtube Hero</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">SHOP</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="#">CLASSIC</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../shop-full-width.html">Full width</a></li>
|
||||
<li><a href="../shop-left-sidebar.html">Left sidebar</a></li>
|
||||
<li><a href="../shop-right-sidebar.html">Right sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">PRODUCT DETAILS</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../product-full-width.html">Full width</a></li>
|
||||
<li><a href="../product-left-sidebar.html">Left sidebar</a></li>
|
||||
<li><a href="../product-right-sidebar.html">Right sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="../shopping-cart.html">SHOPING CART</a></li>
|
||||
<li><a href="../checkout.html">CHECKOUT</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">BLOG</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="#">CLASSIC</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../blog-full-width.html">Full width</a></li>
|
||||
<li><a href="../blog-left-sidebar.html">Left sidebar</a></li>
|
||||
<li><a href="../blog-right-sidebar.html">Right sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">GRID</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../blog-grid-one-column.html">One column</a></li>
|
||||
<li><a href="../blog-grid-two-column.html">Two column</a></li>
|
||||
<li><a href="../blog-grid-three-column.html">Three column</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">MASONRY</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../masonry-two-columns.html">Two Columns</a></li>
|
||||
<li><a href="../masonry-three-columns.html">Three Columns</a></li>
|
||||
<li><a href="../masonry-four-columns.html">Four Columns</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">BLOG SINGLE</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../blog-single-full-width.html">Blog Single Full Width</a></li>
|
||||
<li><a href="../blog-single-left-sidebar.html">Blog Single Left Sidebar</a></li>
|
||||
<li><a href="../blog-single-right-sidebar.html">Blog Single Right Sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<!-- MEGAMENU END -->
|
||||
|
||||
<div class="home-slider">
|
||||
<!-- SLIDER REVOLUTION START -->
|
||||
<section class="example">
|
||||
<article class="content">
|
||||
|
||||
<div id="rev_slider_1069_1_wrapper" class="rev_slider_wrapper fullscreen-container" data-alias="restaurant-header" data-source="gallery" style="background-color:#222222;padding:0px;">
|
||||
<!-- START REVOLUTION SLIDER 5.4.1 fullscreen mode -->
|
||||
<div id="rev_slider_1069_1" class="rev_slider fullscreenbanner" style="display:none;" data-version="5.4.1">
|
||||
<ul> <!-- SLIDE -->
|
||||
<li data-index="rs-3015" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="Power4.easeInOut" data-easeout="default" data-masterspeed="2000" data-rotate="0" data-saveperformance="off" data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
|
||||
<!-- MAIN IMAGE -->
|
||||
<img src="../assets/images/drinkwinecover.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgparallax="3" class="rev-slidebg" data-no-retina>
|
||||
<!-- LAYERS -->
|
||||
|
||||
<!-- BACKGROUND VIDEO LAYER -->
|
||||
<div class="rs-background-video-layer"
|
||||
data-forcerewind="on"
|
||||
data-volume="mute"
|
||||
data-videowidth="100%"
|
||||
data-videoheight="100%"
|
||||
data-videomp4="../assets/videos/Drink-Wine.mp4"
|
||||
data-videopreload="auto"
|
||||
data-videoloop="loopandnoslidestop"
|
||||
data-aspectratio="16:9"
|
||||
data-autoplay="true"
|
||||
data-autoplayonlyfirsttime="false"
|
||||
></div>
|
||||
<!-- LAYER NR. 1 -->
|
||||
<div class="tp-caption "
|
||||
id="slide-3015-layer-14"
|
||||
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
|
||||
data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
|
||||
data-width="full-proportional"
|
||||
data-height="full-proportional"
|
||||
data-whitespace="nowrap"
|
||||
|
||||
data-type="image"
|
||||
data-basealign="slide"
|
||||
data-responsive_offset="off"
|
||||
data-responsive="off"
|
||||
data-frames='[{"from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","speed":2000,"to":"o:1;","delay":"bytrigger","ease":"Power3.easeInOut"},{"delay":"bytrigger","speed":800,"to":"sX:1.1;sY:1.1;opacity:0;","ease":"nothing"}]'
|
||||
data-textAlign="['left','left','left','left']"
|
||||
data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
data-lasttriggerstate="reset"
|
||||
style="z-index: 5;text-transform:left;border-width:0px;cursor:pointer;"><img src="../assets/images/themenu.jpg" alt="" data-ww="['full-proportional','full-proportional','full-proportional','full-proportional']" data-hh="['full-proportional','full-proportional','full-proportional','full-proportional']" width="1920" height="1282" data-no-retina> </div>
|
||||
|
||||
<!-- LAYER NR. 2 -->
|
||||
<div class="tp-caption "
|
||||
id="slide-3015-layer-13"
|
||||
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
|
||||
data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
|
||||
data-width="full-proportional"
|
||||
data-height="full-proportional"
|
||||
data-whitespace="nowrap"
|
||||
|
||||
data-type="image"
|
||||
data-basealign="slide"
|
||||
data-responsive_offset="off"
|
||||
data-responsive="off"
|
||||
data-frames='[{"from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","speed":2000,"to":"o:1;","delay":"bytrigger","ease":"Power3.easeInOut"},{"delay":"bytrigger","speed":800,"to":"sX:1.1;sY:1.1;opacity:0;","ease":"nothing"}]'
|
||||
data-textAlign="['left','left','left','left']"
|
||||
data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
data-lasttriggerstate="reset"
|
||||
style="z-index: 6;text-transform:left;border-width:0px;cursor:pointer;"><img src="../assets/images/atable.jpg" alt="" data-ww="['full-proportional','full-proportional','full-proportional','full-proportional']" data-hh="['full-proportional','full-proportional','full-proportional','full-proportional']" width="1920" height="1280" data-no-retina> </div>
|
||||
|
||||
<!-- LAYER NR. 3 -->
|
||||
<div class="tp-caption tp-shape tp-shapewrapper "
|
||||
id="slide-3015-layer-1"
|
||||
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
|
||||
data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
|
||||
data-width="full"
|
||||
data-height="full"
|
||||
data-whitespace="nowrap"
|
||||
|
||||
data-type="shape"
|
||||
data-basealign="slide"
|
||||
data-responsive_offset="off"
|
||||
data-responsive="off"
|
||||
data-frames='[{"from":"opacity:0;","speed":1500,"to":"o:1;","delay":0,"ease":"Power3.easeInOut"},{"delay":"wait","speed":500,"to":"opacity:0;","ease":"nothing"}]'
|
||||
data-textAlign="['left','left','left','left']"
|
||||
data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
|
||||
style="z-index: 7;text-transform:left;background-color:rgba(51, 51, 51, 0.75);border-color:rgba(0, 0, 0, 0);border-width:0px;"> </div>
|
||||
|
||||
<!-- LAYER NR. 4 -->
|
||||
<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme"
|
||||
id="slide-3015-layer-6"
|
||||
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
|
||||
data-y="['middle','middle','middle','middle']" data-voffset="['-86','-86','-86','-86']"
|
||||
data-width="100"
|
||||
data-height="2"
|
||||
data-whitespace="nowrap"
|
||||
|
||||
data-type="shape"
|
||||
data-responsive_offset="on"
|
||||
|
||||
data-frames='[{"from":"x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":2000,"to":"o:1;","delay":1000,"ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"}]'
|
||||
data-textAlign="['left','left','left','left']"
|
||||
data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
|
||||
style="z-index: 8;text-transform:left;background-color:rgba(255, 255, 255, 0.25);border-color:rgba(0, 0, 0, 0);border-width:0px;"> </div>
|
||||
|
||||
<!-- LAYER NR. 5 -->
|
||||
<div class="tp-caption Dining-Title tp-resizeme"
|
||||
id="slide-3015-layer-7"
|
||||
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
|
||||
data-y="['middle','middle','middle','middle']" data-voffset="['-158','-158','-158','-158']"
|
||||
data-width="none"
|
||||
data-height="none"
|
||||
data-whitespace="nowrap"
|
||||
|
||||
data-type="text"
|
||||
data-responsive_offset="on"
|
||||
|
||||
data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":2000,"to":"o:1;","delay":1500,"ease":"Power2.easeInOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"}]'
|
||||
data-textAlign="['center','center','center','center']"
|
||||
data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
|
||||
style="z-index: 9; white-space: nowrap; font-size: 100px; line-height: 100px;text-transform:left;"><i class="pe-7s-wine"></i> </div>
|
||||
|
||||
<!-- LAYER NR. 6 -->
|
||||
<div class="tp-caption Dining-Title tp-resizeme"
|
||||
id="slide-3015-layer-2"
|
||||
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
|
||||
data-y="['middle','middle','middle','middle']" data-voffset="['-28','-28','-37','-28']"
|
||||
data-fontsize="['70','70','50','30']"
|
||||
data-lineheight="['70','70','50','30']"
|
||||
data-width="none"
|
||||
data-height="none"
|
||||
data-whitespace="nowrap"
|
||||
|
||||
data-type="text"
|
||||
data-responsive_offset="on"
|
||||
|
||||
data-frames='[{"from":"y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":2000,"to":"o:1;","delay":1750,"ease":"Power2.easeInOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"}]'
|
||||
data-textAlign="['left','left','left','left']"
|
||||
data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
|
||||
style="z-index: 10; white-space: nowrap;text-transform:left;">FINE DINING </div>
|
||||
|
||||
<!-- LAYER NR. 7 -->
|
||||
<div class="tp-caption Dining-SubTitle tp-resizeme"
|
||||
id="slide-3015-layer-4"
|
||||
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
|
||||
data-y="['middle','middle','middle','middle']" data-voffset="['27','27','28','30']"
|
||||
data-lineheight="['20','20','30','30']"
|
||||
data-width="['none','none','480','360']"
|
||||
data-height="none"
|
||||
data-whitespace="['nowrap','nowrap','normal','normal']"
|
||||
|
||||
data-type="text"
|
||||
data-responsive_offset="on"
|
||||
|
||||
data-frames='[{"from":"y:50px;opacity:0;","speed":2000,"to":"o:1;","delay":2000,"ease":"Power2.easeInOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"}]'
|
||||
data-textAlign="['center','center','center','center']"
|
||||
data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
|
||||
style="z-index: 11; white-space: nowrap; color: rgba(255, 255, 255, 0.50);text-transform:left;font-style:italic;">The concept of a traditional restaurant reimagined in a modern way. </div>
|
||||
|
||||
<!-- LAYER NR. 8 -->
|
||||
<div class="tp-caption Dining-BtnLight rev-btn rs-parallaxlevel-2"
|
||||
id="slide-3015-layer-8"
|
||||
data-x="['center','center','center','center']" data-hoffset="['-150','-150','0','0']"
|
||||
data-y="['middle','middle','middle','middle']" data-voffset="['120','120','120','90']"
|
||||
data-width="none"
|
||||
data-height="none"
|
||||
data-whitespace="nowrap"
|
||||
|
||||
data-type="button"
|
||||
data-actions='[{"event":"click","action":"scrollbelow","offset":"px","delay":""},{"event":"mouseenter","action":"startlayer","layer":"slide-3015-layer-14","delay":""},{"event":"mouseleave","action":"stoplayer","layer":"slide-3015-layer-14","delay":""}]'
|
||||
data-responsive_offset="off"
|
||||
data-responsive="off"
|
||||
data-frames='[{"from":"y:50px;opacity:0;","speed":2000,"to":"o:1;","delay":2250,"ease":"Power2.easeInOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"},{"frame":"hover","speed":"200","ease":"Power1.easeInOut","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(255, 255, 255, 1.00);bc:rgba(255, 255, 255, 1.00);bw:1px 1px 1px 1px;"}]'
|
||||
data-textAlign="['left','left','left','left']"
|
||||
data-paddingtop="[17,17,17,17]"
|
||||
data-paddingright="[73,73,73,73]"
|
||||
data-paddingbottom="[17,17,17,17]"
|
||||
data-paddingleft="[50,50,50,50]"
|
||||
|
||||
style="z-index: 12; white-space: nowrap;text-transform:left;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;"><i class="pe-7s-note2" style="font-size:25px; float: left; margin-top:-6px; margin-right: 10px"></i> SEE OUR MENU </div>
|
||||
|
||||
<!-- LAYER NR. 9 -->
|
||||
<div class="tp-caption Dining-BtnLight rev-btn rs-parallaxlevel-2"
|
||||
id="slide-3015-layer-9"
|
||||
data-x="['center','center','center','center']" data-hoffset="['150','150','0','0']"
|
||||
data-y="['middle','middle','middle','middle']" data-voffset="['120','120','180','150']"
|
||||
data-width="none"
|
||||
data-height="none"
|
||||
data-whitespace="nowrap"
|
||||
|
||||
data-type="button"
|
||||
data-actions='[{"event":"click","action":"scrollbelow","offset":"px","delay":""},{"event":"mouseenter","action":"startlayer","layer":"slide-3015-layer-13","delay":""},{"event":"mouseleave","action":"stoplayer","layer":"slide-3015-layer-13","delay":""}]'
|
||||
data-responsive_offset="off"
|
||||
data-responsive="off"
|
||||
data-frames='[{"from":"y:50px;opacity:0;","speed":2000,"to":"o:1;","delay":2500,"ease":"Power2.easeInOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"},{"frame":"hover","speed":"200","ease":"Power1.easeInOut","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(255, 255, 255, 1.00);bc:rgba(255, 255, 255, 1.00);bw:1px 1px 1px 1px;"}]'
|
||||
data-textAlign="['left','left','left','left']"
|
||||
data-paddingtop="[17,17,17,17]"
|
||||
data-paddingright="[79,79,79,79]"
|
||||
data-paddingbottom="[17,17,17,17]"
|
||||
data-paddingleft="[50,50,50,50]"
|
||||
|
||||
style="z-index: 13; white-space: nowrap;text-transform:left;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;"><i class="pe-7s-date" style="font-size:25px; float: left; margin-top:-6px; margin-right: 10px;"></i> RESERVE TABLE </div>
|
||||
|
||||
<!-- LAYER NR. 10 -->
|
||||
<div class="tp-caption Dining-Social tp-resizeme"
|
||||
id="slide-3015-layer-10"
|
||||
data-x="['center','center','center','center']" data-hoffset="['-60','-60','-60','-60']"
|
||||
data-y="['bottom','bottom','bottom','bottom']" data-voffset="['30','30','30','30']"
|
||||
data-width="50"
|
||||
data-height="50"
|
||||
data-whitespace="normal"
|
||||
|
||||
data-type="text"
|
||||
data-basealign="slide"
|
||||
data-responsive_offset="on"
|
||||
|
||||
data-frames='[{"from":"y:50px;rZ:60deg;opacity:0;","speed":1500,"to":"o:1;","delay":4000,"ease":"Power2.easeInOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"},{"frame":"hover","speed":"400","ease":"Power1.easeInOut","to":"o:1;rX:0;rY:0;rZ:360;z:0;","style":"c:rgba(255, 255, 255, 1.00);bc:rgba(255, 255, 255, 1.00);bw:1px 1px 1px 1px;"}]'
|
||||
data-textAlign="['center','center','center','center']"
|
||||
data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
|
||||
style="z-index: 14; min-width: 50px; max-width: 50px; max-width: 50px; max-width: 50px; white-space: normal;text-transform:left;cursor:pointer;"><i class="fa-icon-facebook"></i> </div>
|
||||
|
||||
<!-- LAYER NR. 11 -->
|
||||
<div class="tp-caption Dining-Social tp-resizeme"
|
||||
id="slide-3015-layer-11"
|
||||
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
|
||||
data-y="['bottom','bottom','bottom','bottom']" data-voffset="['29','29','29','29']"
|
||||
data-width="50"
|
||||
data-height="50"
|
||||
data-whitespace="normal"
|
||||
|
||||
data-type="text"
|
||||
data-basealign="slide"
|
||||
data-responsive_offset="on"
|
||||
|
||||
data-frames='[{"from":"y:50px;rZ:60deg;opacity:0;","speed":1500,"to":"o:1;","delay":4250,"ease":"Power2.easeInOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"},{"frame":"hover","speed":"400","ease":"Power1.easeInOut","to":"o:1;rX:0;rY:0;rZ:360;z:0;","style":"c:rgba(255, 255, 255, 1.00);bc:rgba(255, 255, 255, 1.00);bw:1px 1px 1px 1px;"}]'
|
||||
data-textAlign="['center','center','center','center']"
|
||||
data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
|
||||
style="z-index: 15; min-width: 50px; max-width: 50px; max-width: 50px; max-width: 50px; white-space: normal;text-transform:left;cursor:pointer;"><i class="fa-icon-twitter"></i> </div>
|
||||
|
||||
<!-- LAYER NR. 12 -->
|
||||
<div class="tp-caption Dining-Social tp-resizeme"
|
||||
id="slide-3015-layer-12"
|
||||
data-x="['center','center','center','center']" data-hoffset="['60','60','60','60']"
|
||||
data-y="['bottom','bottom','bottom','bottom']" data-voffset="['29','29','29','29']"
|
||||
data-width="50"
|
||||
data-height="50"
|
||||
data-whitespace="normal"
|
||||
|
||||
data-type="text"
|
||||
data-basealign="slide"
|
||||
data-responsive_offset="on"
|
||||
|
||||
data-frames='[{"from":"y:50px;rZ:60deg;opacity:0;","speed":1500,"to":"o:1;","delay":4500,"ease":"Power2.easeInOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"},{"frame":"hover","speed":"400","ease":"Power1.easeInOut","to":"o:1;rX:0;rY:0;rZ:360;z:0;","style":"c:rgba(255, 255, 255, 1.00);bc:rgba(255, 255, 255, 1.00);bw:1px 1px 1px 1px;"}]'
|
||||
data-textAlign="['center','center','center','center']"
|
||||
data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
|
||||
style="z-index: 16; min-width: 50px; max-width: 50px; max-width: 50px; max-width: 50px; white-space: normal;text-transform:left;cursor:pointer;"><i class="fa-icon-instagram"></i> </div>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div> </div>
|
||||
</div>
|
||||
|
||||
</article>
|
||||
</section>
|
||||
<!-- SLIDER REVOLUTION END -->
|
||||
</div>
|
||||
</header>
|
||||
<!-- HEADER END -->
|
||||
|
||||
<section>
|
||||
<div class="container mt-5 mb-5">
|
||||
<div class="row">
|
||||
<div class="col-lg-4">
|
||||
<div class="slider-feature-info">
|
||||
<h5 class="overtitle">Fine Dining</h5>
|
||||
<h2>SLIDER REVOLUTION</h2>
|
||||
<p>Including the powerful and stunning Slider Revolution is an innovative, responsive jQuery Slider Plugin that displays your content the beautiful way.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-8 spacing-md">
|
||||
<div class="row">
|
||||
<div class="col-md-6 top-col">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/levels.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">SLIDERS DIVERSITY</h5>
|
||||
<p>With more than 100 templates, it allows you to create almost any type of web pages.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 top-col">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/document.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">DOCUMENTATION</h5>
|
||||
<p>Complete and clear documentation for an easy and fast installation..</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 bottom-col-resp">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/device.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">RESPONSIVE DESIGN</h5>
|
||||
<p>Slider Revolution adapts to any device for a better visual experience..</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/support.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">PREMIUM SUPPORT</h5>
|
||||
<p>If you have any problems in the installation process, we are here to help you.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="rs-line">
|
||||
</div>
|
||||
|
||||
<div class="container rs-call-to-action mt-5 mb-5">
|
||||
<div class="row">
|
||||
<div class="col-lg-8">
|
||||
<div class="ca-left-side">
|
||||
<h3>Premium Multi-Purpose HTML5 Template</h3>
|
||||
<p>Let's develop your project with this impressive and powerful template that helps you
|
||||
create beautiful web pages. An original solution for any business..</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12 col-lg-4">
|
||||
<div class="ca-right-side flex-parent jc-center">
|
||||
<a class="tp-btn-primary" href="https://themeforest.net/item/merit-premium-multipurpose-html5-template/21866679" target="_blank">Purchase now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- FOOTER START -->
|
||||
<footer>
|
||||
<div class="container mt-5">
|
||||
<div class="top-footer">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 col-xl-7">
|
||||
<h3>Creative and affordable website solution</h3>
|
||||
<p>Build modern websites with this powefull Multi-Purpose Template.</p>
|
||||
</div>
|
||||
<div class="col-lg-12 col-xl-5">
|
||||
<div class="footer-btn">
|
||||
<a class="tp-btn-primary" href="https://themeforest.net/item/merit-premium-multipurpose-html5-template/21866679" target="_blank" role="button">Purchase now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="footer-line">
|
||||
<div class="center-footer">
|
||||
<div class="row">
|
||||
<div class="col-lg-5">
|
||||
<div class="footer-col footer-left-col">
|
||||
<figure class="site-footer-logo">
|
||||
<img src="../images/logos/logo.png" alt="">
|
||||
</figure>
|
||||
<p>Let's develop your project with this impressive and powerful template that helps you
|
||||
create beautiful web pages. An original solution for any business.</p>
|
||||
<ul class="footer-social">
|
||||
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-dribbble"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2">
|
||||
<div class="footer-col">
|
||||
<h5>Quick Links</h5>
|
||||
<ul class="quick-links">
|
||||
<li><a href="../index.html">Home</a></li>
|
||||
<li><a href="../services-style-1.html">Services</a></li>
|
||||
<li><a href="../blog-full-width.html">Blogs</a></li>
|
||||
<li><a href="../contact-style-1.html">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2">
|
||||
<div class="footer-col">
|
||||
<h5>About</h5>
|
||||
<ul class="quick-links">
|
||||
<li><a href="../profile-style-1.html">Profile</a></li>
|
||||
<li><a href="../team-style-1.html">Team</a></li>
|
||||
<li><a href="../careers-style-1.html">Careers</a></li>
|
||||
<li><a href="../faq.html">FAQ</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3">
|
||||
<div class="footer-col">
|
||||
<h5>Get in Touch</h5>
|
||||
<ul class="footer-contact">
|
||||
<li class="phone"><a href="tel:123-456-7890">+ 123-456-7890</a></li>
|
||||
<li class="email"><a href="mailto:info@merit.com">info@merit.com</a></li>
|
||||
<li>
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="fas fa-map-pin"></i>
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<p>7391 North Bay Meadows Circle New York, NY 10040.</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="footer-line">
|
||||
<div class="bottom-footer">
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<div class="footer-copyright">
|
||||
<p>© 2022 <a href="https://themeforest.net/item/merit-premium-multipurpose-html5-template/21866679" target="_blank">Merit Premium Template</a> all rights reserved.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<ul class="footer-terms">
|
||||
<li><a href="../terms.html">Terms</a></li>
|
||||
<li><a href="../privacy.html">Privacy</a></li>
|
||||
<li><a href="../contact-style-4.html">Support</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!-- FOOTER END -->
|
||||
|
||||
<!-- SCROLL TOP -->
|
||||
<a href="#0" class="cd-top">Top</a>
|
||||
|
||||
<!-- TEMPLATE MAIN JAVASCRIPT FILES -->
|
||||
<script src="../js/lib/jquery-3.6.0.min.js"></script>
|
||||
<script src="../js/lib/bootstrap.min.js"></script>
|
||||
<script src="../js/lib/plugins.js"></script>
|
||||
<script src="../js/lib/megamenu.js"></script>
|
||||
<script src="../js/lib/navigation.js"></script>
|
||||
<script src="../js/lib/navigation.fixed.min.js"></script>
|
||||
<script src="../js/main.js"></script>
|
||||
|
||||
<!-- REVOLUTION JS FILES -->
|
||||
<script src="../revolution/js/jquery.themepunch.tools.min.js"></script>
|
||||
<script src="../revolution/js/jquery.themepunch.revolution.min.js"></script>
|
||||
|
||||
<!-- SLIDER REVOLUTION 5.0 EXTENSIONS (Load Extensions only on Local File Systems ! The following part can be removed on Server for On Demand Loading) -->
|
||||
<script src="../revolution/js/extensions/revolution.extension.actions.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.carousel.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.migration.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.navigation.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.parallax.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.video.min.js"></script>
|
||||
|
||||
<!-- REQUIRE JS FOR SLIDER REVOLUTION -->
|
||||
<script>
|
||||
var tpj = jQuery;
|
||||
|
||||
var revapi1069;
|
||||
tpj(document).ready(function () {
|
||||
if (tpj("#rev_slider_1069_1").revolution == undefined) {
|
||||
revslider_showDoubleJqueryError("#rev_slider_1069_1");
|
||||
} else {
|
||||
revapi1069 = tpj("#rev_slider_1069_1").show().revolution({
|
||||
sliderType: "hero",
|
||||
jsFileLocation: "revolution/js/",
|
||||
sliderLayout: "fullscreen",
|
||||
dottedOverlay: "none",
|
||||
delay: 9000,
|
||||
navigation: {},
|
||||
responsiveLevels: [1240, 1024, 778, 480],
|
||||
visibilityLevels: [1240, 1024, 778, 480],
|
||||
gridwidth: [1240, 1024, 778, 480],
|
||||
gridheight: [868, 768, 960, 720],
|
||||
lazyType: "none",
|
||||
parallax: {
|
||||
type: "scroll",
|
||||
origo: "slidercenter",
|
||||
speed: 1000,
|
||||
levels: [5, 10, 15, 20, 25, 30, 35, 40, 45, 46, 47, 48, 49, 50, 51, 55],
|
||||
type: "scroll",
|
||||
},
|
||||
shadow: 0,
|
||||
spinner: "spinner2",
|
||||
autoHeight: "off",
|
||||
fullScreenAutoWidth: "off",
|
||||
fullScreenAlignForce: "off",
|
||||
fullScreenOffsetContainer: "",
|
||||
fullScreenOffset: "60",
|
||||
disableProgressBar: "on",
|
||||
hideThumbsOnMobile: "off",
|
||||
hideSliderAtLimit: 0,
|
||||
hideCaptionAtLimit: 0,
|
||||
hideAllCaptionAtLilmit: 0,
|
||||
debugMode: false,
|
||||
fallbacks: {
|
||||
simplifyAll: "off",
|
||||
disableFocusListener: false,
|
||||
}
|
||||
});
|
||||
}
|
||||
}); /*ready*/
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
|
||||
<!-- Mirrored from quickdevs.com/demo/merit/rev-sliders/fine-dining.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 29 Mar 2023 10:38:32 GMT -->
|
||||
</html>
|
||||
1122
public/sunsarioverseas/rev-sliders/gravity-design.html
Normal file
1122
public/sunsarioverseas/rev-sliders/gravity-design.html
Normal file
File diff suppressed because it is too large
Load Diff
1196
public/sunsarioverseas/rev-sliders/happy-hollidays.html
Normal file
1196
public/sunsarioverseas/rev-sliders/happy-hollidays.html
Normal file
File diff suppressed because it is too large
Load Diff
809
public/sunsarioverseas/rev-sliders/hero-sports.html
Normal file
809
public/sunsarioverseas/rev-sliders/hero-sports.html
Normal file
@ -0,0 +1,809 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US" class="no-js">
|
||||
|
||||
|
||||
<!-- Mirrored from quickdevs.com/demo/merit/rev-sliders/hero-sports.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 29 Mar 2023 10:41:03 GMT -->
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
|
||||
<!-- TITLE -->
|
||||
<title>Hero Sport - Merit Premium Multi-Purpose HTML5 Template</title>
|
||||
|
||||
<!-- META TAGS -->
|
||||
<meta name="keywords" content="premium multi-Purpose, html template, multipurpose template, bootstrap template, niches, clean, modern, multipurpose, responsive">
|
||||
<meta name="description" content="Merit is a modern Multi-Purpose HTML Template any bussines.">
|
||||
|
||||
<!-- FAVICON -->
|
||||
<link rel="shortcut icon" href="../images/icons/favicon.png">
|
||||
|
||||
<!-- REVOLUTION ADDONS -->
|
||||
<link href="http://fonts.googleapis.com/css?family=Roboto%3A700%2C300" rel="stylesheet" property="stylesheet" type="text/css" media="all" />
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/fonts/pe-icon-7-stroke/css/pe-icon-7-stroke.css">
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/fonts/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!-- REVOLUTION STYLE SHEETS -->
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/css/settings.css">
|
||||
|
||||
<!-- REVOLUTION LAYERS STYLES -->
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/css/layers.css">
|
||||
|
||||
<!-- REVOLUTION NAVIGATION STYLES -->
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/css/navigation.css">
|
||||
|
||||
<!-- MAIN CSS STYLE SHEET -->
|
||||
<link rel="stylesheet" href="../css/main.css">
|
||||
<link rel="stylesheet" href="../css/stylesheet.css">
|
||||
<link rel="stylesheet" href="../css/responsive.css">
|
||||
|
||||
<!-- REVOLUTION CUSTOM CSS -->
|
||||
<link rel="stylesheet" href="../css/slider-revolution.css">
|
||||
|
||||
<!-- MODERNIZR LIBRARY -->
|
||||
<script src="../js/modernizr-custom.js"></script>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- PRELOADER START -->
|
||||
<div id="loader-wrapper">
|
||||
<div class="loader">
|
||||
<span class="loader-26"></span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- PRELOADER END -->
|
||||
|
||||
<!-- HEADER START -->
|
||||
<header>
|
||||
<!-- TOP HEADER START -->
|
||||
<div class="top-header">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<ul class="top-contact text-left">
|
||||
<li class="phone"><span class="tel-no"><a href="tel:123-456-7890"> +123-456-7890</a></span>
|
||||
</li>
|
||||
<li class="email"><a href="mailto:info@merit.com">info@merit.com</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-6 text-right">
|
||||
<div class="top-social">
|
||||
<ul class="social-list">
|
||||
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-dribbble"></i></a></li>
|
||||
<li>
|
||||
<!-- Button trigger modal -->
|
||||
<div class="center-element">
|
||||
<button type="button" class="btn btn-default" data-toggle="modal" data-target="#exampleModal2">Login</button>
|
||||
</div>
|
||||
|
||||
<!-- Modal -->
|
||||
<div class="modal fade custom-modal" id="exampleModal2" tabindex="-1" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content login-modal">
|
||||
<button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button>
|
||||
<div class="modal-body">
|
||||
<figure class="login-avatar">
|
||||
<img src="../images/icons/user-login-2.png" alt="">
|
||||
</figure>
|
||||
<h4>Merit</h4>
|
||||
<p>Welcome Back!</p>
|
||||
<div class="google-btn">
|
||||
<button type="submit" class="tp-btn-primary">
|
||||
<img class="tp-goole-icon" src="../images/icons/google-icon.png" alt="">
|
||||
Sign in with Google
|
||||
</button>
|
||||
</div>
|
||||
<p>Or</p>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<form>
|
||||
<div class="form-group">
|
||||
<input type="email" class="form-control login-fc" placeholder="Email or Username">
|
||||
</div>
|
||||
<div class="form-group mt-3">
|
||||
<input type="password" class="form-control login-fc" placeholder="Password">
|
||||
</div>
|
||||
<div class="login-options d-flex justify-content-between mt-3">
|
||||
<div class="have-account">
|
||||
<p><a href="#">Dont have an account?</a></p>
|
||||
</div>
|
||||
<div class="forgot-password">
|
||||
<p><a href="#">Forgot password?</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="login-btn">
|
||||
<button type="submit" class="tp-btn-primary">Login</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="top-line">
|
||||
</div>
|
||||
</div>
|
||||
<!-- TOP HEADER END -->
|
||||
|
||||
<!-- MEGAMENU START -->
|
||||
<div class="main-nav">
|
||||
<div class="container">
|
||||
<nav id="navigation1" class="navigation">
|
||||
<div class="nav-header">
|
||||
<a class="nav-logo" href="../index.html">
|
||||
<img src="../images/logos/logo.png" class="white-logo" alt="">
|
||||
<img src="../images/logos/logo-black.png" class="dark-logo" alt="">
|
||||
</a>
|
||||
<div class="nav-toggle"></div>
|
||||
</div>
|
||||
<div class="nav-menus-wrapper">
|
||||
<ul class="nav-menu align-to-right">
|
||||
<li><a href="#">HOME</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../1-agency.html">Agency</a></li>
|
||||
<li><a href="../2-beauty.html">Beauty</a></li>
|
||||
<li><a href="../3-construction.html">Construction</a></li>
|
||||
<li><a href="../4-corporate.html">Corporate</a></li>
|
||||
<li><a href="../5-courier.html">Courier</a></li>
|
||||
<li><a href="../6-dealer.html">Dealer</a></li>
|
||||
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../7-dental.html">Dental</a></li>
|
||||
<li><a href="../8-education.html">Education</a></li>
|
||||
<li><a href="../9-gym.html">Gym</a></li>
|
||||
<li><a href="../10-hotel.html">Hotel</a></li>
|
||||
<li><a href="../11-medical.html">Medical</a></li>
|
||||
<li><a href="../12-restaurant.html">Restaurant</a></li>
|
||||
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../13-charity.html">Charity</a></li>
|
||||
<li><a href="../14-cleaning.html">Cleaning</a></li>
|
||||
<li><a href="../15-finance.html">Finance</a></li>
|
||||
<li><a href="../16-industrial.html">Industrial</a></li>
|
||||
<li><a href="../17-hosting.html">Hosting</a></li>
|
||||
<li><a href="../18-portfolio.html">Portfolio</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../19-organic.html">Organic</a></li>
|
||||
<li><a href="../20-farm.html">Farm</a></li>
|
||||
<li><a href="../21-yoga.html">Yoga</a></li>
|
||||
<li><a href="../22-travel.html">Travel</a></li>
|
||||
<li><a href="../23-lawyer.html">Lawyer</a></li>
|
||||
<li><a href="../24-fitness.html">Fitness</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">PAGES</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../about-style-1.html">About Us</a></li>
|
||||
<li><a href="../about-style-2.html">About Me</a></li>
|
||||
<li><a href="../about-style-3.html">About Us - ALT 2</a></li>
|
||||
<li><a href="../about-style-4.html">About Us - ALT 3</a></li>
|
||||
<li><a href="../careers-style-1.html">Careers</a></li>
|
||||
<li><a href="../careers-style-2.html">Careers - ALT 2</a></li>
|
||||
<li><a href="../careers-style-3.html">Careers - ALT 3</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../services-style-1.html">Services</a></li>
|
||||
<li><a href="../services-style-2.html">Services - ALT 2</a></li>
|
||||
<li><a href="../services-style-3.html">Services - ALT 3</a></li>
|
||||
<li><a href="../services-style-4.html">Services - ALT 4</a></li>
|
||||
<li><a href="../profile-style-1.html">Profile</a></li>
|
||||
<li><a href="../profile-style-2.html">Profile - ALT 2</a></li>
|
||||
<li><a href="../profile-style-3.html">Profile - ALT 3</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../contact-style-1.html">Contact Us </a></li>
|
||||
<li><a href="../contact-style-2.html">Contact Us - ALT 2</a></li>
|
||||
<li><a href="../contact-style-3.html">Contact Us - ALT 3</a></li>
|
||||
<li><a href="../contact-style-4.html">Contact Us - ALT 4</a></li>
|
||||
<li><a href="../team-style-1.html">Our Team</a></li>
|
||||
<li><a href="../team-style-2.html">Our Team - ALT 2</a></li>
|
||||
<li><a href="../team-style-3.html">Our Team - ALT 3</a></li>
|
||||
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../coming-soon-style-1.html">Coming Soon</a></li>
|
||||
<li><a href="../coming-soon-style-2.html">Coming Soon - ALT 2</a></li>
|
||||
<li><a href="../404-error-style-1.html">404 Page</a></li>
|
||||
<li><a href="../404-error-style-2.html">404 Page - ALT 2</a></li>
|
||||
<li><a href="../login-register-style-1.html">Login / Register</a></li>
|
||||
<li><a href="../faq.html">Faq</a></li>
|
||||
<li><a href="../faq-alt.html">Faq - ALT</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">ELEMENTS</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 1</a></li>
|
||||
<li><a href="../elements/accordions.html"><i class="fas fa-plus-square"></i> Accordions</a></li>
|
||||
<li><a href="../elements/alerts.html"><i class="fas fa-exclamation-circle"></i> Alerts</a></li>
|
||||
<li><a href="../elements/animations.html"><i class="fas fa-exchange-alt"></i> Animations</a></li>
|
||||
<li><a href="../elements/blockquotes.html"><i class="fas fa-quote-left"></i> Blockquotes</a></li>
|
||||
<li><a href="../elements/breadcrumbs.html"><i class="fas fa-share"></i> Breadcrumbs</a></li>
|
||||
<li><a href="../elements/buttons.html"><i class="fas fa-square"></i> Buttons</a></li>
|
||||
<li><a href="../elements/call-to-action.html"><i class="fas fa-bullhorn"></i> Call to Action</a></li>
|
||||
<li><a href="../elements/charts.html"><i class="fas fa-circle-notch"></i> Charts</a></li>
|
||||
<li><a href="../elements/content-boxes.html"><i class="fas fa-th-large"></i> Content Boxes</a></li>
|
||||
<li><a href="../elements/counters.html"><i class="fas fa-bullseye"></i> Counters</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 2</a></li>
|
||||
<li><a href="../elements/customers.html"><i class="fas fa-user-circle"></i> Customer</a></li>
|
||||
<li><a href="../elements/dropcaps.html"><i class="fas fa-font"></i> Dropcaps</a></li>
|
||||
<li><a href="../elements/flip-boxes.html"><i class="fas fa-sync-alt"></i> Flip Box</a></li>
|
||||
<li><a href="../elements/google-maps.html"><i class="fas fa-map"></i> Google Maps</a></li>
|
||||
<li><a href="../elements/grid-boxes.html"><i class="fas fa-th"></i> Grid Boxes</a></li>
|
||||
<li><a href="../elements/icon-boxes.html"><i class="fas fa-th-large"></i> Icon Boxes</a></li>
|
||||
<li><a href="../elements/icon-circle.html"><i class="far fa-circle"></i> Icon Circle</a></li>
|
||||
<li><a href="../elements/image-gallery.html"><i class="fas fa-expand"></i> Image Gallery</a></li>
|
||||
<li><a href="../elements/images.html"><i class="far fa-image"></i> Images</a></li>
|
||||
<li><a href="../elements/image-hover.html"><i class="fas fa-object-ungroup" aria-hidden="true"></i> Image Hover</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 3</a></li>
|
||||
<li><a href="../elements/lightbox.html"><i class="fas fa-lightbulb"></i> LightBox</a></li>
|
||||
<li><a href="../elements/modal-popup.html"><i class="fas fa-search-plus"></i> Modal Popup</a></li>
|
||||
<li><a href="../elements/pagination.html"><i class="fas fa-angle-double-right"></i> Pagination</a></li>
|
||||
<li><a href="../elements/parallax.html"><i class="fas fa-random"></i> Parallax</a></li>
|
||||
<li><a href="../elements/pricing-table.html"><i class="fas fa-table"></i> Pricing Tables</a></li>
|
||||
<li><a href="../elements/process-steps.html"><i class="fas fa-arrow-right"></i> Process Steps</a></li>
|
||||
<li><a href="../elements/profile-cards.html"><i class="fas fa-address-card"></i> Profile Cards</a></li>
|
||||
<li><a href="../elements/progress-bar.html"><i class="fas fa-tasks"></i> Progress Bar</a></li>
|
||||
<li><a href="../elements/recent-posts.html"><i class="fas fa-newspaper"></i> Recent Posts</a></li>
|
||||
<li><a href="../elements/section-styles.html"><i class="fas fa-outdent"></i> Section Styles</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 4</a></li>
|
||||
<li><a href="../elements/separators.html"><i class="fas fa-minus"></i> Separators</a></li>
|
||||
<li><a href="../elements/shop-banners.html"><i class="fas fa-language"></i> Shop Banners</a></li>
|
||||
<li><a href="../elements/social-icons.html"><i class="fab fa-twitter"></i> Social Icons</a></li>
|
||||
<li><a href="../elements/tables.html"><i class="fas fa-table"></i> Tables</a></li>
|
||||
<li><a href="../elements/tabs.html"><i class="fas fa-window-maximize"></i> Tabs</a></li>
|
||||
<li><a href="../elements/team.html"><i class="fas fa-users"></i> Team</a></li>
|
||||
<li><a href="../elements/testimonials.html"><i class="fas fa-edit"></i> Testimonials</a></li>
|
||||
<li><a href="../elements/timeline.html"><i class="fas fa-arrow-down"></i> Timeline</a></li>
|
||||
<li><a href="../elements/videos.html"><i class="fas fa-video"></i> Videos & Audio</a></li>
|
||||
<li><a href="../elements/video-background.html"><i class="fas fa-photo-video"></i> Video Background</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">SLIDERS</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 1</a></li>
|
||||
<li><a href="3d-parallax-scenes.html">3D Parallax Scenes</a></li>
|
||||
<li><a href="404-error.html">404 Error</a></li>
|
||||
<li><a href="agency-slider.html">Agency Slider</a></li>
|
||||
<li><a href="blend-mode.html">Blend Mode</a></li>
|
||||
<li><a href="blur-effect.html">Blur Effect</a></li>
|
||||
<li><a href="car-dealer.html">Car Dealer</a></li>
|
||||
<li><a href="carousel-gallery.html">Carousel Gallery</a></li>
|
||||
<li><a href="classic-carousel.html">Classic Carousel</a></li>
|
||||
<li><a href="coming-soon.html">Coming soon</a></li>
|
||||
<li><a href="concept-slider.html">Concept Slider</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 2</a></li>
|
||||
<li><a href="double-exposure-effect.html">Double Exposure Effect</a></li>
|
||||
<li><a href="exploration-header.html">Exploration Header</a></li>
|
||||
<li><a href="film-strip.html">Film Strip Effect</a></li>
|
||||
<li><a href="fine-dining.html">Fine Dining</a></li>
|
||||
<li><a href="gravity-design.html">Gravity Design</a></li>
|
||||
<li><a href="happy-hollidays.html">Happy Hollidays</a></li>
|
||||
<li><a href="hero-sports.html">Hero Sports</a></li>
|
||||
<li><a href="inspiration-header.html">Inspiration Header</a></li>
|
||||
<li><a href="levano-slider.html">Levano Slider</a></li>
|
||||
<li><a href="magazine-posts.html">Magazine Posts</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 3</a></li>
|
||||
<li><a href="mask-showcase.html">Mask Showcase</a></li>
|
||||
<li><a href="mountain-parallax.html">Mountain Parallax</a></li>
|
||||
<li><a href="over-expousure.html">Over Exposure</a></li>
|
||||
<li><a href="panorama.html">Panorama</a></li>
|
||||
<li><a href="parallax-joy.html">Parallax Joy</a></li>
|
||||
<li><a href="parallax-zoom.html">Parallax Zoom</a></li>
|
||||
<li><a href="particle-effect-one.html">Particle Effect one</a></li>
|
||||
<li><a href="particle-effect-two.html">Particle Effect Two</a></li>
|
||||
<li><a href="particle-effect-three.html">Particle Effect Three</a></li>
|
||||
<li><a href="style-intro.html">Style Intro</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 4</a></li>
|
||||
<li><a href="reveal.html">Reveal</a></li>
|
||||
<li><a href="rock-band.html">Rock Band</a></li>
|
||||
<li><a href="scroll-effects.html">Scroll Effect</a></li>
|
||||
<li><a href="slider-gym.html">Slider Gym</a></li>
|
||||
<li><a href="slider-news.html">Slider News</a></li>
|
||||
<li><a href="sliding-overlays.html">Sliding Overlays</a></li>
|
||||
<li><a href="web-agency.html">Web Agency</a></li>
|
||||
<li><a href="web-product.html">Web Product</a></li>
|
||||
<li><a href="website-intro.html">Website Intro</a></li>
|
||||
<li><a href="youtube-hero.html">Youtube Hero</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">SHOP</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="#">CLASSIC</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../shop-full-width.html">Full width</a></li>
|
||||
<li><a href="../shop-left-sidebar.html">Left sidebar</a></li>
|
||||
<li><a href="../shop-right-sidebar.html">Right sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">PRODUCT DETAILS</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../product-full-width.html">Full width</a></li>
|
||||
<li><a href="../product-left-sidebar.html">Left sidebar</a></li>
|
||||
<li><a href="../product-right-sidebar.html">Right sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="../shopping-cart.html">SHOPING CART</a></li>
|
||||
<li><a href="../checkout.html">CHECKOUT</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">BLOG</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="#">CLASSIC</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../blog-full-width.html">Full width</a></li>
|
||||
<li><a href="../blog-left-sidebar.html">Left sidebar</a></li>
|
||||
<li><a href="../blog-right-sidebar.html">Right sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">GRID</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../blog-grid-one-column.html">One column</a></li>
|
||||
<li><a href="../blog-grid-two-column.html">Two column</a></li>
|
||||
<li><a href="../blog-grid-three-column.html">Three column</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">MASONRY</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../masonry-two-columns.html">Two Columns</a></li>
|
||||
<li><a href="../masonry-three-columns.html">Three Columns</a></li>
|
||||
<li><a href="../masonry-four-columns.html">Four Columns</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">BLOG SINGLE</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../blog-single-full-width.html">Blog Single Full Width</a></li>
|
||||
<li><a href="../blog-single-left-sidebar.html">Blog Single Left Sidebar</a></li>
|
||||
<li><a href="../blog-single-right-sidebar.html">Blog Single Right Sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<!-- MEGAMENU END -->
|
||||
|
||||
<div class="home-slider">
|
||||
<!-- SLIDER REVOLUTION START -->
|
||||
<section class="example">
|
||||
<article class="content">
|
||||
|
||||
<div id="rev_slider_497_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container"
|
||||
data-alias="sports-hero41" data-source="gallery"
|
||||
style="margin:0px auto;background-color:transparent;padding:0px;margin-top:0px;margin-bottom:0px;">
|
||||
<!-- START REVOLUTION SLIDER 5.4.1 fullwidth mode -->
|
||||
<div id="rev_slider_497_1" class="rev_slider fullwidthabanner" style="display:none;"
|
||||
data-version="5.4.1">
|
||||
<ul>
|
||||
<!-- SLIDE -->
|
||||
<li data-index="rs-1710" data-transition="fade" data-slotamount="7"
|
||||
data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default"
|
||||
data-easeout="default" data-masterspeed="300" data-rotate="0"
|
||||
data-saveperformance="off" data-title="Slide" data-param1="" data-param2=""
|
||||
data-param3="" data-param4="" data-param5="" data-param6="" data-param7=""
|
||||
data-param8="" data-param9="" data-param10="" data-description="">
|
||||
<!-- MAIN IMAGE -->
|
||||
<img src="../assets/images/sports2.jpg" alt="" data-bgposition="center center"
|
||||
data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="5"
|
||||
class="rev-slidebg" data-no-retina>
|
||||
<!-- LAYERS -->
|
||||
|
||||
<!-- LAYER NR. 1 -->
|
||||
<div class="tp-caption Sports-Display tp-resizeme" id="slide-1710-layer-1"
|
||||
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
|
||||
data-y="['middle','middle','middle','middle']"
|
||||
data-voffset="['-170','-170','-190','-140']"
|
||||
data-fontsize="['130','130','130','100']"
|
||||
data-lineheight="['130','130','130','100']" data-width="none" data-height="none"
|
||||
data-whitespace="nowrap" data-type="text" data-responsive_offset="on"
|
||||
data-frames='[{"from":"z:0;rX:0deg;rY:0;rZ:0;sX:1.5;sY:1.5;skX:0;skY:0;opacity:0;","speed":2000,"to":"o:1;","delay":750,"ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"nothing"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 5; white-space: nowrap;text-transform:left;">MAJOR </div>
|
||||
|
||||
<!-- LAYER NR. 2 -->
|
||||
<div class="tp-caption Sports-DisplayFat tp-resizeme" id="slide-1710-layer-2"
|
||||
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
|
||||
data-y="['middle','middle','middle','middle']"
|
||||
data-voffset="['-48','-48','-68','-48']"
|
||||
data-fontsize="['130','130','130','100']"
|
||||
data-lineheight="['130','130','130','100']" data-width="none" data-height="none"
|
||||
data-whitespace="nowrap" data-type="text" data-responsive_offset="on"
|
||||
data-frames='[{"from":"z:0;rX:0deg;rY:0;rZ:0;sX:1.5;sY:1.5;skX:0;skY:0;opacity:0;","speed":2000,"to":"o:1;","delay":1000,"ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"nothing"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 6; white-space: nowrap;text-transform:left;">LEAGUE </div>
|
||||
|
||||
<!-- LAYER NR. 3 -->
|
||||
<div class="tp-caption tp-resizeme" id="slide-1710-layer-3"
|
||||
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
|
||||
data-y="['middle','middle','middle','middle']"
|
||||
data-voffset="['70','70','50','40']" data-width="none" data-height="none"
|
||||
data-whitespace="nowrap" data-type="image" data-responsive_offset="on"
|
||||
data-frames='[{"from":"z:0;rX:0;rY:0;rZ:0;sX:0.8;sY:0.8;skX:0;skY:0;opacity:0;","speed":1500,"to":"o:1;","delay":1250,"ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"nothing"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 7;text-transform:left;border-width:0px;"><img
|
||||
src="../assets/images/sports_sublinebg.png" alt=""
|
||||
data-ww="['500px','500px','500px','420px']" data-hh="45px" width="500"
|
||||
height="45" data-no-retina> </div>
|
||||
|
||||
<!-- LAYER NR. 4 -->
|
||||
<div class="tp-caption Sports-Subline tp-resizeme" id="slide-1710-layer-4"
|
||||
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
|
||||
data-y="['middle','middle','middle','middle']"
|
||||
data-voffset="['71','71','51','41']" data-fontsize="['30','30','30','25']"
|
||||
data-width="none" data-height="none" data-whitespace="nowrap" data-type="text"
|
||||
data-responsive_offset="on"
|
||||
data-frames='[{"from":"z:0;rX:0;rY:0;rZ:0;sX:0.8;sY:0.8;skX:0;skY:0;opacity:0;","speed":1500,"to":"o:1;","delay":1500,"split":"chars","splitdelay":0.05,"ease":"Power4.easeOut"},{"delay":"wait","speed":1000,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"nothing"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 8; white-space: nowrap; font-size: 30px; line-height: 30px;text-transform:left;">
|
||||
WATCH THE LIVE STREAM </div>
|
||||
|
||||
<!-- LAYER NR. 5 -->
|
||||
<div class="tp-caption MarkerDisplay tp-resizeme" id="slide-1710-layer-5"
|
||||
data-x="['center','center','center','center']"
|
||||
data-hoffset="['180','180','0','0']"
|
||||
data-y="['bottom','bottom','bottom','bottom']"
|
||||
data-voffset="['90','42','20','20']" data-width="none" data-height="none"
|
||||
data-whitespace="nowrap" data-type="text" data-responsive_offset="on"
|
||||
data-frames='[{"from":"y:-30px;opacity:1;","speed":1500,"to":"o:1;","delay":3500,"ease":"Power3.easeOut"},{"delay":"wait","speed":1000,"to":"auto:auto;","ease":"nothing"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 9; white-space: nowrap; font-size: 15px; line-height: 22px; font-weight: 400; color: rgba(255, 255, 255, 1.00);text-transform:left;background-color:rgba(0, 0, 0, 0);border-radius:0px 0px 30px 30px;">
|
||||
<div class="rs-looped rs-slideloop" data-easing="Power3.easeInOut" data-speed="1"
|
||||
data-xs="0" data-xe="0" data-ys="0" data-ye="3"><i
|
||||
class="fa-icon-arrow-up"></i> NOW IN FULL HD </div>
|
||||
</div>
|
||||
|
||||
<!-- LAYER NR. 6 -->
|
||||
<div class="tp-caption rev-btn rev-bordered " id="slide-1710-layer-6"
|
||||
data-x="['center','center','center','center']"
|
||||
data-hoffset="['-180','-180','0','0']"
|
||||
data-y="['bottom','bottom','bottom','bottom']"
|
||||
data-voffset="['120','70','115','115']" data-width="none" data-height="none"
|
||||
data-whitespace="nowrap" data-type="text"
|
||||
data-actions='[{"event":"click","action":"scrollbelow","offset":"px","delay":""}]'
|
||||
data-responsive_offset="off" data-responsive="off"
|
||||
data-frames='[{"from":"x:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":2500,"ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"to":"x:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"500","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(255, 255, 255, 1.00);bc:rgba(255, 255, 255, 1.00);bw:2px 2px 2px 2px;"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[12,12,12,12]"
|
||||
data-paddingright="[35,35,35,35]" data-paddingbottom="[12,12,12,12]"
|
||||
data-paddingleft="[35,35,35,35]"
|
||||
style="z-index: 10; white-space: nowrap; font-size: 17px; line-height: 17px; font-weight: 600; color: rgba(255, 255, 255, 1.00);font-family:Raleway;text-transform:left;background-color:rgba(0, 0, 0, 0);border-color:rgba(255, 255, 255, 0.50);border-style:solid;border-width:2px;letter-spacing:2px;">
|
||||
CREATE FREE ACCOUNT </div>
|
||||
|
||||
<!-- LAYER NR. 7 -->
|
||||
<div class="tp-caption rev-btn rev-bordered " id="slide-1710-layer-7"
|
||||
data-x="['center','center','center','center']"
|
||||
data-hoffset="['180','180','0','0']"
|
||||
data-y="['bottom','bottom','bottom','bottom']"
|
||||
data-voffset="['120','70','50','50']" data-width="none" data-height="none"
|
||||
data-whitespace="nowrap" data-type="text"
|
||||
data-actions='[{"event":"click","action":"scrollbelow","offset":"px","delay":""}]'
|
||||
data-responsive_offset="off" data-responsive="off"
|
||||
data-frames='[{"from":"x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":2500,"ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"to":"x:[-100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"500","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(255, 255, 255, 1.00);bg:rgba(0, 0, 0, 1.00);bc:rgba(0, 0, 0, 1.00);bw:2px 2px 2px 2px;"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[12,12,12,12]"
|
||||
data-paddingright="[35,35,35,35]" data-paddingbottom="[12,12,12,12]"
|
||||
data-paddingleft="[35,35,35,35]"
|
||||
style="z-index: 11; white-space: nowrap; font-size: 17px; line-height: 17px; font-weight: 600; color: rgba(255, 255, 255, 1.00);font-family:Raleway;text-transform:left;background-color:rgba(219, 28, 34, 1.00);border-color:rgba(219, 28, 34, 0);border-style:solid;border-width:2px;letter-spacing:2px;">
|
||||
SIGN UP FOR PREMIUM </div>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</article>
|
||||
</section>
|
||||
<!-- SLIDER REVOLUTION END -->
|
||||
</div>
|
||||
</header>
|
||||
<!-- HEADER END -->
|
||||
|
||||
<section>
|
||||
<div class="container mt-5 mb-5">
|
||||
<div class="row">
|
||||
<div class="col-lg-4">
|
||||
<div class="slider-feature-info">
|
||||
<h5 class="overtitle">Hero Sport</h5>
|
||||
<h2>SLIDER REVOLUTION</h2>
|
||||
<p>Including the powerful and stunning Slider Revolution is an innovative, responsive jQuery Slider Plugin that displays your content the beautiful way.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-8 spacing-md">
|
||||
<div class="row">
|
||||
<div class="col-md-6 top-col">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/levels.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">SLIDERS DIVERSITY</h5>
|
||||
<p>With more than 100 templates, it allows you to create almost any type of web pages.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 top-col">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/document.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">DOCUMENTATION</h5>
|
||||
<p>Complete and clear documentation for an easy and fast installation..</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 bottom-col-resp">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/device.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">RESPONSIVE DESIGN</h5>
|
||||
<p>Slider Revolution adapts to any device for a better visual experience..</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/support.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">PREMIUM SUPPORT</h5>
|
||||
<p>If you have any problems in the installation process, we are here to help you.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="rs-line">
|
||||
</div>
|
||||
|
||||
<div class="container rs-call-to-action mt-5 mb-5">
|
||||
<div class="row">
|
||||
<div class="col-lg-8">
|
||||
<div class="ca-left-side">
|
||||
<h3>Premium Multi-Purpose HTML5 Template</h3>
|
||||
<p>Let's develop your project with this impressive and powerful template that helps you
|
||||
create beautiful web pages. An original solution for any business..</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12 col-lg-4">
|
||||
<div class="ca-right-side flex-parent jc-center">
|
||||
<a class="tp-btn-primary" href="https://themeforest.net/item/merit-premium-multipurpose-html5-template/21866679" target="_blank">Purchase now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- FOOTER START -->
|
||||
<footer>
|
||||
<div class="container mt-5">
|
||||
<div class="top-footer">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 col-xl-7">
|
||||
<h3>Creative and affordable website solution</h3>
|
||||
<p>Build modern websites with this powefull Multi-Purpose Template.</p>
|
||||
</div>
|
||||
<div class="col-lg-12 col-xl-5">
|
||||
<div class="footer-btn">
|
||||
<a class="tp-btn-primary" href="https://themeforest.net/item/merit-premium-multipurpose-html5-template/21866679" target="_blank" role="button">Purchase now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="footer-line">
|
||||
<div class="center-footer">
|
||||
<div class="row">
|
||||
<div class="col-lg-5">
|
||||
<div class="footer-col footer-left-col">
|
||||
<figure class="site-footer-logo">
|
||||
<img src="../images/logos/logo.png" alt="">
|
||||
</figure>
|
||||
<p>Let's develop your project with this impressive and powerful template that helps you
|
||||
create beautiful web pages. An original solution for any business.</p>
|
||||
<ul class="footer-social">
|
||||
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-dribbble"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2">
|
||||
<div class="footer-col">
|
||||
<h5>Quick Links</h5>
|
||||
<ul class="quick-links">
|
||||
<li><a href="../index.html">Home</a></li>
|
||||
<li><a href="../services-style-1.html">Services</a></li>
|
||||
<li><a href="../blog-full-width.html">Blogs</a></li>
|
||||
<li><a href="../contact-style-1.html">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2">
|
||||
<div class="footer-col">
|
||||
<h5>About</h5>
|
||||
<ul class="quick-links">
|
||||
<li><a href="../profile-style-1.html">Profile</a></li>
|
||||
<li><a href="../team-style-1.html">Team</a></li>
|
||||
<li><a href="../careers-style-1.html">Careers</a></li>
|
||||
<li><a href="../faq.html">FAQ</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3">
|
||||
<div class="footer-col">
|
||||
<h5>Get in Touch</h5>
|
||||
<ul class="footer-contact">
|
||||
<li class="phone"><a href="tel:123-456-7890">+ 123-456-7890</a></li>
|
||||
<li class="email"><a href="mailto:info@merit.com">info@merit.com</a></li>
|
||||
<li>
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="fas fa-map-pin"></i>
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<p>7391 North Bay Meadows Circle New York, NY 10040.</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="footer-line">
|
||||
<div class="bottom-footer">
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<div class="footer-copyright">
|
||||
<p>© 2022 <a href="https://themeforest.net/item/merit-premium-multipurpose-html5-template/21866679" target="_blank">Merit Premium Template</a> all rights reserved.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<ul class="footer-terms">
|
||||
<li><a href="../terms.html">Terms</a></li>
|
||||
<li><a href="../privacy.html">Privacy</a></li>
|
||||
<li><a href="../contact-style-4.html">Support</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!-- FOOTER END -->
|
||||
|
||||
<!-- SCROLL TOP -->
|
||||
<a href="#0" class="cd-top">Top</a>
|
||||
|
||||
<!-- TEMPLATE MAIN JAVASCRIPT FILES -->
|
||||
<script src="../js/lib/jquery-3.6.0.min.js"></script>
|
||||
<script src="../js/lib/bootstrap.min.js"></script>
|
||||
<script src="../js/lib/plugins.js"></script>
|
||||
<script src="../js/lib/megamenu.js"></script>
|
||||
<script src="../js/lib/navigation.js"></script>
|
||||
<script src="../js/lib/navigation.fixed.min.js"></script>
|
||||
<script src="../js/main.js"></script>
|
||||
|
||||
<!-- REVOLUTION JS FILES -->
|
||||
<script src="../revolution/js/jquery.themepunch.tools.min.js"></script>
|
||||
<script src="../revolution/js/jquery.themepunch.revolution.min.js"></script>
|
||||
|
||||
<!-- SLIDER REVOLUTION 5.0 EXTENSIONS (Load Extensions only on Local File Systems ! The following part can be removed on Server for On Demand Loading) -->
|
||||
<script src="../revolution/js/extensions/revolution.extension.actions.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.carousel.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.migration.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.navigation.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.parallax.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.video.min.js"></script>
|
||||
|
||||
<!-- REQUIRE JS FOR SLIDER REVOLUTION -->
|
||||
<script>
|
||||
var tpj = jQuery;
|
||||
var revapi497;
|
||||
tpj(document).ready(function () {
|
||||
if (tpj("#rev_slider_497_1").revolution == undefined) {
|
||||
revslider_showDoubleJqueryError("#rev_slider_497_1");
|
||||
} else {
|
||||
revapi497 = tpj("#rev_slider_497_1").show().revolution({
|
||||
sliderType: "hero",
|
||||
jsFileLocation: "revolution/js/",
|
||||
sliderLayout: "fullwidth",
|
||||
dottedOverlay: "none",
|
||||
delay: 9000,
|
||||
navigation: {},
|
||||
responsiveLevels: [1240, 1024, 778, 480],
|
||||
visibilityLevels: [1240, 1024, 778, 480],
|
||||
gridwidth: [1240, 1024, 778, 480],
|
||||
gridheight: [868, 768, 960, 720],
|
||||
lazyType: "none",
|
||||
parallax: {
|
||||
type: "scroll",
|
||||
origo: "enterpoint",
|
||||
speed: 400,
|
||||
levels: [5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 46, 47, 48, 49, 50, 55],
|
||||
type: "scroll",
|
||||
},
|
||||
shadow: 0,
|
||||
spinner: "off",
|
||||
autoHeight: "off",
|
||||
disableProgressBar: "on",
|
||||
hideThumbsOnMobile: "off",
|
||||
hideSliderAtLimit: 0,
|
||||
hideCaptionAtLimit: 0,
|
||||
hideAllCaptionAtLilmit: 0,
|
||||
debugMode: false,
|
||||
fallbacks: {
|
||||
simplifyAll: "off",
|
||||
disableFocusListener: false,
|
||||
}
|
||||
});
|
||||
}
|
||||
}); /*ready*/
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
|
||||
<!-- Mirrored from quickdevs.com/demo/merit/rev-sliders/hero-sports.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 29 Mar 2023 10:41:40 GMT -->
|
||||
</html>
|
||||
947
public/sunsarioverseas/rev-sliders/inspiration-header.html
Normal file
947
public/sunsarioverseas/rev-sliders/inspiration-header.html
Normal file
@ -0,0 +1,947 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US" class="no-js">
|
||||
|
||||
|
||||
<!-- Mirrored from quickdevs.com/demo/merit/rev-sliders/inspiration-header.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 29 Mar 2023 10:41:40 GMT -->
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
|
||||
<!-- TITLE -->
|
||||
<title>Inspiration Header - Merit Premium Multi-Purpose HTML5 Template</title>
|
||||
|
||||
<!-- META TAGS -->
|
||||
<meta name="keywords" content="premium multi-Purpose, html template, multipurpose template, bootstrap template, niches, clean, modern, multipurpose, responsive">
|
||||
<meta name="description" content="Merit is a modern Multi-Purpose HTML Template any bussines.">
|
||||
|
||||
<!-- FAVICON -->
|
||||
<link rel="shortcut icon" href="../images/icons/favicon.png">
|
||||
|
||||
<!-- REVOLUTION ADDONS -->
|
||||
<link href="http://fonts.googleapis.com/css?family=Roboto%3A700%2C300" rel="stylesheet" property="stylesheet" type="text/css" media="all" />
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/fonts/pe-icon-7-stroke/css/pe-icon-7-stroke.css">
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/fonts/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!-- REVOLUTION STYLE SHEETS -->
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/css/settings.css">
|
||||
|
||||
<!-- REVOLUTION LAYERS STYLES -->
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/css/layers.css">
|
||||
|
||||
<!-- REVOLUTION NAVIGATION STYLES -->
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/css/navigation.css">
|
||||
|
||||
<!-- MAIN CSS STYLE SHEET -->
|
||||
<link rel="stylesheet" href="../css/main.css">
|
||||
<link rel="stylesheet" href="../css/stylesheet.css">
|
||||
<link rel="stylesheet" href="../css/responsive.css">
|
||||
|
||||
<!-- REVOLUTION CUSTOM CSS -->
|
||||
<link rel="stylesheet" href="../css/slider-revolution.css">
|
||||
|
||||
<!-- MODERNIZR LIBRARY -->
|
||||
<script src="../js/modernizr-custom.js"></script>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- PRELOADER START -->
|
||||
<div id="loader-wrapper">
|
||||
<div class="loader">
|
||||
<span class="loader-26"></span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- PRELOADER END -->
|
||||
|
||||
<!-- HEADER START -->
|
||||
<header>
|
||||
<!-- TOP HEADER START -->
|
||||
<div class="top-header">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<ul class="top-contact text-left">
|
||||
<li class="phone"><span class="tel-no"><a href="tel:123-456-7890"> +123-456-7890</a></span>
|
||||
</li>
|
||||
<li class="email"><a href="mailto:info@merit.com">info@merit.com</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-6 text-right">
|
||||
<div class="top-social">
|
||||
<ul class="social-list">
|
||||
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-dribbble"></i></a></li>
|
||||
<li>
|
||||
<!-- Button trigger modal -->
|
||||
<div class="center-element">
|
||||
<button type="button" class="btn btn-default" data-toggle="modal" data-target="#exampleModal2">Login</button>
|
||||
</div>
|
||||
|
||||
<!-- Modal -->
|
||||
<div class="modal fade custom-modal" id="exampleModal2" tabindex="-1" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content login-modal">
|
||||
<button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button>
|
||||
<div class="modal-body">
|
||||
<figure class="login-avatar">
|
||||
<img src="../images/icons/user-login-2.png" alt="">
|
||||
</figure>
|
||||
<h4>Merit</h4>
|
||||
<p>Welcome Back!</p>
|
||||
<div class="google-btn">
|
||||
<button type="submit" class="tp-btn-primary">
|
||||
<img class="tp-goole-icon" src="../images/icons/google-icon.png" alt="">
|
||||
Sign in with Google
|
||||
</button>
|
||||
</div>
|
||||
<p>Or</p>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<form>
|
||||
<div class="form-group">
|
||||
<input type="email" class="form-control login-fc" placeholder="Email or Username">
|
||||
</div>
|
||||
<div class="form-group mt-3">
|
||||
<input type="password" class="form-control login-fc" placeholder="Password">
|
||||
</div>
|
||||
<div class="login-options d-flex justify-content-between mt-3">
|
||||
<div class="have-account">
|
||||
<p><a href="#">Dont have an account?</a></p>
|
||||
</div>
|
||||
<div class="forgot-password">
|
||||
<p><a href="#">Forgot password?</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="login-btn">
|
||||
<button type="submit" class="tp-btn-primary">Login</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="top-line">
|
||||
</div>
|
||||
</div>
|
||||
<!-- TOP HEADER END -->
|
||||
|
||||
<!-- MEGAMENU START -->
|
||||
<div class="main-nav">
|
||||
<div class="container">
|
||||
<nav id="navigation1" class="navigation">
|
||||
<div class="nav-header">
|
||||
<a class="nav-logo" href="../index.html">
|
||||
<img src="../images/logos/logo.png" class="white-logo" alt="">
|
||||
<img src="../images/logos/logo-black.png" class="dark-logo" alt="">
|
||||
</a>
|
||||
<div class="nav-toggle"></div>
|
||||
</div>
|
||||
<div class="nav-menus-wrapper">
|
||||
<ul class="nav-menu align-to-right">
|
||||
<li><a href="#">HOME</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../1-agency.html">Agency</a></li>
|
||||
<li><a href="../2-beauty.html">Beauty</a></li>
|
||||
<li><a href="../3-construction.html">Construction</a></li>
|
||||
<li><a href="../4-corporate.html">Corporate</a></li>
|
||||
<li><a href="../5-courier.html">Courier</a></li>
|
||||
<li><a href="../6-dealer.html">Dealer</a></li>
|
||||
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../7-dental.html">Dental</a></li>
|
||||
<li><a href="../8-education.html">Education</a></li>
|
||||
<li><a href="../9-gym.html">Gym</a></li>
|
||||
<li><a href="../10-hotel.html">Hotel</a></li>
|
||||
<li><a href="../11-medical.html">Medical</a></li>
|
||||
<li><a href="../12-restaurant.html">Restaurant</a></li>
|
||||
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../13-charity.html">Charity</a></li>
|
||||
<li><a href="../14-cleaning.html">Cleaning</a></li>
|
||||
<li><a href="../15-finance.html">Finance</a></li>
|
||||
<li><a href="../16-industrial.html">Industrial</a></li>
|
||||
<li><a href="../17-hosting.html">Hosting</a></li>
|
||||
<li><a href="../18-portfolio.html">Portfolio</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../19-organic.html">Organic</a></li>
|
||||
<li><a href="../20-farm.html">Farm</a></li>
|
||||
<li><a href="../21-yoga.html">Yoga</a></li>
|
||||
<li><a href="../22-travel.html">Travel</a></li>
|
||||
<li><a href="../23-lawyer.html">Lawyer</a></li>
|
||||
<li><a href="../24-fitness.html">Fitness</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">PAGES</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../about-style-1.html">About Us</a></li>
|
||||
<li><a href="../about-style-2.html">About Me</a></li>
|
||||
<li><a href="../about-style-3.html">About Us - ALT 2</a></li>
|
||||
<li><a href="../about-style-4.html">About Us - ALT 3</a></li>
|
||||
<li><a href="../careers-style-1.html">Careers</a></li>
|
||||
<li><a href="../careers-style-2.html">Careers - ALT 2</a></li>
|
||||
<li><a href="../careers-style-3.html">Careers - ALT 3</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../services-style-1.html">Services</a></li>
|
||||
<li><a href="../services-style-2.html">Services - ALT 2</a></li>
|
||||
<li><a href="../services-style-3.html">Services - ALT 3</a></li>
|
||||
<li><a href="../services-style-4.html">Services - ALT 4</a></li>
|
||||
<li><a href="../profile-style-1.html">Profile</a></li>
|
||||
<li><a href="../profile-style-2.html">Profile - ALT 2</a></li>
|
||||
<li><a href="../profile-style-3.html">Profile - ALT 3</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../contact-style-1.html">Contact Us </a></li>
|
||||
<li><a href="../contact-style-2.html">Contact Us - ALT 2</a></li>
|
||||
<li><a href="../contact-style-3.html">Contact Us - ALT 3</a></li>
|
||||
<li><a href="../contact-style-4.html">Contact Us - ALT 4</a></li>
|
||||
<li><a href="../team-style-1.html">Our Team</a></li>
|
||||
<li><a href="../team-style-2.html">Our Team - ALT 2</a></li>
|
||||
<li><a href="../team-style-3.html">Our Team - ALT 3</a></li>
|
||||
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../coming-soon-style-1.html">Coming Soon</a></li>
|
||||
<li><a href="../coming-soon-style-2.html">Coming Soon - ALT 2</a></li>
|
||||
<li><a href="../404-error-style-1.html">404 Page</a></li>
|
||||
<li><a href="../404-error-style-2.html">404 Page - ALT 2</a></li>
|
||||
<li><a href="../login-register-style-1.html">Login / Register</a></li>
|
||||
<li><a href="../faq.html">Faq</a></li>
|
||||
<li><a href="../faq-alt.html">Faq - ALT</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">ELEMENTS</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 1</a></li>
|
||||
<li><a href="../elements/accordions.html"><i class="fas fa-plus-square"></i> Accordions</a></li>
|
||||
<li><a href="../elements/alerts.html"><i class="fas fa-exclamation-circle"></i> Alerts</a></li>
|
||||
<li><a href="../elements/animations.html"><i class="fas fa-exchange-alt"></i> Animations</a></li>
|
||||
<li><a href="../elements/blockquotes.html"><i class="fas fa-quote-left"></i> Blockquotes</a></li>
|
||||
<li><a href="../elements/breadcrumbs.html"><i class="fas fa-share"></i> Breadcrumbs</a></li>
|
||||
<li><a href="../elements/buttons.html"><i class="fas fa-square"></i> Buttons</a></li>
|
||||
<li><a href="../elements/call-to-action.html"><i class="fas fa-bullhorn"></i> Call to Action</a></li>
|
||||
<li><a href="../elements/charts.html"><i class="fas fa-circle-notch"></i> Charts</a></li>
|
||||
<li><a href="../elements/content-boxes.html"><i class="fas fa-th-large"></i> Content Boxes</a></li>
|
||||
<li><a href="../elements/counters.html"><i class="fas fa-bullseye"></i> Counters</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 2</a></li>
|
||||
<li><a href="../elements/customers.html"><i class="fas fa-user-circle"></i> Customer</a></li>
|
||||
<li><a href="../elements/dropcaps.html"><i class="fas fa-font"></i> Dropcaps</a></li>
|
||||
<li><a href="../elements/flip-boxes.html"><i class="fas fa-sync-alt"></i> Flip Box</a></li>
|
||||
<li><a href="../elements/google-maps.html"><i class="fas fa-map"></i> Google Maps</a></li>
|
||||
<li><a href="../elements/grid-boxes.html"><i class="fas fa-th"></i> Grid Boxes</a></li>
|
||||
<li><a href="../elements/icon-boxes.html"><i class="fas fa-th-large"></i> Icon Boxes</a></li>
|
||||
<li><a href="../elements/icon-circle.html"><i class="far fa-circle"></i> Icon Circle</a></li>
|
||||
<li><a href="../elements/image-gallery.html"><i class="fas fa-expand"></i> Image Gallery</a></li>
|
||||
<li><a href="../elements/images.html"><i class="far fa-image"></i> Images</a></li>
|
||||
<li><a href="../elements/image-hover.html"><i class="fas fa-object-ungroup" aria-hidden="true"></i> Image Hover</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 3</a></li>
|
||||
<li><a href="../elements/lightbox.html"><i class="fas fa-lightbulb"></i> LightBox</a></li>
|
||||
<li><a href="../elements/modal-popup.html"><i class="fas fa-search-plus"></i> Modal Popup</a></li>
|
||||
<li><a href="../elements/pagination.html"><i class="fas fa-angle-double-right"></i> Pagination</a></li>
|
||||
<li><a href="../elements/parallax.html"><i class="fas fa-random"></i> Parallax</a></li>
|
||||
<li><a href="../elements/pricing-table.html"><i class="fas fa-table"></i> Pricing Tables</a></li>
|
||||
<li><a href="../elements/process-steps.html"><i class="fas fa-arrow-right"></i> Process Steps</a></li>
|
||||
<li><a href="../elements/profile-cards.html"><i class="fas fa-address-card"></i> Profile Cards</a></li>
|
||||
<li><a href="../elements/progress-bar.html"><i class="fas fa-tasks"></i> Progress Bar</a></li>
|
||||
<li><a href="../elements/recent-posts.html"><i class="fas fa-newspaper"></i> Recent Posts</a></li>
|
||||
<li><a href="../elements/section-styles.html"><i class="fas fa-outdent"></i> Section Styles</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 4</a></li>
|
||||
<li><a href="../elements/separators.html"><i class="fas fa-minus"></i> Separators</a></li>
|
||||
<li><a href="../elements/shop-banners.html"><i class="fas fa-language"></i> Shop Banners</a></li>
|
||||
<li><a href="../elements/social-icons.html"><i class="fab fa-twitter"></i> Social Icons</a></li>
|
||||
<li><a href="../elements/tables.html"><i class="fas fa-table"></i> Tables</a></li>
|
||||
<li><a href="../elements/tabs.html"><i class="fas fa-window-maximize"></i> Tabs</a></li>
|
||||
<li><a href="../elements/team.html"><i class="fas fa-users"></i> Team</a></li>
|
||||
<li><a href="../elements/testimonials.html"><i class="fas fa-edit"></i> Testimonials</a></li>
|
||||
<li><a href="../elements/timeline.html"><i class="fas fa-arrow-down"></i> Timeline</a></li>
|
||||
<li><a href="../elements/videos.html"><i class="fas fa-video"></i> Videos & Audio</a></li>
|
||||
<li><a href="../elements/video-background.html"><i class="fas fa-photo-video"></i> Video Background</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">SLIDERS</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 1</a></li>
|
||||
<li><a href="3d-parallax-scenes.html">3D Parallax Scenes</a></li>
|
||||
<li><a href="404-error.html">404 Error</a></li>
|
||||
<li><a href="agency-slider.html">Agency Slider</a></li>
|
||||
<li><a href="blend-mode.html">Blend Mode</a></li>
|
||||
<li><a href="blur-effect.html">Blur Effect</a></li>
|
||||
<li><a href="car-dealer.html">Car Dealer</a></li>
|
||||
<li><a href="carousel-gallery.html">Carousel Gallery</a></li>
|
||||
<li><a href="classic-carousel.html">Classic Carousel</a></li>
|
||||
<li><a href="coming-soon.html">Coming soon</a></li>
|
||||
<li><a href="concept-slider.html">Concept Slider</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 2</a></li>
|
||||
<li><a href="double-exposure-effect.html">Double Exposure Effect</a></li>
|
||||
<li><a href="exploration-header.html">Exploration Header</a></li>
|
||||
<li><a href="film-strip.html">Film Strip Effect</a></li>
|
||||
<li><a href="fine-dining.html">Fine Dining</a></li>
|
||||
<li><a href="gravity-design.html">Gravity Design</a></li>
|
||||
<li><a href="happy-hollidays.html">Happy Hollidays</a></li>
|
||||
<li><a href="hero-sports.html">Hero Sports</a></li>
|
||||
<li><a href="inspiration-header.html">Inspiration Header</a></li>
|
||||
<li><a href="levano-slider.html">Levano Slider</a></li>
|
||||
<li><a href="magazine-posts.html">Magazine Posts</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 3</a></li>
|
||||
<li><a href="mask-showcase.html">Mask Showcase</a></li>
|
||||
<li><a href="mountain-parallax.html">Mountain Parallax</a></li>
|
||||
<li><a href="over-expousure.html">Over Exposure</a></li>
|
||||
<li><a href="panorama.html">Panorama</a></li>
|
||||
<li><a href="parallax-joy.html">Parallax Joy</a></li>
|
||||
<li><a href="parallax-zoom.html">Parallax Zoom</a></li>
|
||||
<li><a href="particle-effect-one.html">Particle Effect one</a></li>
|
||||
<li><a href="particle-effect-two.html">Particle Effect Two</a></li>
|
||||
<li><a href="particle-effect-three.html">Particle Effect Three</a></li>
|
||||
<li><a href="style-intro.html">Style Intro</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 4</a></li>
|
||||
<li><a href="reveal.html">Reveal</a></li>
|
||||
<li><a href="rock-band.html">Rock Band</a></li>
|
||||
<li><a href="scroll-effects.html">Scroll Effect</a></li>
|
||||
<li><a href="slider-gym.html">Slider Gym</a></li>
|
||||
<li><a href="slider-news.html">Slider News</a></li>
|
||||
<li><a href="sliding-overlays.html">Sliding Overlays</a></li>
|
||||
<li><a href="web-agency.html">Web Agency</a></li>
|
||||
<li><a href="web-product.html">Web Product</a></li>
|
||||
<li><a href="website-intro.html">Website Intro</a></li>
|
||||
<li><a href="youtube-hero.html">Youtube Hero</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">SHOP</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="#">CLASSIC</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../shop-full-width.html">Full width</a></li>
|
||||
<li><a href="../shop-left-sidebar.html">Left sidebar</a></li>
|
||||
<li><a href="../shop-right-sidebar.html">Right sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">PRODUCT DETAILS</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../product-full-width.html">Full width</a></li>
|
||||
<li><a href="../product-left-sidebar.html">Left sidebar</a></li>
|
||||
<li><a href="../product-right-sidebar.html">Right sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="../shopping-cart.html">SHOPING CART</a></li>
|
||||
<li><a href="../checkout.html">CHECKOUT</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">BLOG</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="#">CLASSIC</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../blog-full-width.html">Full width</a></li>
|
||||
<li><a href="../blog-left-sidebar.html">Left sidebar</a></li>
|
||||
<li><a href="../blog-right-sidebar.html">Right sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">GRID</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../blog-grid-one-column.html">One column</a></li>
|
||||
<li><a href="../blog-grid-two-column.html">Two column</a></li>
|
||||
<li><a href="../blog-grid-three-column.html">Three column</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">MASONRY</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../masonry-two-columns.html">Two Columns</a></li>
|
||||
<li><a href="../masonry-three-columns.html">Three Columns</a></li>
|
||||
<li><a href="../masonry-four-columns.html">Four Columns</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">BLOG SINGLE</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../blog-single-full-width.html">Blog Single Full Width</a></li>
|
||||
<li><a href="../blog-single-left-sidebar.html">Blog Single Left Sidebar</a></li>
|
||||
<li><a href="../blog-single-right-sidebar.html">Blog Single Right Sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<!-- MEGAMENU END -->
|
||||
|
||||
<div class="home-slider">
|
||||
<!-- SLIDER REVOLUTION START -->
|
||||
<section class="example">
|
||||
<article class="content">
|
||||
|
||||
<div id="rev_slider_1174_1_wrapper" class="rev_slider_wrapper fullscreen-container"
|
||||
data-alias="inspiration-header" data-source="gallery"
|
||||
style="background-color:transparent;padding:0px;">
|
||||
<!-- START REVOLUTION SLIDER 5.4.1 fullscreen mode -->
|
||||
<div id="rev_slider_1174_1" class="rev_slider fullscreenbanner" style="display:none;"
|
||||
data-version="5.4.1">
|
||||
<ul>
|
||||
<!-- SLIDE -->
|
||||
<li data-index="rs-3238" data-transition="fade" data-slotamount="default"
|
||||
data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default"
|
||||
data-easeout="default" data-masterspeed="500" data-rotate="0"
|
||||
data-saveperformance="off" data-title="Slide" data-param1="" data-param2=""
|
||||
data-param3="" data-param4="" data-param5="" data-param6="" data-param7=""
|
||||
data-param8="" data-param9="" data-param10="" data-description="">
|
||||
<!-- MAIN IMAGE -->
|
||||
<img src="../assets/images/transparent.png" data-bgcolor="#f9f9f9" alt=""
|
||||
data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat"
|
||||
data-bgparallax="off" class="rev-slidebg" data-no-retina>
|
||||
<!-- LAYERS -->
|
||||
|
||||
<!-- LAYER NR. 1 -->
|
||||
<div class="tp-caption tp-resizeme rs-parallaxlevel-8" id="slide-3238-layer-4"
|
||||
data-x="['left','left','left','left']"
|
||||
data-hoffset="['-264','-264','-371','-416']" data-y="['top','top','top','top']"
|
||||
data-voffset="['-135','-135','-180','-203']" data-width="none" data-height="none"
|
||||
data-whitespace="nowrap" data-type="image" data-basealign="slide"
|
||||
data-responsive_offset="on"
|
||||
data-frames='[{"from":"x:left;rZ:-90deg;","speed":2500,"to":"o:1;","delay":500,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]" style="z-index: 5;border-width:0px;"><img
|
||||
src="../assets/images/header_penpot.png" alt=""
|
||||
data-ww="['650px','650px','650px','650px']"
|
||||
data-hh="['500px','500px','500px','500px']" width="650" height="500"
|
||||
data-no-retina> </div>
|
||||
|
||||
<!-- LAYER NR. 2 -->
|
||||
<div class="tp-caption tp-resizeme rs-parallaxlevel-9" id="slide-3238-layer-5"
|
||||
data-x="['right','right','right','right']"
|
||||
data-hoffset="['30','30','-70','-144']" data-y="['top','top','top','top']"
|
||||
data-voffset="['-204','-204','-233','-261']" data-width="none" data-height="none"
|
||||
data-whitespace="nowrap" data-type="image" data-basealign="slide"
|
||||
data-responsive_offset="on"
|
||||
data-frames='[{"from":"x:right;y:-500px;rZ:90deg;","speed":2500,"to":"o:1;","delay":500,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]" style="z-index: 6;border-width:0px;"><img
|
||||
src="../assets/images/header_flowerpot.png" alt=""
|
||||
data-ww="['700px','700px','700px','700px']"
|
||||
data-hh="['600px','600px','600px','600px']" width="700" height="600"
|
||||
data-no-retina> </div>
|
||||
|
||||
<!-- LAYER NR. 3 -->
|
||||
<div class="tp-caption tp-resizeme rs-parallaxlevel-10" id="slide-3238-layer-6"
|
||||
data-x="['left','left','left','left']"
|
||||
data-hoffset="['-372','-372','-540','-638']"
|
||||
data-y="['bottom','bottom','bottom','bottom']"
|
||||
data-voffset="['-484','-484','-520','-522']" data-width="none" data-height="none"
|
||||
data-whitespace="nowrap" data-type="image" data-basealign="slide"
|
||||
data-responsive_offset="on"
|
||||
data-frames='[{"from":"x:left;rZ:45deg;","speed":2500,"to":"o:1;","delay":650,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]" style="z-index: 7;border-width:0px;"><img
|
||||
src="../assets/images/header_papers.png" alt=""
|
||||
data-ww="['900px','900px','900px','900px']"
|
||||
data-hh="['1000px','1000px','1000px','1000px']" width="900" height="1000"
|
||||
data-no-retina> </div>
|
||||
|
||||
<!-- LAYER NR. 4 -->
|
||||
<div class="tp-caption tp-resizeme rs-parallaxlevel-12" id="slide-3238-layer-9"
|
||||
data-x="['left','left','left','left']" data-hoffset="['134','134','-2','-57']"
|
||||
data-y="['bottom','bottom','bottom','bottom']"
|
||||
data-voffset="['67','67','50','6']" data-width="none" data-height="none"
|
||||
data-whitespace="nowrap" data-type="image" data-basealign="slide"
|
||||
data-responsive_offset="on"
|
||||
data-frames='[{"from":"y:bottom;rZ:90deg;","speed":1500,"to":"o:1;","delay":1050,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]" style="z-index: 8;border-width:0px;"><img
|
||||
src="../assets/images/header_marker.png" alt=""
|
||||
data-ww="['200px','200px','200px','200px']"
|
||||
data-hh="['300px','300px','300px','300px']" width="200" height="300"
|
||||
data-no-retina> </div>
|
||||
|
||||
<!-- LAYER NR. 5 -->
|
||||
<div class="tp-caption tp-resizeme rs-parallaxlevel-11" id="slide-3238-layer-10"
|
||||
data-x="['left','left','left','left']" data-hoffset="['181','181','30','-39']"
|
||||
data-y="['bottom','bottom','bottom','bottom']"
|
||||
data-voffset="['-170','-170','-190','-212']" data-width="none" data-height="none"
|
||||
data-whitespace="nowrap" data-type="image" data-basealign="slide"
|
||||
data-responsive_offset="on"
|
||||
data-frames='[{"from":"y:bottom;rZ:-90deg;","speed":1500,"to":"o:1;","delay":1250,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]" style="z-index: 9;border-width:0px;"><img
|
||||
src="../assets/images/header_edding.png" alt=""
|
||||
data-ww="['300px','300px','300px','300px']"
|
||||
data-hh="['400px','400px','400px','400px']" width="300" height="400"
|
||||
data-no-retina> </div>
|
||||
|
||||
<!-- LAYER NR. 6 -->
|
||||
<div class="tp-caption tp-resizeme rs-parallaxlevel-12" id="slide-3238-layer-11"
|
||||
data-x="['left','left','left','left']" data-hoffset="['393','393','201','81']"
|
||||
data-y="['bottom','bottom','bottom','bottom']"
|
||||
data-voffset="['218','218','183','191']" data-width="none" data-height="none"
|
||||
data-whitespace="nowrap" data-type="image" data-basealign="slide"
|
||||
data-responsive_offset="on"
|
||||
data-frames='[{"from":"y:bottom;rZ:-90deg;","speed":1500,"to":"o:1;","delay":500,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]" style="z-index: 10;border-width:0px;"><img
|
||||
src="../assets/images/header_paperclip.png" alt=""
|
||||
data-ww="['50px','50px','50px','50px']"
|
||||
data-hh="['100px','100px','100px','100px']" width="50" height="100"
|
||||
data-no-retina> </div>
|
||||
|
||||
<!-- LAYER NR. 7 -->
|
||||
<div class="tp-caption tp-resizeme rs-parallaxlevel-11" id="slide-3238-layer-12"
|
||||
data-x="['left','left','left','left']" data-hoffset="['346','346','165','36']"
|
||||
data-y="['bottom','bottom','bottom','bottom']"
|
||||
data-voffset="['255','255','237','231']" data-width="none" data-height="none"
|
||||
data-whitespace="nowrap" data-type="image" data-basealign="slide"
|
||||
data-responsive_offset="on"
|
||||
data-frames='[{"from":"y:bottom;rZ:90deg;","speed":2000,"to":"o:1;rZ:310;","delay":550,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]" style="z-index: 11;border-width:0px;"><img
|
||||
src="../assets/images/header_paperclip.png" alt=""
|
||||
data-ww="['50px','50px','50px','50px']"
|
||||
data-hh="['100px','100px','100px','100px']" width="50" height="100"
|
||||
data-no-retina> </div>
|
||||
|
||||
<!-- LAYER NR. 8 -->
|
||||
<div class="tp-caption tp-resizeme rs-parallaxlevel-9" id="slide-3238-layer-7"
|
||||
data-x="['right','right','right','right']"
|
||||
data-hoffset="['-364','-364','-479','-553']"
|
||||
data-y="['bottom','bottom','bottom','bottom']"
|
||||
data-voffset="['-155','-155','-180','-202']" data-width="none" data-height="none"
|
||||
data-whitespace="nowrap" data-type="image" data-basealign="slide"
|
||||
data-responsive_offset="on"
|
||||
data-frames='[{"from":"x:right;rZ:-65deg;","speed":1500,"to":"o:1;","delay":700,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]" style="z-index: 12;border-width:0px;"><img
|
||||
src="../assets/images/header_tablet.png" alt=""
|
||||
data-ww="['730px','730px','730px','730px']"
|
||||
data-hh="['520px','520px','520px','520px']" width="730" height="520"
|
||||
data-no-retina> </div>
|
||||
|
||||
<!-- LAYER NR. 9 -->
|
||||
<div class="tp-caption tp-resizeme rs-parallaxlevel-11" id="slide-3238-layer-8"
|
||||
data-x="['right','right','right','right']" data-hoffset="['222','222','105','8']"
|
||||
data-y="['bottom','bottom','bottom','bottom']"
|
||||
data-voffset="['8','8','-17','-10']" data-width="none" data-height="none"
|
||||
data-whitespace="nowrap" data-type="image" data-basealign="slide"
|
||||
data-responsive_offset="on"
|
||||
data-frames='[{"from":"x:right;rZ:90deg;","speed":1500,"to":"o:1;","delay":500,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]" style="z-index: 13;border-width:0px;"><img
|
||||
src="../assets/images/header_pen.png" alt=""
|
||||
data-ww="['300px','300px','300px','300px']"
|
||||
data-hh="['500px','500px','500px','500px']" width="300" height="500"
|
||||
data-no-retina> </div>
|
||||
|
||||
<!-- LAYER NR. 10 -->
|
||||
<div class="tp-caption tp-resizeme rs-parallaxlevel-2" id="slide-3238-layer-1"
|
||||
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
|
||||
data-y="['middle','middle','middle','middle']"
|
||||
data-voffset="['-70','-70','-70','-90']" data-fontsize="['80','80','80','60']"
|
||||
data-lineheight="['80','80','80','60']" data-width="['none','none','none','360']"
|
||||
data-height="none" data-whitespace="['nowrap','nowrap','nowrap','normal']"
|
||||
data-type="text" data-responsive_offset="on"
|
||||
data-frames='[{"from":"y:-50px;rX:-45deg;sX:2;sY:2;opacity:0;","speed":1500,"to":"o:1;","delay":510,"ease":"Power4.easeOut"},{"delay":640,"speed":600,"to":"y:30px;rX:45deg;sX:0.8;sY:0.8;opacity:0;","ease":"Power2.easeInOut"}]'
|
||||
data-textAlign="['center','center','center','center']"
|
||||
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 14; white-space: nowrap; font-size: 80px; line-height: 80px; font-weight: 700; color: rgba(0, 0, 0, 1.00);font-family:Roboto;border-width:0px;">
|
||||
Be Inspired. </div>
|
||||
|
||||
<!-- LAYER NR. 11 -->
|
||||
<div class="tp-caption tp-resizeme rs-parallaxlevel-2" id="slide-3238-layer-15"
|
||||
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
|
||||
data-y="['middle','middle','middle','middle']"
|
||||
data-voffset="['-70','-70','-70','-90']" data-fontsize="['80','80','80','60']"
|
||||
data-lineheight="['80','80','80','60']" data-width="['none','none','none','360']"
|
||||
data-height="none" data-whitespace="['nowrap','nowrap','nowrap','normal']"
|
||||
data-type="text" data-responsive_offset="on"
|
||||
data-frames='[{"from":"y:-50px;rX:-45deg;sX:2;sY:2;opacity:0;","speed":1500,"to":"o:1;","delay":2940,"ease":"Power4.easeOut"},{"delay":660,"speed":600,"to":"y:30px;rX:45deg;sX:0.8;sY:0.8;opacity:0;","ease":"Power2.easeInOut"}]'
|
||||
data-textAlign="['center','center','center','center']"
|
||||
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 15; white-space: nowrap; font-size: 80px; line-height: 80px; font-weight: 700; color: rgba(0, 0, 0, 1.00);font-family:Roboto;border-width:0px;">
|
||||
Be Brave. </div>
|
||||
|
||||
<!-- LAYER NR. 12 -->
|
||||
<div class="tp-caption tp-resizeme rs-parallaxlevel-2" id="slide-3238-layer-16"
|
||||
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
|
||||
data-y="['middle','middle','middle','middle']"
|
||||
data-voffset="['-70','-70','-70','-90']" data-fontsize="['80','80','80','60']"
|
||||
data-lineheight="['80','80','80','60']" data-width="['none','none','none','400']"
|
||||
data-height="none" data-whitespace="['nowrap','nowrap','nowrap','normal']"
|
||||
data-type="text" data-responsive_offset="on"
|
||||
data-frames='[{"from":"y:-50px;rX:-45deg;sX:2;sY:2;opacity:0;","speed":1500,"to":"o:1;","delay":5390,"ease":"Power4.easeOut"},{"delay":"wait","speed":600,"to":"y:30px;rX:45deg;sX:0.8;sY:0.8;opacity:0;","ease":"Power2.easeInOut"}]'
|
||||
data-textAlign="['center','center','center','center']"
|
||||
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 16; white-space: nowrap; font-size: 80px; line-height: 80px; font-weight: 700; color: rgba(0, 0, 0, 1.00);font-family:Roboto;border-width:0px;">
|
||||
Start Creating. </div>
|
||||
|
||||
<!-- LAYER NR. 13 -->
|
||||
<div class="tp-caption tp-resizeme rs-parallaxlevel-2" id="slide-3238-layer-2"
|
||||
data-x="['center','center','center','center']"
|
||||
data-hoffset="['-8','-8','-8','-8']"
|
||||
data-y="['middle','middle','middle','middle']"
|
||||
data-voffset="['10','10','10','-10']" data-fontsize="['20','20','20','25']"
|
||||
data-lineheight="['20','20','20','30']" data-width="['none','none','none','360']"
|
||||
data-height="none" data-whitespace="['nowrap','nowrap','nowrap','normal']"
|
||||
data-type="text" data-responsive_offset="on"
|
||||
data-frames='[{"from":"y:50px;rX:45deg;sX:2;sY:2;opacity:0;","speed":1500,"to":"o:1;","delay":600,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"}]'
|
||||
data-textAlign="['center','center','center','center']"
|
||||
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 17; white-space: nowrap; font-size: 20px; line-height: 20px; font-weight: 400; color: rgba(68, 68, 68, 1.00);font-family:Roboto;border-width:0px;">
|
||||
A Flexible Parallax Header for your WordPress Site. </div>
|
||||
|
||||
<!-- LAYER NR. 14 -->
|
||||
<div class="tp-caption rev-btn rs-parallaxlevel-3" id="slide-3238-layer-3"
|
||||
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
|
||||
data-y="['middle','middle','middle','middle']"
|
||||
data-voffset="['92','92','92','92']" data-width="none" data-height="none"
|
||||
data-whitespace="nowrap" data-type="button"
|
||||
data-actions='[{"event":"click","action":"scrollbelow","offset":"px","delay":""}]'
|
||||
data-responsive_offset="on" data-responsive="off"
|
||||
data-frames='[{"from":"y:100px;rX:90deg;opacity:0;","speed":1500,"to":"o:1;","delay":700,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"},{"frame":"hover","speed":"150","ease":"Power1.easeInOut","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(255, 255, 255, 1.00);bg:rgba(32, 85, 199, 1.00);bs:solid;"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[30,30,30,30]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[30,30,30,30]"
|
||||
style="z-index: 18; white-space: nowrap; font-size: 15px; line-height: 50px; font-weight: 700; color: rgba(255, 255, 255, 1.00);font-family:Roboto;background-color:rgba(41, 106, 245, 1.00);border-color:rgba(0, 0, 0, 1.00);border-width:0px;border-radius:3px 3px 3px 3px;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;letter-spacing:2px;cursor:pointer;">
|
||||
CONTINUE </div>
|
||||
|
||||
<!-- LAYER NR. 15 -->
|
||||
<div class="tp-caption rev-scroll-btn revs-dark rs-parallaxlevel-5"
|
||||
id="slide-3238-layer-13" data-x="['center','center','center','center']"
|
||||
data-hoffset="['0','0','0','0']" data-y="['bottom','bottom','bottom','bottom']"
|
||||
data-voffset="['50','50','50','50']" data-width="35" data-height="55"
|
||||
data-whitespace="nowrap" data-type="button"
|
||||
data-actions='[{"event":"click","action":"scrollbelow","offset":"px","delay":""}]'
|
||||
data-basealign="slide" data-responsive_offset="on" data-responsive="off"
|
||||
data-frames='[{"from":"y:-50px;opacity:0;","speed":1500,"to":"o:1;","delay":800,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 19; min-width: 35px; max-width: 35px; max-width: 55px; max-width: 55px; white-space: nowrap; font-size: px; line-height: px; font-weight: 400;border-color:rgba(51, 51, 51, 1.00);border-style:solid;border-width:3px;border-radius:23px 23px 23px 23px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;">
|
||||
<span>
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
</section>
|
||||
<!-- SLIDER REVOLUTION END -->
|
||||
</div>
|
||||
</header>
|
||||
<!-- HEADER END -->
|
||||
|
||||
<section>
|
||||
<div class="container mt-5 mb-5">
|
||||
<div class="row">
|
||||
<div class="col-lg-4">
|
||||
<div class="slider-feature-info">
|
||||
<h5 class="overtitle">Inspiration Header </h5>
|
||||
<h2>SLIDER REVOLUTION</h2>
|
||||
<p>Including the powerful and stunning Slider Revolution is an innovative, responsive jQuery Slider Plugin that displays your content the beautiful way.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-8 spacing-md">
|
||||
<div class="row">
|
||||
<div class="col-md-6 top-col">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/levels.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">SLIDERS DIVERSITY</h5>
|
||||
<p>With more than 100 templates, it allows you to create almost any type of web pages.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 top-col">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/document.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">DOCUMENTATION</h5>
|
||||
<p>Complete and clear documentation for an easy and fast installation..</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 bottom-col-resp">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/device.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">RESPONSIVE DESIGN</h5>
|
||||
<p>Slider Revolution adapts to any device for a better visual experience..</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/support.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">PREMIUM SUPPORT</h5>
|
||||
<p>If you have any problems in the installation process, we are here to help you.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="rs-line">
|
||||
</div>
|
||||
|
||||
<div class="container rs-call-to-action mt-5 mb-5">
|
||||
<div class="row">
|
||||
<div class="col-lg-8">
|
||||
<div class="ca-left-side">
|
||||
<h3>Premium Multi-Purpose HTML5 Template</h3>
|
||||
<p>Let's develop your project with this impressive and powerful template that helps you
|
||||
create beautiful web pages. An original solution for any business..</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12 col-lg-4">
|
||||
<div class="ca-right-side flex-parent jc-center">
|
||||
<a class="tp-btn-primary" href="https://themeforest.net/item/merit-premium-multipurpose-html5-template/21866679" target="_blank">Purchase now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- FOOTER START -->
|
||||
<footer>
|
||||
<div class="container mt-5">
|
||||
<div class="top-footer">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 col-xl-7">
|
||||
<h3>Creative and affordable website solution</h3>
|
||||
<p>Build modern websites with this powefull Multi-Purpose Template.</p>
|
||||
</div>
|
||||
<div class="col-lg-12 col-xl-5">
|
||||
<div class="footer-btn">
|
||||
<a class="tp-btn-primary" href="https://themeforest.net/item/merit-premium-multipurpose-html5-template/21866679" target="_blank" role="button">Purchase now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="footer-line">
|
||||
<div class="center-footer">
|
||||
<div class="row">
|
||||
<div class="col-lg-5">
|
||||
<div class="footer-col footer-left-col">
|
||||
<figure class="site-footer-logo">
|
||||
<img src="../images/logos/logo.png" alt="">
|
||||
</figure>
|
||||
<p>Let's develop your project with this impressive and powerful template that helps you
|
||||
create beautiful web pages. An original solution for any business.</p>
|
||||
<ul class="footer-social">
|
||||
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-dribbble"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2">
|
||||
<div class="footer-col">
|
||||
<h5>Quick Links</h5>
|
||||
<ul class="quick-links">
|
||||
<li><a href="../index.html">Home</a></li>
|
||||
<li><a href="../services-style-1.html">Services</a></li>
|
||||
<li><a href="../blog-full-width.html">Blogs</a></li>
|
||||
<li><a href="../contact-style-1.html">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2">
|
||||
<div class="footer-col">
|
||||
<h5>About</h5>
|
||||
<ul class="quick-links">
|
||||
<li><a href="../profile-style-1.html">Profile</a></li>
|
||||
<li><a href="../team-style-1.html">Team</a></li>
|
||||
<li><a href="../careers-style-1.html">Careers</a></li>
|
||||
<li><a href="../faq.html">FAQ</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3">
|
||||
<div class="footer-col">
|
||||
<h5>Get in Touch</h5>
|
||||
<ul class="footer-contact">
|
||||
<li class="phone"><a href="tel:123-456-7890">+ 123-456-7890</a></li>
|
||||
<li class="email"><a href="mailto:info@merit.com">info@merit.com</a></li>
|
||||
<li>
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="fas fa-map-pin"></i>
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<p>7391 North Bay Meadows Circle New York, NY 10040.</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="footer-line">
|
||||
<div class="bottom-footer">
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<div class="footer-copyright">
|
||||
<p>© 2022 <a href="https://themeforest.net/item/merit-premium-multipurpose-html5-template/21866679" target="_blank">Merit Premium Template</a> all rights reserved.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<ul class="footer-terms">
|
||||
<li><a href="../terms.html">Terms</a></li>
|
||||
<li><a href="../privacy.html">Privacy</a></li>
|
||||
<li><a href="../contact-style-4.html">Support</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!-- FOOTER END -->
|
||||
|
||||
<!-- SCROLL TOP -->
|
||||
<a href="#0" class="cd-top">Top</a>
|
||||
|
||||
<!-- TEMPLATE MAIN JAVASCRIPT FILES -->
|
||||
<script src="../js/lib/jquery-3.6.0.min.js"></script>
|
||||
<script src="../js/lib/bootstrap.min.js"></script>
|
||||
<script src="../js/lib/plugins.js"></script>
|
||||
<script src="../js/lib/megamenu.js"></script>
|
||||
<script src="../js/lib/navigation.js"></script>
|
||||
<script src="../js/lib/navigation.fixed.min.js"></script>
|
||||
<script src="../js/main.js"></script>
|
||||
|
||||
<!-- REVOLUTION JS FILES -->
|
||||
<script src="../revolution/js/jquery.themepunch.tools.min.js"></script>
|
||||
<script src="../revolution/js/jquery.themepunch.revolution.min.js"></script>
|
||||
|
||||
<!-- SLIDER REVOLUTION 5.0 EXTENSIONS (Load Extensions only on Local File Systems ! The following part can be removed on Server for On Demand Loading) -->
|
||||
<script src="../revolution/js/extensions/revolution.extension.actions.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.carousel.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.migration.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.navigation.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.parallax.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.video.min.js"></script>
|
||||
|
||||
<!-- REQUIRE JS FOR SLIDER REVOLUTION -->
|
||||
<script>
|
||||
var tpj = jQuery;
|
||||
|
||||
var revapi1174;
|
||||
tpj(document).ready(function () {
|
||||
if (tpj("#rev_slider_1174_1").revolution == undefined) {
|
||||
revslider_showDoubleJqueryError("#rev_slider_1174_1");
|
||||
} else {
|
||||
revapi1174 = tpj("#rev_slider_1174_1").show().revolution({
|
||||
sliderType: "hero",
|
||||
jsFileLocation: "revolution/js/",
|
||||
sliderLayout: "fullscreen",
|
||||
dottedOverlay: "none",
|
||||
delay: 9000,
|
||||
navigation: {},
|
||||
responsiveLevels: [1240, 1024, 778, 480],
|
||||
visibilityLevels: [1240, 1024, 778, 480],
|
||||
gridwidth: [1240, 1024, 778, 480],
|
||||
gridheight: [868, 768, 960, 720],
|
||||
lazyType: "none",
|
||||
parallax: {
|
||||
type: "scroll",
|
||||
origo: "slidercenter",
|
||||
speed: 400,
|
||||
levels: [10, 15, 20, 25, 30, 35, 40, -10, -15, -20, -25, -30, -35, -40, -45,
|
||||
55],
|
||||
type: "scroll",
|
||||
},
|
||||
shadow: 0,
|
||||
spinner: "off",
|
||||
autoHeight: "off",
|
||||
fullScreenAutoWidth: "off",
|
||||
fullScreenAlignForce: "off",
|
||||
fullScreenOffsetContainer: "",
|
||||
fullScreenOffset: "60px",
|
||||
disableProgressBar: "on",
|
||||
hideThumbsOnMobile: "off",
|
||||
hideSliderAtLimit: 0,
|
||||
hideCaptionAtLimit: 0,
|
||||
hideAllCaptionAtLilmit: 0,
|
||||
debugMode: false,
|
||||
fallbacks: {
|
||||
simplifyAll: "off",
|
||||
disableFocusListener: false,
|
||||
}
|
||||
});
|
||||
}
|
||||
}); /*ready*/
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
|
||||
<!-- Mirrored from quickdevs.com/demo/merit/rev-sliders/inspiration-header.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 29 Mar 2023 10:42:24 GMT -->
|
||||
</html>
|
||||
1287
public/sunsarioverseas/rev-sliders/levano-slider.html
Normal file
1287
public/sunsarioverseas/rev-sliders/levano-slider.html
Normal file
File diff suppressed because it is too large
Load Diff
1407
public/sunsarioverseas/rev-sliders/magazine-posts.html
Normal file
1407
public/sunsarioverseas/rev-sliders/magazine-posts.html
Normal file
File diff suppressed because it is too large
Load Diff
1044
public/sunsarioverseas/rev-sliders/mask-showcase.html
Normal file
1044
public/sunsarioverseas/rev-sliders/mask-showcase.html
Normal file
File diff suppressed because it is too large
Load Diff
922
public/sunsarioverseas/rev-sliders/mountain-parallax.html
Normal file
922
public/sunsarioverseas/rev-sliders/mountain-parallax.html
Normal file
@ -0,0 +1,922 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US" class="no-js">
|
||||
|
||||
|
||||
<!-- Mirrored from quickdevs.com/demo/merit/rev-sliders/mountain-parallax.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 29 Mar 2023 10:43:36 GMT -->
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
|
||||
<!-- TITLE -->
|
||||
<title>Mountain Parallax - Merit Premium Multi-Purpose HTML5 Template</title>
|
||||
|
||||
<!-- META TAGS -->
|
||||
<meta name="keywords" content="premium multi-Purpose, html template, multipurpose template, bootstrap template, niches, clean, modern, multipurpose, responsive">
|
||||
<meta name="description" content="Merit is a modern Multi-Purpose HTML Template any bussines.">
|
||||
|
||||
<!-- FAVICON -->
|
||||
<link rel="shortcut icon" href="../images/icons/favicon.png">
|
||||
|
||||
<!-- REVOLUTION ADDONS -->
|
||||
<link href="http://fonts.googleapis.com/css?family=Roboto%3A700%2C300" rel="stylesheet" property="stylesheet" type="text/css" media="all" />
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/fonts/pe-icon-7-stroke/css/pe-icon-7-stroke.css">
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/fonts/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!-- REVOLUTION STYLE SHEETS -->
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/css/settings.css">
|
||||
|
||||
<!-- REVOLUTION LAYERS STYLES -->
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/css/layers.css">
|
||||
|
||||
<!-- REVOLUTION NAVIGATION STYLES -->
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/css/navigation.css">
|
||||
|
||||
<!-- MAIN CSS STYLE SHEET -->
|
||||
<link rel="stylesheet" href="../css/main.css">
|
||||
<link rel="stylesheet" href="../css/stylesheet.css">
|
||||
<link rel="stylesheet" href="../css/responsive.css">
|
||||
|
||||
<!-- REVOLUTION CUSTOM CSS -->
|
||||
<link rel="stylesheet" href="../css/slider-revolution.css">
|
||||
|
||||
<!-- MODERNIZR LIBRARY -->
|
||||
<script src="../js/modernizr-custom.js"></script>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- PRELOADER START -->
|
||||
<div id="loader-wrapper">
|
||||
<div class="loader">
|
||||
<span class="loader-26"></span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- PRELOADER END -->
|
||||
|
||||
<!-- HEADER START -->
|
||||
<header>
|
||||
<!-- TOP HEADER START -->
|
||||
<div class="top-header">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<ul class="top-contact text-left">
|
||||
<li class="phone"><span class="tel-no"><a href="tel:123-456-7890"> +123-456-7890</a></span>
|
||||
</li>
|
||||
<li class="email"><a href="mailto:info@merit.com">info@merit.com</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-6 text-right">
|
||||
<div class="top-social">
|
||||
<ul class="social-list">
|
||||
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-dribbble"></i></a></li>
|
||||
<li>
|
||||
<!-- Button trigger modal -->
|
||||
<div class="center-element">
|
||||
<button type="button" class="btn btn-default" data-toggle="modal" data-target="#exampleModal2">Login</button>
|
||||
</div>
|
||||
|
||||
<!-- Modal -->
|
||||
<div class="modal fade custom-modal" id="exampleModal2" tabindex="-1" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content login-modal">
|
||||
<button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button>
|
||||
<div class="modal-body">
|
||||
<figure class="login-avatar">
|
||||
<img src="../images/icons/user-login-2.png" alt="">
|
||||
</figure>
|
||||
<h4>Merit</h4>
|
||||
<p>Welcome Back!</p>
|
||||
<div class="google-btn">
|
||||
<button type="submit" class="tp-btn-primary">
|
||||
<img class="tp-goole-icon" src="../images/icons/google-icon.png" alt="">
|
||||
Sign in with Google
|
||||
</button>
|
||||
</div>
|
||||
<p>Or</p>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<form>
|
||||
<div class="form-group">
|
||||
<input type="email" class="form-control login-fc" placeholder="Email or Username">
|
||||
</div>
|
||||
<div class="form-group mt-3">
|
||||
<input type="password" class="form-control login-fc" placeholder="Password">
|
||||
</div>
|
||||
<div class="login-options d-flex justify-content-between mt-3">
|
||||
<div class="have-account">
|
||||
<p><a href="#">Dont have an account?</a></p>
|
||||
</div>
|
||||
<div class="forgot-password">
|
||||
<p><a href="#">Forgot password?</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="login-btn">
|
||||
<button type="submit" class="tp-btn-primary">Login</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="top-line">
|
||||
</div>
|
||||
</div>
|
||||
<!-- TOP HEADER END -->
|
||||
|
||||
<!-- MEGAMENU START -->
|
||||
<div class="main-nav">
|
||||
<div class="container">
|
||||
<nav id="navigation1" class="navigation">
|
||||
<div class="nav-header">
|
||||
<a class="nav-logo" href="../index.html">
|
||||
<img src="../images/logos/logo.png" class="white-logo" alt="">
|
||||
<img src="../images/logos/logo-black.png" class="dark-logo" alt="">
|
||||
</a>
|
||||
<div class="nav-toggle"></div>
|
||||
</div>
|
||||
<div class="nav-menus-wrapper">
|
||||
<ul class="nav-menu align-to-right">
|
||||
<li><a href="#">HOME</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../1-agency.html">Agency</a></li>
|
||||
<li><a href="../2-beauty.html">Beauty</a></li>
|
||||
<li><a href="../3-construction.html">Construction</a></li>
|
||||
<li><a href="../4-corporate.html">Corporate</a></li>
|
||||
<li><a href="../5-courier.html">Courier</a></li>
|
||||
<li><a href="../6-dealer.html">Dealer</a></li>
|
||||
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../7-dental.html">Dental</a></li>
|
||||
<li><a href="../8-education.html">Education</a></li>
|
||||
<li><a href="../9-gym.html">Gym</a></li>
|
||||
<li><a href="../10-hotel.html">Hotel</a></li>
|
||||
<li><a href="../11-medical.html">Medical</a></li>
|
||||
<li><a href="../12-restaurant.html">Restaurant</a></li>
|
||||
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../13-charity.html">Charity</a></li>
|
||||
<li><a href="../14-cleaning.html">Cleaning</a></li>
|
||||
<li><a href="../15-finance.html">Finance</a></li>
|
||||
<li><a href="../16-industrial.html">Industrial</a></li>
|
||||
<li><a href="../17-hosting.html">Hosting</a></li>
|
||||
<li><a href="../18-portfolio.html">Portfolio</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../19-organic.html">Organic</a></li>
|
||||
<li><a href="../20-farm.html">Farm</a></li>
|
||||
<li><a href="../21-yoga.html">Yoga</a></li>
|
||||
<li><a href="../22-travel.html">Travel</a></li>
|
||||
<li><a href="../23-lawyer.html">Lawyer</a></li>
|
||||
<li><a href="../24-fitness.html">Fitness</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">PAGES</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../about-style-1.html">About Us</a></li>
|
||||
<li><a href="../about-style-2.html">About Me</a></li>
|
||||
<li><a href="../about-style-3.html">About Us - ALT 2</a></li>
|
||||
<li><a href="../about-style-4.html">About Us - ALT 3</a></li>
|
||||
<li><a href="../careers-style-1.html">Careers</a></li>
|
||||
<li><a href="../careers-style-2.html">Careers - ALT 2</a></li>
|
||||
<li><a href="../careers-style-3.html">Careers - ALT 3</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../services-style-1.html">Services</a></li>
|
||||
<li><a href="../services-style-2.html">Services - ALT 2</a></li>
|
||||
<li><a href="../services-style-3.html">Services - ALT 3</a></li>
|
||||
<li><a href="../services-style-4.html">Services - ALT 4</a></li>
|
||||
<li><a href="../profile-style-1.html">Profile</a></li>
|
||||
<li><a href="../profile-style-2.html">Profile - ALT 2</a></li>
|
||||
<li><a href="../profile-style-3.html">Profile - ALT 3</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../contact-style-1.html">Contact Us </a></li>
|
||||
<li><a href="../contact-style-2.html">Contact Us - ALT 2</a></li>
|
||||
<li><a href="../contact-style-3.html">Contact Us - ALT 3</a></li>
|
||||
<li><a href="../contact-style-4.html">Contact Us - ALT 4</a></li>
|
||||
<li><a href="../team-style-1.html">Our Team</a></li>
|
||||
<li><a href="../team-style-2.html">Our Team - ALT 2</a></li>
|
||||
<li><a href="../team-style-3.html">Our Team - ALT 3</a></li>
|
||||
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../coming-soon-style-1.html">Coming Soon</a></li>
|
||||
<li><a href="../coming-soon-style-2.html">Coming Soon - ALT 2</a></li>
|
||||
<li><a href="../404-error-style-1.html">404 Page</a></li>
|
||||
<li><a href="../404-error-style-2.html">404 Page - ALT 2</a></li>
|
||||
<li><a href="../login-register-style-1.html">Login / Register</a></li>
|
||||
<li><a href="../faq.html">Faq</a></li>
|
||||
<li><a href="../faq-alt.html">Faq - ALT</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">ELEMENTS</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 1</a></li>
|
||||
<li><a href="../elements/accordions.html"><i class="fas fa-plus-square"></i> Accordions</a></li>
|
||||
<li><a href="../elements/alerts.html"><i class="fas fa-exclamation-circle"></i> Alerts</a></li>
|
||||
<li><a href="../elements/animations.html"><i class="fas fa-exchange-alt"></i> Animations</a></li>
|
||||
<li><a href="../elements/blockquotes.html"><i class="fas fa-quote-left"></i> Blockquotes</a></li>
|
||||
<li><a href="../elements/breadcrumbs.html"><i class="fas fa-share"></i> Breadcrumbs</a></li>
|
||||
<li><a href="../elements/buttons.html"><i class="fas fa-square"></i> Buttons</a></li>
|
||||
<li><a href="../elements/call-to-action.html"><i class="fas fa-bullhorn"></i> Call to Action</a></li>
|
||||
<li><a href="../elements/charts.html"><i class="fas fa-circle-notch"></i> Charts</a></li>
|
||||
<li><a href="../elements/content-boxes.html"><i class="fas fa-th-large"></i> Content Boxes</a></li>
|
||||
<li><a href="../elements/counters.html"><i class="fas fa-bullseye"></i> Counters</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 2</a></li>
|
||||
<li><a href="../elements/customers.html"><i class="fas fa-user-circle"></i> Customer</a></li>
|
||||
<li><a href="../elements/dropcaps.html"><i class="fas fa-font"></i> Dropcaps</a></li>
|
||||
<li><a href="../elements/flip-boxes.html"><i class="fas fa-sync-alt"></i> Flip Box</a></li>
|
||||
<li><a href="../elements/google-maps.html"><i class="fas fa-map"></i> Google Maps</a></li>
|
||||
<li><a href="../elements/grid-boxes.html"><i class="fas fa-th"></i> Grid Boxes</a></li>
|
||||
<li><a href="../elements/icon-boxes.html"><i class="fas fa-th-large"></i> Icon Boxes</a></li>
|
||||
<li><a href="../elements/icon-circle.html"><i class="far fa-circle"></i> Icon Circle</a></li>
|
||||
<li><a href="../elements/image-gallery.html"><i class="fas fa-expand"></i> Image Gallery</a></li>
|
||||
<li><a href="../elements/images.html"><i class="far fa-image"></i> Images</a></li>
|
||||
<li><a href="../elements/image-hover.html"><i class="fas fa-object-ungroup" aria-hidden="true"></i> Image Hover</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 3</a></li>
|
||||
<li><a href="../elements/lightbox.html"><i class="fas fa-lightbulb"></i> LightBox</a></li>
|
||||
<li><a href="../elements/modal-popup.html"><i class="fas fa-search-plus"></i> Modal Popup</a></li>
|
||||
<li><a href="../elements/pagination.html"><i class="fas fa-angle-double-right"></i> Pagination</a></li>
|
||||
<li><a href="../elements/parallax.html"><i class="fas fa-random"></i> Parallax</a></li>
|
||||
<li><a href="../elements/pricing-table.html"><i class="fas fa-table"></i> Pricing Tables</a></li>
|
||||
<li><a href="../elements/process-steps.html"><i class="fas fa-arrow-right"></i> Process Steps</a></li>
|
||||
<li><a href="../elements/profile-cards.html"><i class="fas fa-address-card"></i> Profile Cards</a></li>
|
||||
<li><a href="../elements/progress-bar.html"><i class="fas fa-tasks"></i> Progress Bar</a></li>
|
||||
<li><a href="../elements/recent-posts.html"><i class="fas fa-newspaper"></i> Recent Posts</a></li>
|
||||
<li><a href="../elements/section-styles.html"><i class="fas fa-outdent"></i> Section Styles</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 4</a></li>
|
||||
<li><a href="../elements/separators.html"><i class="fas fa-minus"></i> Separators</a></li>
|
||||
<li><a href="../elements/shop-banners.html"><i class="fas fa-language"></i> Shop Banners</a></li>
|
||||
<li><a href="../elements/social-icons.html"><i class="fab fa-twitter"></i> Social Icons</a></li>
|
||||
<li><a href="../elements/tables.html"><i class="fas fa-table"></i> Tables</a></li>
|
||||
<li><a href="../elements/tabs.html"><i class="fas fa-window-maximize"></i> Tabs</a></li>
|
||||
<li><a href="../elements/team.html"><i class="fas fa-users"></i> Team</a></li>
|
||||
<li><a href="../elements/testimonials.html"><i class="fas fa-edit"></i> Testimonials</a></li>
|
||||
<li><a href="../elements/timeline.html"><i class="fas fa-arrow-down"></i> Timeline</a></li>
|
||||
<li><a href="../elements/videos.html"><i class="fas fa-video"></i> Videos & Audio</a></li>
|
||||
<li><a href="../elements/video-background.html"><i class="fas fa-photo-video"></i> Video Background</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">SLIDERS</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 1</a></li>
|
||||
<li><a href="3d-parallax-scenes.html">3D Parallax Scenes</a></li>
|
||||
<li><a href="404-error.html">404 Error</a></li>
|
||||
<li><a href="agency-slider.html">Agency Slider</a></li>
|
||||
<li><a href="blend-mode.html">Blend Mode</a></li>
|
||||
<li><a href="blur-effect.html">Blur Effect</a></li>
|
||||
<li><a href="car-dealer.html">Car Dealer</a></li>
|
||||
<li><a href="carousel-gallery.html">Carousel Gallery</a></li>
|
||||
<li><a href="classic-carousel.html">Classic Carousel</a></li>
|
||||
<li><a href="coming-soon.html">Coming soon</a></li>
|
||||
<li><a href="concept-slider.html">Concept Slider</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 2</a></li>
|
||||
<li><a href="double-exposure-effect.html">Double Exposure Effect</a></li>
|
||||
<li><a href="exploration-header.html">Exploration Header</a></li>
|
||||
<li><a href="film-strip.html">Film Strip Effect</a></li>
|
||||
<li><a href="fine-dining.html">Fine Dining</a></li>
|
||||
<li><a href="gravity-design.html">Gravity Design</a></li>
|
||||
<li><a href="happy-hollidays.html">Happy Hollidays</a></li>
|
||||
<li><a href="hero-sports.html">Hero Sports</a></li>
|
||||
<li><a href="inspiration-header.html">Inspiration Header</a></li>
|
||||
<li><a href="levano-slider.html">Levano Slider</a></li>
|
||||
<li><a href="magazine-posts.html">Magazine Posts</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 3</a></li>
|
||||
<li><a href="mask-showcase.html">Mask Showcase</a></li>
|
||||
<li><a href="mountain-parallax.html">Mountain Parallax</a></li>
|
||||
<li><a href="over-expousure.html">Over Exposure</a></li>
|
||||
<li><a href="panorama.html">Panorama</a></li>
|
||||
<li><a href="parallax-joy.html">Parallax Joy</a></li>
|
||||
<li><a href="parallax-zoom.html">Parallax Zoom</a></li>
|
||||
<li><a href="particle-effect-one.html">Particle Effect one</a></li>
|
||||
<li><a href="particle-effect-two.html">Particle Effect Two</a></li>
|
||||
<li><a href="particle-effect-three.html">Particle Effect Three</a></li>
|
||||
<li><a href="style-intro.html">Style Intro</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 4</a></li>
|
||||
<li><a href="reveal.html">Reveal</a></li>
|
||||
<li><a href="rock-band.html">Rock Band</a></li>
|
||||
<li><a href="scroll-effects.html">Scroll Effect</a></li>
|
||||
<li><a href="slider-gym.html">Slider Gym</a></li>
|
||||
<li><a href="slider-news.html">Slider News</a></li>
|
||||
<li><a href="sliding-overlays.html">Sliding Overlays</a></li>
|
||||
<li><a href="web-agency.html">Web Agency</a></li>
|
||||
<li><a href="web-product.html">Web Product</a></li>
|
||||
<li><a href="website-intro.html">Website Intro</a></li>
|
||||
<li><a href="youtube-hero.html">Youtube Hero</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">SHOP</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="#">CLASSIC</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../shop-full-width.html">Full width</a></li>
|
||||
<li><a href="../shop-left-sidebar.html">Left sidebar</a></li>
|
||||
<li><a href="../shop-right-sidebar.html">Right sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">PRODUCT DETAILS</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../product-full-width.html">Full width</a></li>
|
||||
<li><a href="../product-left-sidebar.html">Left sidebar</a></li>
|
||||
<li><a href="../product-right-sidebar.html">Right sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="../shopping-cart.html">SHOPING CART</a></li>
|
||||
<li><a href="../checkout.html">CHECKOUT</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">BLOG</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="#">CLASSIC</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../blog-full-width.html">Full width</a></li>
|
||||
<li><a href="../blog-left-sidebar.html">Left sidebar</a></li>
|
||||
<li><a href="../blog-right-sidebar.html">Right sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">GRID</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../blog-grid-one-column.html">One column</a></li>
|
||||
<li><a href="../blog-grid-two-column.html">Two column</a></li>
|
||||
<li><a href="../blog-grid-three-column.html">Three column</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">MASONRY</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../masonry-two-columns.html">Two Columns</a></li>
|
||||
<li><a href="../masonry-three-columns.html">Three Columns</a></li>
|
||||
<li><a href="../masonry-four-columns.html">Four Columns</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">BLOG SINGLE</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../blog-single-full-width.html">Blog Single Full Width</a></li>
|
||||
<li><a href="../blog-single-left-sidebar.html">Blog Single Left Sidebar</a></li>
|
||||
<li><a href="../blog-single-right-sidebar.html">Blog Single Right Sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<!-- MEGAMENU END -->
|
||||
|
||||
<div class="home-slider">
|
||||
<!-- SLIDER REVOLUTION START -->
|
||||
<section class="example">
|
||||
<article class="content">
|
||||
|
||||
<div id="rev_slider_314_1_wrapper" class="rev_slider_wrapper fullscreen-container" data-alias="mountain-parallax-header" data-source="gallery" style="background:rgba(255,255,255,0);padding:0px;">
|
||||
<!-- START REVOLUTION SLIDER 5.4.3.1 fullscreen mode -->
|
||||
<div id="rev_slider_314_1" class="rev_slider fullscreenbanner" style="display:none;" data-version="5.4.3.1">
|
||||
<ul> <!-- SLIDE -->
|
||||
<li data-index="rs-896" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="300" data-rotate="0" data-saveperformance="off" data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
|
||||
<!-- MAIN IMAGE -->
|
||||
<img src="../../../../revolutioncdn-themepunchgbr.netdna-ssl.com/wp-content/uploads/revslider/mountainheader/mountainscene.jpg" alt="" data-bgposition="center center" data-kenburns="on" data-duration="5000" data-ease="Power4.easeOut" data-scalestart="150" data-scaleend="100" data-rotatestart="0" data-rotateend="0" data-blurstart="20" data-blurend="0" data-offsetstart="0 0" data-offsetend="0 0" data-bgparallax="10" class="rev-slidebg" data-no-retina>
|
||||
<!-- LAYERS -->
|
||||
|
||||
<!-- LAYER NR. 1 -->
|
||||
<div class="tp-caption tp-resizeme blurslider-gradient rs-parallaxlevel-14"
|
||||
id="slide-896-layer-2"
|
||||
data-x="['center','center','center','center']" data-hoffset="['1','1','1','1']"
|
||||
data-y="['middle','middle','middle','middle']" data-voffset="['-229','-229','-189','-149']"
|
||||
data-fontsize="['150','150','150','80']"
|
||||
data-lineheight="['120','120','120','60']"
|
||||
data-letterspacing="['-10','-10','-10','-5']"
|
||||
data-width="none"
|
||||
data-height="none"
|
||||
data-whitespace="nowrap"
|
||||
|
||||
data-type="text"
|
||||
data-responsive_offset="on"
|
||||
|
||||
data-frames='[{"delay":50,"speed":3000,"frame":"0","from":"y:50px;sX:0.3;sY:0.3;opacity:0;fb:20px;","to":"o:1;fb:0;","ease":"Power4.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
|
||||
data-textAlign="['center','center','center','center']"
|
||||
data-paddingtop="[20,20,20,20]"
|
||||
data-paddingright="[10,10,10,10]"
|
||||
data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[10,10,10,10]"
|
||||
|
||||
style="z-index: 5; white-space: nowrap; font-size: 150px; line-height: 120px; font-weight: 700; color: #ffffff; letter-spacing: -10px;font-family:Poppins;">JUST DO<br/>MORE. </div>
|
||||
|
||||
<!-- LAYER NR. 2 -->
|
||||
<div class="tp-caption tp-resizeme"
|
||||
id="slide-896-layer-1"
|
||||
data-x="['center','center','center','center']" data-hoffset="['-50','-50','-50','-50']"
|
||||
data-y="['middle','middle','middle','middle']" data-voffset="['130','130','130','80']"
|
||||
data-width="none"
|
||||
data-height="none"
|
||||
data-whitespace="nowrap"
|
||||
|
||||
data-type="image"
|
||||
data-responsive_offset="on"
|
||||
|
||||
data-frames='[{"delay":50,"speed":3000,"frame":"0","from":"sX:0.7;sY:0.7;opacity:0;fb:10px;","to":"o:1;fb:0;","ease":"Power4.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
|
||||
data-textAlign="['inherit','inherit','inherit','inherit']"
|
||||
data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
|
||||
style="z-index: 6;"><img src="../assets/images/mountainpng-1.png" alt="" data-ww="['1050px','1050px','861','689px']" data-hh="['610px','610px','500px','400px']" width="1050" height="610" data-no-retina> </div>
|
||||
|
||||
<!-- LAYER NR. 3 -->
|
||||
<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme"
|
||||
id="slide-896-layer-10"
|
||||
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
|
||||
data-y="['bottom','bottom','bottom','bottom']" data-voffset="['0','0','0','0']"
|
||||
data-width="full"
|
||||
data-height="200"
|
||||
data-whitespace="nowrap"
|
||||
|
||||
data-type="shape"
|
||||
data-basealign="slide"
|
||||
data-responsive_offset="on"
|
||||
|
||||
data-frames='[{"delay":50,"speed":1000,"frame":"0","from":"y:50px;opacity:0;","to":"o:1;","ease":"Power4.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
|
||||
data-textAlign="['inherit','inherit','inherit','inherit']"
|
||||
data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
|
||||
style="z-index: 7;background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);"> </div>
|
||||
|
||||
<!-- LAYER NR. 4 -->
|
||||
<div class="tp-caption tp-resizeme"
|
||||
id="slide-896-layer-4"
|
||||
data-x="['left','left','left','left']" data-hoffset="['100','100','100','100']"
|
||||
data-y="['bottom','bottom','bottom','bottom']" data-voffset="['10','10','10','10']"
|
||||
data-width="none"
|
||||
data-height="none"
|
||||
data-whitespace="nowrap"
|
||||
|
||||
data-type="image"
|
||||
data-basealign="slide"
|
||||
data-responsive_offset="on"
|
||||
|
||||
data-frames='[{"delay":300,"speed":2000,"frame":"0","from":"y:100px;sX:1.1;sY:1.1;opacity:0;fb:10px;","to":"o:1;rY:180;fb:0;","ease":"Power4.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
|
||||
data-textAlign="['inherit','inherit','inherit','inherit']"
|
||||
data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
|
||||
style="z-index: 8;">
|
||||
<div class="rs-looped rs-slideloop" data-easing="Linear.easeNone" data-speed="40" data-xs="0" data-xe="500" data-ys="0" data-ye="0"><img src="../assets/images/cloud1.png" alt="" data-ww="['500px','500px','500px','500px']" data-hh="['273px','273px','273px','273px']" width="500" height="273" data-no-retina> </div></div>
|
||||
|
||||
<!-- LAYER NR. 5 -->
|
||||
<div class="tp-caption tp-resizeme"
|
||||
id="slide-896-layer-5"
|
||||
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-type="image"
|
||||
data-basealign="slide"
|
||||
data-responsive_offset="on"
|
||||
|
||||
data-frames='[{"delay":300,"speed":2000,"frame":"0","from":"sX:1.1;sY:1.1;opacity:0;fb:10px;","to":"o:1;fb:0;","ease":"Power4.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
|
||||
data-textAlign="['inherit','inherit','inherit','inherit']"
|
||||
data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
|
||||
style="z-index: 9;">
|
||||
<div class="rs-looped rs-slideloop" data-easing="Linear.easeNone" data-speed="100" data-xs="0" data-xe="500" data-ys="0" data-ye="0"><img src="../assets/images/cloud2.png" alt="" data-ww="['500px','500px','500px','500px']" data-hh="['273px','273px','273px','273px']" width="600" height="278" data-no-retina> </div></div>
|
||||
|
||||
<!-- LAYER NR. 6 -->
|
||||
<div class="tp-caption tp-resizeme"
|
||||
id="slide-896-layer-6"
|
||||
data-x="['right','right','right','right']" data-hoffset="['150','150','150','150']"
|
||||
data-y="['bottom','bottom','bottom','bottom']" data-voffset="['10','10','10','10']"
|
||||
data-width="none"
|
||||
data-height="none"
|
||||
data-whitespace="nowrap"
|
||||
|
||||
data-type="image"
|
||||
data-basealign="slide"
|
||||
data-responsive_offset="on"
|
||||
|
||||
data-frames='[{"delay":300,"speed":2000,"frame":"0","from":"sX:1.1;sY:1.1;opacity:0;fb:10px;","to":"o:1;fb:0;","ease":"Power4.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
|
||||
data-textAlign="['inherit','inherit','inherit','inherit']"
|
||||
data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
|
||||
style="z-index: 10;">
|
||||
<div class="rs-looped rs-slideloop" data-easing="Linear.easeNone" data-speed="120" data-xs="0" data-xe="500" data-ys="0" data-ye="0"><img src="../assets/images/cloud3.png" alt="" data-ww="['500px','500px','500px','500px']" data-hh="['273px','273px','273px','273px']" width="738" height="445" data-no-retina> </div></div>
|
||||
|
||||
<!-- LAYER NR. 7 -->
|
||||
<div class="tp-caption tp-resizeme"
|
||||
id="slide-896-layer-11"
|
||||
data-x="['left','left','left','left']" data-hoffset="['-200','-200','-200','-200']"
|
||||
data-y="['bottom','bottom','bottom','bottom']" data-voffset="['10','10','10','10']"
|
||||
data-width="none"
|
||||
data-height="none"
|
||||
data-whitespace="nowrap"
|
||||
|
||||
data-type="image"
|
||||
data-basealign="slide"
|
||||
data-responsive_offset="on"
|
||||
|
||||
data-frames='[{"delay":300,"speed":2000,"frame":"0","from":"sX:1.1;sY:1.1;opacity:0;fb:10px;","to":"o:1;fb:0;","ease":"Power4.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
|
||||
data-textAlign="['inherit','inherit','inherit','inherit']"
|
||||
data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
|
||||
style="z-index: 11;">
|
||||
<div class="rs-looped rs-slideloop" data-easing="Linear.easeNone" data-speed="80" data-xs="0" data-xe="500" data-ys="0" data-ye="0"><img src="../assets/images/cloud3.png" alt="" data-ww="['500px','500px','500px','500px']" data-hh="['273px','273px','273px','273px']" width="738" height="445" data-no-retina> </div></div>
|
||||
|
||||
<!-- LAYER NR. 8 -->
|
||||
<div class="tp-caption tp-resizeme"
|
||||
id="slide-896-layer-12"
|
||||
data-x="['right','right','right','right']" data-hoffset="['-200','-200','-200','-200']"
|
||||
data-y="['bottom','bottom','bottom','bottom']" data-voffset="['10','10','10','10']"
|
||||
data-width="none"
|
||||
data-height="none"
|
||||
data-whitespace="nowrap"
|
||||
|
||||
data-type="image"
|
||||
data-basealign="slide"
|
||||
data-responsive_offset="on"
|
||||
|
||||
data-frames='[{"delay":300,"speed":2000,"frame":"0","from":"y:100px;sX:1.1;sY:1.1;opacity:0;fb:10px;","to":"o:1;fb:0;","ease":"Power4.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
|
||||
data-textAlign="['inherit','inherit','inherit','inherit']"
|
||||
data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
|
||||
style="z-index: 12;">
|
||||
<div class="rs-looped rs-slideloop" data-easing="Linear.easeNone" data-speed="200" data-xs="0" data-xe="500" data-ys="0" data-ye="0"><img src="../assets/images/cloud1.png" alt="" data-ww="['500px','500px','500px','500px']" data-hh="['273px','273px','273px','273px']" width="500" height="273" data-no-retina> </div></div>
|
||||
|
||||
<!-- LAYER NR. 9 -->
|
||||
<div class="tp-caption rev-btn "
|
||||
id="slide-896-layer-3"
|
||||
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
|
||||
data-y="['bottom','bottom','bottom','bottom']" data-voffset="['100','100','100','150']"
|
||||
data-width="none"
|
||||
data-height="none"
|
||||
data-whitespace="nowrap"
|
||||
|
||||
data-type="button"
|
||||
data-actions='[{"event":"click","action":"scrollbelow","offset":"px","delay":"","speed":"1500","ease":"Power1.easeInOut"}]'
|
||||
data-responsive_offset="on"
|
||||
data-responsive="off"
|
||||
data-frames='[{"delay":500,"speed":1000,"frame":"0","from":"y:50px;sX:1;sY:1;opacity:0;fb:20px;","to":"o:1;fb:0;","ease":"Power4.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"200","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;fb:0;","style":"c:rgba(255,255,255,1);bg:linear-gradient(90deg, rgba(243,130,60,1) 0%, rgba(255,85,124,1) 100%);bs:solid;bw:0 0 0 0;"}]'
|
||||
data-textAlign="['inherit','inherit','inherit','inherit']"
|
||||
data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[30,30,30,30]"
|
||||
data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[30,30,30,30]"
|
||||
|
||||
style="z-index: 13; white-space: nowrap; font-size: 15px; line-height: 60px; font-weight: 700; color: rgba(255,255,255,1); letter-spacing: px;font-family:Poppins;background:linear-gradient(90deg, rgba(255,85,124,1) 0%, rgba(243,130,60,1) 100%);border-color:rgba(0,0,0,1);-webkit-box-shadow:0px 10px 20px 0px rgba(0,0,0,0.35);-moz-box-shadow:0px 10px 20px 0px rgba(0,0,0,0.35);box-shadow:0px 10px 20px 0px rgba(0,0,0,0.35);cursor:pointer;">GET STARTED </div>
|
||||
|
||||
<!-- LAYER NR. 10 -->
|
||||
<div class="tp-caption tp-resizeme"
|
||||
id="slide-896-layer-8"
|
||||
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
|
||||
data-y="['bottom','bottom','bottom','bottom']" data-voffset="['50','30','30','30']"
|
||||
data-width="['none','640','480','360']"
|
||||
data-height="none"
|
||||
data-whitespace="['nowrap','normal','normal','normal']"
|
||||
|
||||
data-type="text"
|
||||
data-responsive_offset="on"
|
||||
|
||||
data-frames='[{"delay":600,"speed":1000,"frame":"0","from":"y:50px;rX:90deg;opacity:0;fb:10px;","to":"o:1;fb:0;","ease":"Power4.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
|
||||
data-textAlign="['center','center','center','center']"
|
||||
data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[10,10,10,10]"
|
||||
data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[20,20,20,20]"
|
||||
|
||||
style="z-index: 14; white-space: nowrap; font-size: 15px; line-height: 20px; font-weight: 600; color: #888888; letter-spacing: 10px;font-family:poppins;text-transform:uppercase;">Select from 200+ Premade templates </div>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div> </div>
|
||||
</div>
|
||||
|
||||
</article>
|
||||
</section>
|
||||
<!-- SLIDER REVOLUTION END -->
|
||||
</div>
|
||||
</header>
|
||||
<!-- HEADER END -->
|
||||
|
||||
<section>
|
||||
<div class="container mt-5 mb-5">
|
||||
<div class="row">
|
||||
<div class="col-lg-4">
|
||||
<div class="slider-feature-info">
|
||||
<h5 class="overtitle">Mountain Parallax</h5>
|
||||
<h2>SLIDER REVOLUTION</h2>
|
||||
<p>Including the powerful and stunning Slider Revolution is an innovative, responsive jQuery Slider Plugin that displays your content the beautiful way.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-8 spacing-md">
|
||||
<div class="row">
|
||||
<div class="col-md-6 top-col">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/levels.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">SLIDERS DIVERSITY</h5>
|
||||
<p>With more than 100 templates, it allows you to create almost any type of web pages.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 top-col">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/document.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">DOCUMENTATION</h5>
|
||||
<p>Complete and clear documentation for an easy and fast installation..</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 bottom-col-resp">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/device.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">RESPONSIVE DESIGN</h5>
|
||||
<p>Slider Revolution adapts to any device for a better visual experience..</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/support.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">PREMIUM SUPPORT</h5>
|
||||
<p>If you have any problems in the installation process, we are here to help you.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="rs-line">
|
||||
</div>
|
||||
|
||||
<div class="container rs-call-to-action mt-5 mb-5">
|
||||
<div class="row">
|
||||
<div class="col-lg-8">
|
||||
<div class="ca-left-side">
|
||||
<h3>Premium Multi-Purpose HTML5 Template</h3>
|
||||
<p>Let's develop your project with this impressive and powerful template that helps you
|
||||
create beautiful web pages. An original solution for any business..</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12 col-lg-4">
|
||||
<div class="ca-right-side flex-parent jc-center">
|
||||
<a class="tp-btn-primary" href="https://themeforest.net/item/merit-premium-multipurpose-html5-template/21866679" target="_blank">Purchase now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- FOOTER START -->
|
||||
<footer>
|
||||
<div class="container mt-5">
|
||||
<div class="top-footer">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 col-xl-7">
|
||||
<h3>Creative and affordable website solution</h3>
|
||||
<p>Build modern websites with this powefull Multi-Purpose Template.</p>
|
||||
</div>
|
||||
<div class="col-lg-12 col-xl-5">
|
||||
<div class="footer-btn">
|
||||
<a class="tp-btn-primary" href="https://themeforest.net/item/merit-premium-multipurpose-html5-template/21866679" target="_blank" role="button">Purchase now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="footer-line">
|
||||
<div class="center-footer">
|
||||
<div class="row">
|
||||
<div class="col-lg-5">
|
||||
<div class="footer-col footer-left-col">
|
||||
<figure class="site-footer-logo">
|
||||
<img src="../images/logos/logo.png" alt="">
|
||||
</figure>
|
||||
<p>Let's develop your project with this impressive and powerful template that helps you
|
||||
create beautiful web pages. An original solution for any business.</p>
|
||||
<ul class="footer-social">
|
||||
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-dribbble"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2">
|
||||
<div class="footer-col">
|
||||
<h5>Quick Links</h5>
|
||||
<ul class="quick-links">
|
||||
<li><a href="../index.html">Home</a></li>
|
||||
<li><a href="../services-style-1.html">Services</a></li>
|
||||
<li><a href="../blog-full-width.html">Blogs</a></li>
|
||||
<li><a href="../contact-style-1.html">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2">
|
||||
<div class="footer-col">
|
||||
<h5>About</h5>
|
||||
<ul class="quick-links">
|
||||
<li><a href="../profile-style-1.html">Profile</a></li>
|
||||
<li><a href="../team-style-1.html">Team</a></li>
|
||||
<li><a href="../careers-style-1.html">Careers</a></li>
|
||||
<li><a href="../faq.html">FAQ</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3">
|
||||
<div class="footer-col">
|
||||
<h5>Get in Touch</h5>
|
||||
<ul class="footer-contact">
|
||||
<li class="phone"><a href="tel:123-456-7890">+ 123-456-7890</a></li>
|
||||
<li class="email"><a href="mailto:info@merit.com">info@merit.com</a></li>
|
||||
<li>
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="fas fa-map-pin"></i>
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<p>7391 North Bay Meadows Circle New York, NY 10040.</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="footer-line">
|
||||
<div class="bottom-footer">
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<div class="footer-copyright">
|
||||
<p>© 2022 <a href="https://themeforest.net/item/merit-premium-multipurpose-html5-template/21866679" target="_blank">Merit Premium Template</a> all rights reserved.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<ul class="footer-terms">
|
||||
<li><a href="../terms.html">Terms</a></li>
|
||||
<li><a href="../privacy.html">Privacy</a></li>
|
||||
<li><a href="../contact-style-4.html">Support</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!-- FOOTER END -->
|
||||
|
||||
<!-- SCROLL TOP -->
|
||||
<a href="#0" class="cd-top">Top</a>
|
||||
|
||||
<!-- TEMPLATE MAIN JAVASCRIPT FILES -->
|
||||
<script src="../js/lib/jquery-3.6.0.min.js"></script>
|
||||
<script src="../js/lib/bootstrap.min.js"></script>
|
||||
<script src="../js/lib/plugins.js"></script>
|
||||
<script src="../js/lib/megamenu.js"></script>
|
||||
<script src="../js/lib/navigation.js"></script>
|
||||
<script src="../js/lib/navigation.fixed.min.js"></script>
|
||||
<script src="../js/main.js"></script>
|
||||
|
||||
<!-- REVOLUTION JS FILES -->
|
||||
<script src="../revolution/js/jquery.themepunch.tools.min.js"></script>
|
||||
<script src="../revolution/js/jquery.themepunch.revolution.min.js"></script>
|
||||
|
||||
<!-- SLIDER REVOLUTION 5.0 EXTENSIONS (Load Extensions only on Local File Systems ! The following part can be removed on Server for On Demand Loading) -->
|
||||
<script src="../revolution/js/extensions/revolution.extension.actions.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.carousel.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.migration.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.navigation.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.parallax.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.video.min.js"></script>
|
||||
|
||||
<!-- REQUIRE JS FOR SLIDER REVOLUTION -->
|
||||
<script>
|
||||
var revapi314,
|
||||
tpj = jQuery;
|
||||
|
||||
tpj(document).ready(function () {
|
||||
if (tpj("#rev_slider_314_1").revolution == undefined) {
|
||||
revslider_showDoubleJqueryError("#rev_slider_314_1");
|
||||
} else {
|
||||
revapi314 = tpj("#rev_slider_314_1").show().revolution({
|
||||
sliderType: "hero",
|
||||
jsFileLocation: "//server.local/revslider/wp-content/plugins/revslider/public/assets/js/",
|
||||
sliderLayout: "fullscreen",
|
||||
dottedOverlay: "none",
|
||||
delay: 9000,
|
||||
responsiveLevels: [1240, 1024, 778, 480],
|
||||
visibilityLevels: [1240, 1024, 778, 480],
|
||||
gridwidth: [1240, 1024, 778, 480],
|
||||
gridheight: [868, 768, 960, 720],
|
||||
lazyType: "none",
|
||||
parallax: {
|
||||
type: "scroll",
|
||||
origo: "slidercenter",
|
||||
speed: 400,
|
||||
levels: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 15, 48, 49, 50, 51, 55],
|
||||
},
|
||||
shadow: 0,
|
||||
spinner: "spinner3",
|
||||
autoHeight: "off",
|
||||
fullScreenAutoWidth: "off",
|
||||
fullScreenAlignForce: "off",
|
||||
fullScreenOffsetContainer: "",
|
||||
fullScreenOffset: "60px",
|
||||
disableProgressBar: "on",
|
||||
hideThumbsOnMobile: "off",
|
||||
hideSliderAtLimit: 0,
|
||||
hideCaptionAtLimit: 0,
|
||||
hideAllCaptionAtLilmit: 0,
|
||||
debugMode: false,
|
||||
fallbacks: {
|
||||
simplifyAll: "off",
|
||||
disableFocusListener: false,
|
||||
}
|
||||
});
|
||||
}
|
||||
try {
|
||||
initSocialSharing("314")
|
||||
} catch (e) {}
|
||||
}); /*ready*/
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
|
||||
<!-- Mirrored from quickdevs.com/demo/merit/rev-sliders/mountain-parallax.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 29 Mar 2023 10:43:36 GMT -->
|
||||
</html>
|
||||
1461
public/sunsarioverseas/rev-sliders/over-expousure.html
Normal file
1461
public/sunsarioverseas/rev-sliders/over-expousure.html
Normal file
File diff suppressed because it is too large
Load Diff
872
public/sunsarioverseas/rev-sliders/panorama.html
Normal file
872
public/sunsarioverseas/rev-sliders/panorama.html
Normal file
@ -0,0 +1,872 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US" class="no-js">
|
||||
|
||||
|
||||
<!-- Mirrored from quickdevs.com/demo/merit/rev-sliders/panorama.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 29 Mar 2023 10:43:37 GMT -->
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
|
||||
<!-- TITLE -->
|
||||
<title>Panorama - Merit Premium Multi-Purpose HTML5 Template</title>
|
||||
|
||||
<!-- META TAGS -->
|
||||
<meta name="keywords" content="premium multi-Purpose, html template, multipurpose template, bootstrap template, niches, clean, modern, multipurpose, responsive">
|
||||
<meta name="description" content="Merit is a modern Multi-Purpose HTML Template any bussines.">
|
||||
|
||||
<!-- FAVICON -->
|
||||
<link rel="shortcut icon" href="../images/icons/favicon.png">
|
||||
|
||||
<!-- REVOLUTION ADDONS -->
|
||||
<link href="http://fonts.googleapis.com/css?family=Roboto%3A700%2C300" rel="stylesheet" property="stylesheet" type="text/css" media="all" />
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/fonts/pe-icon-7-stroke/css/pe-icon-7-stroke.css">
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/fonts/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!-- REVOLUTION STYLE SHEETS -->
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/css/settings.css">
|
||||
|
||||
<!-- REVOLUTION LAYERS STYLES -->
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/css/layers.css">
|
||||
|
||||
<!-- REVOLUTION NAVIGATION STYLES -->
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/css/navigation.css">
|
||||
|
||||
<!-- MAIN CSS STYLE SHEET -->
|
||||
<link rel="stylesheet" href="../css/main.css">
|
||||
<link rel="stylesheet" href="../css/stylesheet.css">
|
||||
<link rel="stylesheet" href="../css/responsive.css">
|
||||
|
||||
<!-- REVOLUTION CUSTOM CSS -->
|
||||
<link rel="stylesheet" href="../css/slider-revolution.css">
|
||||
|
||||
<!-- MODERNIZR LIBRARY -->
|
||||
<script src="../js/modernizr-custom.js"></script>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- PRELOADER START -->
|
||||
<div id="loader-wrapper">
|
||||
<div class="loader">
|
||||
<span class="loader-26"></span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- PRELOADER END -->
|
||||
|
||||
<!-- HEADER START -->
|
||||
<header>
|
||||
<!-- TOP HEADER START -->
|
||||
<div class="top-header">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<ul class="top-contact text-left">
|
||||
<li class="phone"><span class="tel-no"><a href="tel:123-456-7890"> +123-456-7890</a></span>
|
||||
</li>
|
||||
<li class="email"><a href="mailto:info@merit.com">info@merit.com</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-6 text-right">
|
||||
<div class="top-social">
|
||||
<ul class="social-list">
|
||||
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-dribbble"></i></a></li>
|
||||
<li>
|
||||
<!-- Button trigger modal -->
|
||||
<div class="center-element">
|
||||
<button type="button" class="btn btn-default" data-toggle="modal" data-target="#exampleModal2">Login</button>
|
||||
</div>
|
||||
|
||||
<!-- Modal -->
|
||||
<div class="modal fade custom-modal" id="exampleModal2" tabindex="-1" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content login-modal">
|
||||
<button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button>
|
||||
<div class="modal-body">
|
||||
<figure class="login-avatar">
|
||||
<img src="../images/icons/user-login-2.png" alt="">
|
||||
</figure>
|
||||
<h4>Merit</h4>
|
||||
<p>Welcome Back!</p>
|
||||
<div class="google-btn">
|
||||
<button type="submit" class="tp-btn-primary">
|
||||
<img class="tp-goole-icon" src="../images/icons/google-icon.png" alt="">
|
||||
Sign in with Google
|
||||
</button>
|
||||
</div>
|
||||
<p>Or</p>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<form>
|
||||
<div class="form-group">
|
||||
<input type="email" class="form-control login-fc" placeholder="Email or Username">
|
||||
</div>
|
||||
<div class="form-group mt-3">
|
||||
<input type="password" class="form-control login-fc" placeholder="Password">
|
||||
</div>
|
||||
<div class="login-options d-flex justify-content-between mt-3">
|
||||
<div class="have-account">
|
||||
<p><a href="#">Dont have an account?</a></p>
|
||||
</div>
|
||||
<div class="forgot-password">
|
||||
<p><a href="#">Forgot password?</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="login-btn">
|
||||
<button type="submit" class="tp-btn-primary">Login</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="top-line">
|
||||
</div>
|
||||
</div>
|
||||
<!-- TOP HEADER END -->
|
||||
|
||||
<!-- MEGAMENU START -->
|
||||
<div class="main-nav">
|
||||
<div class="container">
|
||||
<nav id="navigation1" class="navigation">
|
||||
<div class="nav-header">
|
||||
<a class="nav-logo" href="../index.html">
|
||||
<img src="../images/logos/logo.png" class="white-logo" alt="">
|
||||
<img src="../images/logos/logo-black.png" class="dark-logo" alt="">
|
||||
</a>
|
||||
<div class="nav-toggle"></div>
|
||||
</div>
|
||||
<div class="nav-menus-wrapper">
|
||||
<ul class="nav-menu align-to-right">
|
||||
<li><a href="#">HOME</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../1-agency.html">Agency</a></li>
|
||||
<li><a href="../2-beauty.html">Beauty</a></li>
|
||||
<li><a href="../3-construction.html">Construction</a></li>
|
||||
<li><a href="../4-corporate.html">Corporate</a></li>
|
||||
<li><a href="../5-courier.html">Courier</a></li>
|
||||
<li><a href="../6-dealer.html">Dealer</a></li>
|
||||
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../7-dental.html">Dental</a></li>
|
||||
<li><a href="../8-education.html">Education</a></li>
|
||||
<li><a href="../9-gym.html">Gym</a></li>
|
||||
<li><a href="../10-hotel.html">Hotel</a></li>
|
||||
<li><a href="../11-medical.html">Medical</a></li>
|
||||
<li><a href="../12-restaurant.html">Restaurant</a></li>
|
||||
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../13-charity.html">Charity</a></li>
|
||||
<li><a href="../14-cleaning.html">Cleaning</a></li>
|
||||
<li><a href="../15-finance.html">Finance</a></li>
|
||||
<li><a href="../16-industrial.html">Industrial</a></li>
|
||||
<li><a href="../17-hosting.html">Hosting</a></li>
|
||||
<li><a href="../18-portfolio.html">Portfolio</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../19-organic.html">Organic</a></li>
|
||||
<li><a href="../20-farm.html">Farm</a></li>
|
||||
<li><a href="../21-yoga.html">Yoga</a></li>
|
||||
<li><a href="../22-travel.html">Travel</a></li>
|
||||
<li><a href="../23-lawyer.html">Lawyer</a></li>
|
||||
<li><a href="../24-fitness.html">Fitness</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">PAGES</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../about-style-1.html">About Us</a></li>
|
||||
<li><a href="../about-style-2.html">About Me</a></li>
|
||||
<li><a href="../about-style-3.html">About Us - ALT 2</a></li>
|
||||
<li><a href="../about-style-4.html">About Us - ALT 3</a></li>
|
||||
<li><a href="../careers-style-1.html">Careers</a></li>
|
||||
<li><a href="../careers-style-2.html">Careers - ALT 2</a></li>
|
||||
<li><a href="../careers-style-3.html">Careers - ALT 3</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../services-style-1.html">Services</a></li>
|
||||
<li><a href="../services-style-2.html">Services - ALT 2</a></li>
|
||||
<li><a href="../services-style-3.html">Services - ALT 3</a></li>
|
||||
<li><a href="../services-style-4.html">Services - ALT 4</a></li>
|
||||
<li><a href="../profile-style-1.html">Profile</a></li>
|
||||
<li><a href="../profile-style-2.html">Profile - ALT 2</a></li>
|
||||
<li><a href="../profile-style-3.html">Profile - ALT 3</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../contact-style-1.html">Contact Us </a></li>
|
||||
<li><a href="../contact-style-2.html">Contact Us - ALT 2</a></li>
|
||||
<li><a href="../contact-style-3.html">Contact Us - ALT 3</a></li>
|
||||
<li><a href="../contact-style-4.html">Contact Us - ALT 4</a></li>
|
||||
<li><a href="../team-style-1.html">Our Team</a></li>
|
||||
<li><a href="../team-style-2.html">Our Team - ALT 2</a></li>
|
||||
<li><a href="../team-style-3.html">Our Team - ALT 3</a></li>
|
||||
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../coming-soon-style-1.html">Coming Soon</a></li>
|
||||
<li><a href="../coming-soon-style-2.html">Coming Soon - ALT 2</a></li>
|
||||
<li><a href="../404-error-style-1.html">404 Page</a></li>
|
||||
<li><a href="../404-error-style-2.html">404 Page - ALT 2</a></li>
|
||||
<li><a href="../login-register-style-1.html">Login / Register</a></li>
|
||||
<li><a href="../faq.html">Faq</a></li>
|
||||
<li><a href="../faq-alt.html">Faq - ALT</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">ELEMENTS</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 1</a></li>
|
||||
<li><a href="../elements/accordions.html"><i class="fas fa-plus-square"></i> Accordions</a></li>
|
||||
<li><a href="../elements/alerts.html"><i class="fas fa-exclamation-circle"></i> Alerts</a></li>
|
||||
<li><a href="../elements/animations.html"><i class="fas fa-exchange-alt"></i> Animations</a></li>
|
||||
<li><a href="../elements/blockquotes.html"><i class="fas fa-quote-left"></i> Blockquotes</a></li>
|
||||
<li><a href="../elements/breadcrumbs.html"><i class="fas fa-share"></i> Breadcrumbs</a></li>
|
||||
<li><a href="../elements/buttons.html"><i class="fas fa-square"></i> Buttons</a></li>
|
||||
<li><a href="../elements/call-to-action.html"><i class="fas fa-bullhorn"></i> Call to Action</a></li>
|
||||
<li><a href="../elements/charts.html"><i class="fas fa-circle-notch"></i> Charts</a></li>
|
||||
<li><a href="../elements/content-boxes.html"><i class="fas fa-th-large"></i> Content Boxes</a></li>
|
||||
<li><a href="../elements/counters.html"><i class="fas fa-bullseye"></i> Counters</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 2</a></li>
|
||||
<li><a href="../elements/customers.html"><i class="fas fa-user-circle"></i> Customer</a></li>
|
||||
<li><a href="../elements/dropcaps.html"><i class="fas fa-font"></i> Dropcaps</a></li>
|
||||
<li><a href="../elements/flip-boxes.html"><i class="fas fa-sync-alt"></i> Flip Box</a></li>
|
||||
<li><a href="../elements/google-maps.html"><i class="fas fa-map"></i> Google Maps</a></li>
|
||||
<li><a href="../elements/grid-boxes.html"><i class="fas fa-th"></i> Grid Boxes</a></li>
|
||||
<li><a href="../elements/icon-boxes.html"><i class="fas fa-th-large"></i> Icon Boxes</a></li>
|
||||
<li><a href="../elements/icon-circle.html"><i class="far fa-circle"></i> Icon Circle</a></li>
|
||||
<li><a href="../elements/image-gallery.html"><i class="fas fa-expand"></i> Image Gallery</a></li>
|
||||
<li><a href="../elements/images.html"><i class="far fa-image"></i> Images</a></li>
|
||||
<li><a href="../elements/image-hover.html"><i class="fas fa-object-ungroup" aria-hidden="true"></i> Image Hover</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 3</a></li>
|
||||
<li><a href="../elements/lightbox.html"><i class="fas fa-lightbulb"></i> LightBox</a></li>
|
||||
<li><a href="../elements/modal-popup.html"><i class="fas fa-search-plus"></i> Modal Popup</a></li>
|
||||
<li><a href="../elements/pagination.html"><i class="fas fa-angle-double-right"></i> Pagination</a></li>
|
||||
<li><a href="../elements/parallax.html"><i class="fas fa-random"></i> Parallax</a></li>
|
||||
<li><a href="../elements/pricing-table.html"><i class="fas fa-table"></i> Pricing Tables</a></li>
|
||||
<li><a href="../elements/process-steps.html"><i class="fas fa-arrow-right"></i> Process Steps</a></li>
|
||||
<li><a href="../elements/profile-cards.html"><i class="fas fa-address-card"></i> Profile Cards</a></li>
|
||||
<li><a href="../elements/progress-bar.html"><i class="fas fa-tasks"></i> Progress Bar</a></li>
|
||||
<li><a href="../elements/recent-posts.html"><i class="fas fa-newspaper"></i> Recent Posts</a></li>
|
||||
<li><a href="../elements/section-styles.html"><i class="fas fa-outdent"></i> Section Styles</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 4</a></li>
|
||||
<li><a href="../elements/separators.html"><i class="fas fa-minus"></i> Separators</a></li>
|
||||
<li><a href="../elements/shop-banners.html"><i class="fas fa-language"></i> Shop Banners</a></li>
|
||||
<li><a href="../elements/social-icons.html"><i class="fab fa-twitter"></i> Social Icons</a></li>
|
||||
<li><a href="../elements/tables.html"><i class="fas fa-table"></i> Tables</a></li>
|
||||
<li><a href="../elements/tabs.html"><i class="fas fa-window-maximize"></i> Tabs</a></li>
|
||||
<li><a href="../elements/team.html"><i class="fas fa-users"></i> Team</a></li>
|
||||
<li><a href="../elements/testimonials.html"><i class="fas fa-edit"></i> Testimonials</a></li>
|
||||
<li><a href="../elements/timeline.html"><i class="fas fa-arrow-down"></i> Timeline</a></li>
|
||||
<li><a href="../elements/videos.html"><i class="fas fa-video"></i> Videos & Audio</a></li>
|
||||
<li><a href="../elements/video-background.html"><i class="fas fa-photo-video"></i> Video Background</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">SLIDERS</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 1</a></li>
|
||||
<li><a href="3d-parallax-scenes.html">3D Parallax Scenes</a></li>
|
||||
<li><a href="404-error.html">404 Error</a></li>
|
||||
<li><a href="agency-slider.html">Agency Slider</a></li>
|
||||
<li><a href="blend-mode.html">Blend Mode</a></li>
|
||||
<li><a href="blur-effect.html">Blur Effect</a></li>
|
||||
<li><a href="car-dealer.html">Car Dealer</a></li>
|
||||
<li><a href="carousel-gallery.html">Carousel Gallery</a></li>
|
||||
<li><a href="classic-carousel.html">Classic Carousel</a></li>
|
||||
<li><a href="coming-soon.html">Coming soon</a></li>
|
||||
<li><a href="concept-slider.html">Concept Slider</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 2</a></li>
|
||||
<li><a href="double-exposure-effect.html">Double Exposure Effect</a></li>
|
||||
<li><a href="exploration-header.html">Exploration Header</a></li>
|
||||
<li><a href="film-strip.html">Film Strip Effect</a></li>
|
||||
<li><a href="fine-dining.html">Fine Dining</a></li>
|
||||
<li><a href="gravity-design.html">Gravity Design</a></li>
|
||||
<li><a href="happy-hollidays.html">Happy Hollidays</a></li>
|
||||
<li><a href="hero-sports.html">Hero Sports</a></li>
|
||||
<li><a href="inspiration-header.html">Inspiration Header</a></li>
|
||||
<li><a href="levano-slider.html">Levano Slider</a></li>
|
||||
<li><a href="magazine-posts.html">Magazine Posts</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 3</a></li>
|
||||
<li><a href="mask-showcase.html">Mask Showcase</a></li>
|
||||
<li><a href="mountain-parallax.html">Mountain Parallax</a></li>
|
||||
<li><a href="over-expousure.html">Over Exposure</a></li>
|
||||
<li><a href="panorama.html">Panorama</a></li>
|
||||
<li><a href="parallax-joy.html">Parallax Joy</a></li>
|
||||
<li><a href="parallax-zoom.html">Parallax Zoom</a></li>
|
||||
<li><a href="particle-effect-one.html">Particle Effect one</a></li>
|
||||
<li><a href="particle-effect-two.html">Particle Effect Two</a></li>
|
||||
<li><a href="particle-effect-three.html">Particle Effect Three</a></li>
|
||||
<li><a href="style-intro.html">Style Intro</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 4</a></li>
|
||||
<li><a href="reveal.html">Reveal</a></li>
|
||||
<li><a href="rock-band.html">Rock Band</a></li>
|
||||
<li><a href="scroll-effects.html">Scroll Effect</a></li>
|
||||
<li><a href="slider-gym.html">Slider Gym</a></li>
|
||||
<li><a href="slider-news.html">Slider News</a></li>
|
||||
<li><a href="sliding-overlays.html">Sliding Overlays</a></li>
|
||||
<li><a href="web-agency.html">Web Agency</a></li>
|
||||
<li><a href="web-product.html">Web Product</a></li>
|
||||
<li><a href="website-intro.html">Website Intro</a></li>
|
||||
<li><a href="youtube-hero.html">Youtube Hero</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">SHOP</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="#">CLASSIC</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../shop-full-width.html">Full width</a></li>
|
||||
<li><a href="../shop-left-sidebar.html">Left sidebar</a></li>
|
||||
<li><a href="../shop-right-sidebar.html">Right sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">PRODUCT DETAILS</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../product-full-width.html">Full width</a></li>
|
||||
<li><a href="../product-left-sidebar.html">Left sidebar</a></li>
|
||||
<li><a href="../product-right-sidebar.html">Right sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="../shopping-cart.html">SHOPING CART</a></li>
|
||||
<li><a href="../checkout.html">CHECKOUT</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">BLOG</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="#">CLASSIC</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../blog-full-width.html">Full width</a></li>
|
||||
<li><a href="../blog-left-sidebar.html">Left sidebar</a></li>
|
||||
<li><a href="../blog-right-sidebar.html">Right sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">GRID</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../blog-grid-one-column.html">One column</a></li>
|
||||
<li><a href="../blog-grid-two-column.html">Two column</a></li>
|
||||
<li><a href="../blog-grid-three-column.html">Three column</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">MASONRY</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../masonry-two-columns.html">Two Columns</a></li>
|
||||
<li><a href="../masonry-three-columns.html">Three Columns</a></li>
|
||||
<li><a href="../masonry-four-columns.html">Four Columns</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">BLOG SINGLE</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../blog-single-full-width.html">Blog Single Full Width</a></li>
|
||||
<li><a href="../blog-single-left-sidebar.html">Blog Single Left Sidebar</a></li>
|
||||
<li><a href="../blog-single-right-sidebar.html">Blog Single Right Sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<!-- MEGAMENU END -->
|
||||
|
||||
<div class="home-slider">
|
||||
<!-- SLIDER REVOLUTION START -->
|
||||
<section class="example">
|
||||
<article class="content">
|
||||
<div id="rev_slider_1071_1_wrapper" class="rev_slider_wrapper fullscreen-container"
|
||||
data-alias="rotating-words130" data-source="gallery"
|
||||
style="background-color:#e5e5e5;padding:0px;">
|
||||
<!-- START REVOLUTION SLIDER 5.4.1 fullscreen mode -->
|
||||
<div id="rev_slider_1071_1" class="rev_slider fullscreenbanner" style="display:none;"
|
||||
data-version="5.4.1">
|
||||
<ul>
|
||||
<!-- SLIDE -->
|
||||
<li data-index="rs-3022" data-transition="fade" data-slotamount="default"
|
||||
data-hideafterloop="0" data-hideslideonmobile="off" data-easein="Power3.easeInOut"
|
||||
data-easeout="Power3.easeInOut" data-masterspeed="1500"
|
||||
data-thumb="../assets/images/office_cover-100x50.jpg" data-rotate="0"
|
||||
data-saveperformance="off" data-title="Intro" data-param1="" data-param2=""
|
||||
data-param3="" data-param4="" data-param5="" data-param6="" data-param7=""
|
||||
data-param8="" data-param9="" data-param10="" data-description="">
|
||||
<!-- MAIN IMAGE -->
|
||||
<img src="../assets/images/office_cover.jpg" alt="" data-bgposition="center center"
|
||||
data-bgfit="cover" data-bgparallax="10" class="rev-slidebg" data-no-retina>
|
||||
<!-- LAYERS -->
|
||||
|
||||
<!-- BACKGROUND VIDEO LAYER -->
|
||||
<div class="rs-background-video-layer" data-forcerewind="on" data-volume="mute"
|
||||
data-videowidth="100%" data-videoheight="100%"
|
||||
data-videomp4="../assets/videos/Working-Space.mp4" data-videopreload="auto"
|
||||
data-videoloop="loopandnoslidestop" data-forceCover="1" data-aspectratio="16:9"
|
||||
data-autoplay="true" data-autoplayonlyfirsttime="false"></div>
|
||||
<!-- LAYER NR. 1 -->
|
||||
<div class="tp-caption tp-shape tp-shapewrapper " id="slide-3022-layer-10"
|
||||
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
|
||||
data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
|
||||
data-width="full" data-height="full" data-whitespace="nowrap" data-type="shape"
|
||||
data-basealign="slide" data-responsive_offset="on" data-responsive="off"
|
||||
data-frames='[{"delay":0,"speed":1500,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","ease":"nothing"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 5;background-color:rgba(41, 46, 49, 0.25);border-color:rgba(0, 0, 0, 0.50);">
|
||||
</div>
|
||||
|
||||
<!-- LAYER NR. 2 -->
|
||||
<div class="tp-caption RotatingWords-TitleWhite tp-resizeme toblur"
|
||||
id="slide-3022-layer-1" data-x="['right','right','center','center']"
|
||||
data-hoffset="['690','580','0','0']"
|
||||
data-y="['middle','middle','middle','middle']"
|
||||
data-voffset="['0','0','-102','-102']" data-width="none" data-height="none"
|
||||
data-whitespace="nowrap" data-type="text" data-responsive_offset="on"
|
||||
data-frames='[{"delay":750,"speed":1500,"frame":"0","from":"x:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","ease":"nothing"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 6; white-space: nowrap;border-width:0px 0px 0px 0px;">WE LOVE
|
||||
</div>
|
||||
|
||||
<!-- LAYER NR. 3 -->
|
||||
<div class="tp-caption RotatingWords-TitleWhite tp-resizeme tounblur"
|
||||
id="slide-3022-layer-11" data-x="['left','left','center','center']"
|
||||
data-hoffset="['570','460','0','0']"
|
||||
data-y="['middle','middle','middle','middle']"
|
||||
data-voffset="['0','0','-42','-42']" data-width="none" data-height="none"
|
||||
data-whitespace="nowrap" data-type="text" data-responsive_offset="on"
|
||||
data-frames='[{"delay":1500,"split":"chars","splitdelay":0.1,"speed":500,"frame":"0","from":"sX:0.8;sY:0.8;opacity:0;","to":"o:1;","ease":"Power4.easeOut"},{"delay":"+1200","split":"chars","splitdelay":0.03,"speed":500,"frame":"999","to":"sX:0.9;sY:0.9;opacity:0;","ease":"Power3.easeIn"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 7; white-space: nowrap; color: rgba(255, 217, 53, 1.00);border-width:0px 0px 0px 0px;">
|
||||
WEB DESIGN </div>
|
||||
|
||||
<!-- LAYER NR. 4 -->
|
||||
<div class="tp-caption RotatingWords-TitleWhite tp-resizeme tounblur"
|
||||
id="slide-3022-layer-13" data-x="['left','left','center','center']"
|
||||
data-hoffset="['570','460','0','0']"
|
||||
data-y="['middle','middle','middle','middle']"
|
||||
data-voffset="['0','0','-42','-42']" data-width="none" data-height="none"
|
||||
data-whitespace="nowrap" data-type="text" data-responsive_offset="on"
|
||||
data-frames='[{"delay":4510,"split":"chars","splitdelay":0.1,"speed":500,"frame":"0","from":"sX:0.8;sY:0.8;opacity:0;","to":"o:1;","ease":"Power3.easeOut"},{"delay":"+1000","split":"chars","splitdelay":0.03,"speed":500,"frame":"999","to":"sX:0.9;sY:0.9;opacity:0;","ease":"Power3.easeIn"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 8; white-space: nowrap; color: rgba(255, 217, 53, 1.00);border-width:0px 0px 0px 0px;">
|
||||
PHOTOGRAPHY </div>
|
||||
|
||||
<!-- LAYER NR. 5 -->
|
||||
<div class="tp-caption RotatingWords-TitleWhite tp-resizeme tounblur"
|
||||
id="slide-3022-layer-14" data-x="['left','left','center','center']"
|
||||
data-hoffset="['570','460','0','0']"
|
||||
data-y="['middle','middle','middle','middle']"
|
||||
data-voffset="['0','0','-42','-42']" data-width="none" data-height="none"
|
||||
data-whitespace="nowrap" data-type="text" data-responsive_offset="on"
|
||||
data-frames='[{"delay":7490,"split":"chars","splitdelay":0.1,"speed":500,"frame":"0","from":"sX:0.8;sY:0.8;opacity:0;","to":"o:1;","ease":"Power3.easeOut"},{"delay":"+1200","split":"chars","splitdelay":0.03,"speed":500,"frame":"999","to":"sX:0.9;sY:0.9;opacity:0;","ease":"Power3.easeIn"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 9; white-space: nowrap; color: rgba(255, 217, 53, 1.00);border-width:0px 0px 0px 0px;">
|
||||
ROCK MUSIC </div>
|
||||
|
||||
<!-- LAYER NR. 6 -->
|
||||
<div class="tp-caption RotatingWords-TitleWhite tp-resizeme tounblur"
|
||||
id="slide-3022-layer-15" data-x="['left','left','center','center']"
|
||||
data-hoffset="['570','460','0','0']"
|
||||
data-y="['middle','middle','middle','middle']"
|
||||
data-voffset="['0','0','-42','-42']" data-width="none" data-height="none"
|
||||
data-whitespace="nowrap" data-type="text" data-responsive_offset="on"
|
||||
data-frames='[{"delay":10490,"split":"chars","splitdelay":0.1,"speed":500,"frame":"0","from":"sX:0.8;sY:0.8;opacity:0;","to":"o:1;","ease":"Power3.easeOut"},{"delay":"wait","split":"chars","splitdelay":0.03,"speed":500,"frame":"999","to":"sX:0.9;sY:0.9;opacity:0;","ease":"Power3.easeIn"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 10; white-space: nowrap; color: rgba(255, 217, 53, 1.00);border-width:0px 0px 0px 0px;">
|
||||
OUR CLIENTS </div>
|
||||
|
||||
<!-- LAYER NR. 7 -->
|
||||
<div class="tp-caption RotatingWords-Button rev-btn " id="slide-3022-layer-7"
|
||||
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
|
||||
data-y="['middle','middle','middle','middle']"
|
||||
data-voffset="['127','97','90','90']" data-width="none" data-height="none"
|
||||
data-whitespace="nowrap" data-type="button"
|
||||
data-actions='[{"event":"click","action":"scrollbelow","offset":"0px","delay":""}]'
|
||||
data-responsive_offset="on" data-responsive="off"
|
||||
data-frames='[{"delay":750,"speed":2000,"frame":"0","from":"y:100px;sX:1;sY:1;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"frame":"999","to":"y:50px;opacity:0;","ease":"Power2.easeInOut"},{"frame":"hover","speed":"300","ease":"Power1.easeInOut","force":true,"to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(255, 255, 255, 1.00);bc:rgba(255, 255, 255, 1.00);"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[20,20,20,20]"
|
||||
data-paddingright="[50,50,50,50]" data-paddingbottom="[20,20,20,20]"
|
||||
data-paddingleft="[50,50,50,50]"
|
||||
style="z-index: 11; white-space: nowrap;border-width:2px 2px 2px 2px;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;">
|
||||
HOOK ME UP </div>
|
||||
|
||||
<!-- LAYER NR. 8 -->
|
||||
<div class="tp-caption RotatingWords-SmallText tp-resizeme"
|
||||
id="slide-3022-layer-16" data-x="['center','center','center','center']"
|
||||
data-hoffset="['0','0','0','0']" data-y="['bottom','bottom','bottom','bottom']"
|
||||
data-voffset="['20','20','20','20']" data-width="none" data-height="none"
|
||||
data-whitespace="nowrap" data-visibility="['on','on','off','off']"
|
||||
data-type="text" data-basealign="slide" data-responsive_offset="off"
|
||||
data-frames='[{"delay":2500,"speed":1000,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power2.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"nothing"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 12; white-space: nowrap; font-weight: 700; color: rgba(255, 255, 255, 0.35);border-width:0px 0px 0px 0px;">
|
||||
A universally usable Hero Header with a surprising scroll effect <i
|
||||
class="pe-7s-mouse" style="font-size:20px;"></i> </div>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</article>
|
||||
</section>
|
||||
<!-- SLIDER REVOLUTION END -->
|
||||
</div>
|
||||
</header>
|
||||
<!-- HEADER END -->
|
||||
|
||||
<section>
|
||||
<div class="container mt-5 mb-5">
|
||||
<div class="row">
|
||||
<div class="col-lg-4">
|
||||
<div class="slider-feature-info">
|
||||
<h5 class="overtitle">Panorama</h5>
|
||||
<h2>SLIDER REVOLUTION</h2>
|
||||
<p>Including the powerful and stunning Slider Revolution is an innovative, responsive jQuery Slider Plugin that displays your content the beautiful way.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-8 spacing-md">
|
||||
<div class="row">
|
||||
<div class="col-md-6 top-col">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/levels.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">SLIDERS DIVERSITY</h5>
|
||||
<p>With more than 100 templates, it allows you to create almost any type of web pages.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 top-col">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/document.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">DOCUMENTATION</h5>
|
||||
<p>Complete and clear documentation for an easy and fast installation..</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 bottom-col-resp">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/device.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">RESPONSIVE DESIGN</h5>
|
||||
<p>Slider Revolution adapts to any device for a better visual experience..</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/support.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">PREMIUM SUPPORT</h5>
|
||||
<p>If you have any problems in the installation process, we are here to help you.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="rs-line">
|
||||
</div>
|
||||
|
||||
<div class="container rs-call-to-action mt-5 mb-5">
|
||||
<div class="row">
|
||||
<div class="col-lg-8">
|
||||
<div class="ca-left-side">
|
||||
<h3>Premium Multi-Purpose HTML5 Template</h3>
|
||||
<p>Let's develop your project with this impressive and powerful template that helps you
|
||||
create beautiful web pages. An original solution for any business..</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12 col-lg-4">
|
||||
<div class="ca-right-side flex-parent jc-center">
|
||||
<a class="tp-btn-primary" href="https://themeforest.net/item/merit-premium-multipurpose-html5-template/21866679" target="_blank">Purchase now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- FOOTER START -->
|
||||
<footer>
|
||||
<div class="container mt-5">
|
||||
<div class="top-footer">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 col-xl-7">
|
||||
<h3>Creative and affordable website solution</h3>
|
||||
<p>Build modern websites with this powefull Multi-Purpose Template.</p>
|
||||
</div>
|
||||
<div class="col-lg-12 col-xl-5">
|
||||
<div class="footer-btn">
|
||||
<a class="tp-btn-primary" href="https://themeforest.net/item/merit-premium-multipurpose-html5-template/21866679" target="_blank" role="button">Purchase now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="footer-line">
|
||||
<div class="center-footer">
|
||||
<div class="row">
|
||||
<div class="col-lg-5">
|
||||
<div class="footer-col footer-left-col">
|
||||
<figure class="site-footer-logo">
|
||||
<img src="../images/logos/logo.png" alt="">
|
||||
</figure>
|
||||
<p>Let's develop your project with this impressive and powerful template that helps you
|
||||
create beautiful web pages. An original solution for any business.</p>
|
||||
<ul class="footer-social">
|
||||
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-dribbble"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2">
|
||||
<div class="footer-col">
|
||||
<h5>Quick Links</h5>
|
||||
<ul class="quick-links">
|
||||
<li><a href="../index.html">Home</a></li>
|
||||
<li><a href="../services-style-1.html">Services</a></li>
|
||||
<li><a href="../blog-full-width.html">Blogs</a></li>
|
||||
<li><a href="../contact-style-1.html">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2">
|
||||
<div class="footer-col">
|
||||
<h5>About</h5>
|
||||
<ul class="quick-links">
|
||||
<li><a href="../profile-style-1.html">Profile</a></li>
|
||||
<li><a href="../team-style-1.html">Team</a></li>
|
||||
<li><a href="../careers-style-1.html">Careers</a></li>
|
||||
<li><a href="../faq.html">FAQ</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3">
|
||||
<div class="footer-col">
|
||||
<h5>Get in Touch</h5>
|
||||
<ul class="footer-contact">
|
||||
<li class="phone"><a href="tel:123-456-7890">+ 123-456-7890</a></li>
|
||||
<li class="email"><a href="mailto:info@merit.com">info@merit.com</a></li>
|
||||
<li>
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="fas fa-map-pin"></i>
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<p>7391 North Bay Meadows Circle New York, NY 10040.</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="footer-line">
|
||||
<div class="bottom-footer">
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<div class="footer-copyright">
|
||||
<p>© 2022 <a href="https://themeforest.net/item/merit-premium-multipurpose-html5-template/21866679" target="_blank">Merit Premium Template</a> all rights reserved.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<ul class="footer-terms">
|
||||
<li><a href="../terms.html">Terms</a></li>
|
||||
<li><a href="../privacy.html">Privacy</a></li>
|
||||
<li><a href="../contact-style-4.html">Support</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!-- FOOTER END -->
|
||||
|
||||
<!-- SCROLL TOP -->
|
||||
<a href="#0" class="cd-top">Top</a>
|
||||
|
||||
<!-- TEMPLATE MAIN JAVASCRIPT FILES -->
|
||||
<script src="../js/lib/jquery-3.6.0.min.js"></script>
|
||||
<script src="../js/lib/bootstrap.min.js"></script>
|
||||
<script src="../js/lib/plugins.js"></script>
|
||||
<script src="../js/lib/megamenu.js"></script>
|
||||
<script src="../js/lib/navigation.js"></script>
|
||||
<script src="../js/lib/navigation.fixed.min.js"></script>
|
||||
<script src="../js/main.js"></script>
|
||||
|
||||
<!-- REVOLUTION JS FILES -->
|
||||
<script src="../revolution/js/jquery.themepunch.tools.min.js"></script>
|
||||
<script src="../revolution/js/jquery.themepunch.revolution.min.js"></script>
|
||||
|
||||
<!-- SLIDER REVOLUTION 5.0 EXTENSIONS (Load Extensions only on Local File Systems ! The following part can be removed on Server for On Demand Loading) -->
|
||||
<script src="../revolution/js/extensions/revolution.extension.actions.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.carousel.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.migration.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.navigation.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.parallax.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.video.min.js"></script>
|
||||
|
||||
<!-- REQUIRE JS FOR SLIDER REVOLUTION -->
|
||||
<script>
|
||||
var tpj = jQuery;
|
||||
var revapi1071;
|
||||
tpj(document).ready(function () {
|
||||
if (tpj("#rev_slider_1071_1").revolution == undefined) {
|
||||
revslider_showDoubleJqueryError("#rev_slider_1071_1");
|
||||
} else {
|
||||
revapi1071 = tpj("#rev_slider_1071_1").show().revolution({
|
||||
sliderType: "hero",
|
||||
jsFileLocation: "revolution/js/",
|
||||
sliderLayout: "fullscreen",
|
||||
dottedOverlay: "none",
|
||||
delay: 20000,
|
||||
navigation: {},
|
||||
responsiveLevels: [1240, 1024, 778, 778],
|
||||
visibilityLevels: [1240, 1024, 778, 778],
|
||||
gridwidth: [1240, 1024, 778, 480],
|
||||
gridheight: [600, 500, 400, 300],
|
||||
lazyType: "none",
|
||||
parallax: {
|
||||
type: "mouse",
|
||||
origo: "slidercenter",
|
||||
speed: 2000,
|
||||
levels: [2, 3, 4, 5, 6, 7, 12, 16, 10, 50, 46, 47, 48, 49, 50, 55],
|
||||
type: "mouse",
|
||||
},
|
||||
shadow: 0,
|
||||
spinner: "off",
|
||||
autoHeight: "off",
|
||||
fullScreenAutoWidth: "off",
|
||||
fullScreenAlignForce: "off",
|
||||
fullScreenOffsetContainer: "",
|
||||
fullScreenOffset: "60px",
|
||||
disableProgressBar: "on",
|
||||
hideThumbsOnMobile: "off",
|
||||
hideSliderAtLimit: 0,
|
||||
hideCaptionAtLimit: 0,
|
||||
hideAllCaptionAtLilmit: 0,
|
||||
debugMode: false,
|
||||
fallbacks: {
|
||||
simplifyAll: "off",
|
||||
disableFocusListener: false,
|
||||
}
|
||||
});
|
||||
// CHANGE THE API REFERENCE, AND THE ELEMENTS YOU WISH TO BLUR / UNBLUR
|
||||
// SET START BLUR FACTOR, END BLUR FACTOR AND
|
||||
|
||||
var api = revapi1071,
|
||||
ElementsToBlur = api.find('.toblur.tp-caption'),
|
||||
ElementsToUnBlur = api.find('.tounblur.tp-caption'),
|
||||
UnBlurFactor = 2,
|
||||
UnBlurStart = 3,
|
||||
UnBlurEnd = 0,
|
||||
BlurStart = 0,
|
||||
BlurEnd = 5,
|
||||
BlurFactor = 2,
|
||||
blurCall = new Object();
|
||||
|
||||
|
||||
// SOME CODE FOR BLUR AND UNBLUR ELEMENTS
|
||||
// EXTEND THE REVOLUTION SLIDER FUNCTION
|
||||
// CHANGE ONLY IF YOU KNOW WHAT YOU DO
|
||||
|
||||
blurCall.inmodule = "parallax";
|
||||
blurCall.atposition = "start";
|
||||
blurCall.callback = function () {
|
||||
var proc = api.revgetparallaxproc(),
|
||||
blur = UnBlurStart + (proc * UnBlurStart * UnBlurFactor) + UnBlurEnd,
|
||||
nblur = Math.abs(proc * BlurEnd * BlurFactor) + BlurStart;
|
||||
|
||||
blur = blur < UnBlurEnd ? UnBlurEnd : blur;
|
||||
nblur = nblur > BlurEnd ? BlurEnd : nblur;
|
||||
|
||||
ElementsToUnBlur = jQuery(ElementsToUnBlur.selector);
|
||||
punchgs.TweenLite.set(ElementsToUnBlur, {
|
||||
'-webkit-filter': 'blur(' + (blur) + 'px)',
|
||||
'filter': 'blur(' + (blur) + 'px)'
|
||||
});
|
||||
punchgs.TweenLite.set(ElementsToBlur, {
|
||||
'-webkit-filter': 'blur(' + (nblur) + 'px)',
|
||||
'filter': 'blur(' + (nblur) + 'px)'
|
||||
});
|
||||
}
|
||||
|
||||
api.bind("revolution.slide.layeraction", function (e) {
|
||||
blurCall.callback();
|
||||
});
|
||||
|
||||
api.bind("revolution.slide.onloaded", function (e) {
|
||||
revapi1071.revaddcallback(blurCall);
|
||||
});
|
||||
}
|
||||
}); /*ready*/
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
|
||||
<!-- Mirrored from quickdevs.com/demo/merit/rev-sliders/panorama.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 29 Mar 2023 10:43:39 GMT -->
|
||||
</html>
|
||||
1110
public/sunsarioverseas/rev-sliders/parallax-joy.html
Normal file
1110
public/sunsarioverseas/rev-sliders/parallax-joy.html
Normal file
File diff suppressed because it is too large
Load Diff
1468
public/sunsarioverseas/rev-sliders/parallax-zoom.html
Normal file
1468
public/sunsarioverseas/rev-sliders/parallax-zoom.html
Normal file
File diff suppressed because it is too large
Load Diff
1046
public/sunsarioverseas/rev-sliders/particle-effect-one.html
Normal file
1046
public/sunsarioverseas/rev-sliders/particle-effect-one.html
Normal file
File diff suppressed because it is too large
Load Diff
871
public/sunsarioverseas/rev-sliders/particle-effect-three.html
Normal file
871
public/sunsarioverseas/rev-sliders/particle-effect-three.html
Normal file
@ -0,0 +1,871 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US" class="no-js">
|
||||
|
||||
|
||||
<!-- Mirrored from quickdevs.com/demo/merit/rev-sliders/particle-effect-three.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 29 Mar 2023 10:46:11 GMT -->
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
|
||||
<!-- TITLE -->
|
||||
<title>Particle Effect - Merit Premium Multi-Purpose HTML5 Template</title>
|
||||
|
||||
<!-- META TAGS -->
|
||||
<meta name="keywords" content="premium multi-Purpose, html template, multipurpose template, bootstrap template, niches, clean, modern, multipurpose, responsive">
|
||||
<meta name="description" content="Merit is a modern Multi-Purpose HTML Template any bussines.">
|
||||
|
||||
<!-- FAVICON -->
|
||||
<link rel="shortcut icon" href="../images/icons/favicon.png">
|
||||
|
||||
<!-- REVOLUTION ADDONS -->
|
||||
<link href="http://fonts.googleapis.com/css?family=Roboto%3A700%2C300" rel="stylesheet" property="stylesheet" type="text/css" media="all" />
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/fonts/pe-icon-7-stroke/css/pe-icon-7-stroke.css">
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/fonts/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!-- REVOLUTION STYLE SHEETS -->
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/css/settings.css">
|
||||
|
||||
<!-- REVOLUTION LAYERS STYLES -->
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/css/layers.css">
|
||||
|
||||
<!-- REVOLUTION NAVIGATION STYLES -->
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/css/navigation.css">
|
||||
|
||||
<!-- REVOLUTION LAYERS STYLES -->
|
||||
<style type="text/css">.blurslider-gradient{background:-webkit-linear-gradient(left,#9357cc 0%,#2989d8 50%,#2cc99d 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.blurslider-button{background:-webkit-linear-gradient(left,#9357cc 0%,#2989d8 50%,#2cc99d 100%)}</style>
|
||||
|
||||
<!-- PARTICLES ADD-ON FILES -->
|
||||
<link rel='stylesheet' href='../revolution-addons/particles/css/revolution.addon.particles4bf4.css?ver=1.0.3' type='text/css' media='all' />
|
||||
|
||||
<!-- MAIN CSS STYLE SHEET -->
|
||||
<link rel="stylesheet" href="../css/main.css">
|
||||
<link rel="stylesheet" href="../css/stylesheet.css">
|
||||
<link rel="stylesheet" href="../css/responsive.css">
|
||||
|
||||
<!-- REVOLUTION CUSTOM CSS -->
|
||||
<link rel="stylesheet" href="../css/slider-revolution.css">
|
||||
|
||||
<!-- MODERNIZR LIBRARY -->
|
||||
<script src="../js/modernizr-custom.js"></script>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- PRELOADER START -->
|
||||
<div id="loader-wrapper">
|
||||
<div class="loader">
|
||||
<span class="loader-26"></span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- PRELOADER END -->
|
||||
|
||||
<!-- HEADER START -->
|
||||
<header>
|
||||
<!-- TOP HEADER START -->
|
||||
<div class="top-header">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<ul class="top-contact text-left">
|
||||
<li class="phone"><span class="tel-no"><a href="tel:123-456-7890"> +123-456-7890</a></span>
|
||||
</li>
|
||||
<li class="email"><a href="mailto:info@merit.com">info@merit.com</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-6 text-right">
|
||||
<div class="top-social">
|
||||
<ul class="social-list">
|
||||
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-dribbble"></i></a></li>
|
||||
<li>
|
||||
<!-- Button trigger modal -->
|
||||
<div class="center-element">
|
||||
<button type="button" class="btn btn-default" data-toggle="modal" data-target="#exampleModal2">Login</button>
|
||||
</div>
|
||||
|
||||
<!-- Modal -->
|
||||
<div class="modal fade custom-modal" id="exampleModal2" tabindex="-1" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content login-modal">
|
||||
<button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button>
|
||||
<div class="modal-body">
|
||||
<figure class="login-avatar">
|
||||
<img src="../images/icons/user-login-2.png" alt="">
|
||||
</figure>
|
||||
<h4>Merit</h4>
|
||||
<p>Welcome Back!</p>
|
||||
<div class="google-btn">
|
||||
<button type="submit" class="tp-btn-primary">
|
||||
<img class="tp-goole-icon" src="../images/icons/google-icon.png" alt="">
|
||||
Sign in with Google
|
||||
</button>
|
||||
</div>
|
||||
<p>Or</p>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<form>
|
||||
<div class="form-group">
|
||||
<input type="email" class="form-control login-fc" placeholder="Email or Username">
|
||||
</div>
|
||||
<div class="form-group mt-3">
|
||||
<input type="password" class="form-control login-fc" placeholder="Password">
|
||||
</div>
|
||||
<div class="login-options d-flex justify-content-between mt-3">
|
||||
<div class="have-account">
|
||||
<p><a href="#">Dont have an account?</a></p>
|
||||
</div>
|
||||
<div class="forgot-password">
|
||||
<p><a href="#">Forgot password?</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="login-btn">
|
||||
<button type="submit" class="tp-btn-primary">Login</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="top-line">
|
||||
</div>
|
||||
</div>
|
||||
<!-- TOP HEADER END -->
|
||||
|
||||
<!-- MEGAMENU START -->
|
||||
<div class="main-nav">
|
||||
<div class="container">
|
||||
<nav id="navigation1" class="navigation">
|
||||
<div class="nav-header">
|
||||
<a class="nav-logo" href="../index.html">
|
||||
<img src="../images/logos/logo.png" class="white-logo" alt="">
|
||||
<img src="../images/logos/logo-black.png" class="dark-logo" alt="">
|
||||
</a>
|
||||
<div class="nav-toggle"></div>
|
||||
</div>
|
||||
<div class="nav-menus-wrapper">
|
||||
<ul class="nav-menu align-to-right">
|
||||
<li><a href="#">HOME</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../1-agency.html">Agency</a></li>
|
||||
<li><a href="../2-beauty.html">Beauty</a></li>
|
||||
<li><a href="../3-construction.html">Construction</a></li>
|
||||
<li><a href="../4-corporate.html">Corporate</a></li>
|
||||
<li><a href="../5-courier.html">Courier</a></li>
|
||||
<li><a href="../6-dealer.html">Dealer</a></li>
|
||||
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../7-dental.html">Dental</a></li>
|
||||
<li><a href="../8-education.html">Education</a></li>
|
||||
<li><a href="../9-gym.html">Gym</a></li>
|
||||
<li><a href="../10-hotel.html">Hotel</a></li>
|
||||
<li><a href="../11-medical.html">Medical</a></li>
|
||||
<li><a href="../12-restaurant.html">Restaurant</a></li>
|
||||
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../13-charity.html">Charity</a></li>
|
||||
<li><a href="../14-cleaning.html">Cleaning</a></li>
|
||||
<li><a href="../15-finance.html">Finance</a></li>
|
||||
<li><a href="../16-industrial.html">Industrial</a></li>
|
||||
<li><a href="../17-hosting.html">Hosting</a></li>
|
||||
<li><a href="../18-portfolio.html">Portfolio</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../19-organic.html">Organic</a></li>
|
||||
<li><a href="../20-farm.html">Farm</a></li>
|
||||
<li><a href="../21-yoga.html">Yoga</a></li>
|
||||
<li><a href="../22-travel.html">Travel</a></li>
|
||||
<li><a href="../23-lawyer.html">Lawyer</a></li>
|
||||
<li><a href="../24-fitness.html">Fitness</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">PAGES</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../about-style-1.html">About Us</a></li>
|
||||
<li><a href="../about-style-2.html">About Me</a></li>
|
||||
<li><a href="../about-style-3.html">About Us - ALT 2</a></li>
|
||||
<li><a href="../about-style-4.html">About Us - ALT 3</a></li>
|
||||
<li><a href="../careers-style-1.html">Careers</a></li>
|
||||
<li><a href="../careers-style-2.html">Careers - ALT 2</a></li>
|
||||
<li><a href="../careers-style-3.html">Careers - ALT 3</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../services-style-1.html">Services</a></li>
|
||||
<li><a href="../services-style-2.html">Services - ALT 2</a></li>
|
||||
<li><a href="../services-style-3.html">Services - ALT 3</a></li>
|
||||
<li><a href="../services-style-4.html">Services - ALT 4</a></li>
|
||||
<li><a href="../profile-style-1.html">Profile</a></li>
|
||||
<li><a href="../profile-style-2.html">Profile - ALT 2</a></li>
|
||||
<li><a href="../profile-style-3.html">Profile - ALT 3</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../contact-style-1.html">Contact Us </a></li>
|
||||
<li><a href="../contact-style-2.html">Contact Us - ALT 2</a></li>
|
||||
<li><a href="../contact-style-3.html">Contact Us - ALT 3</a></li>
|
||||
<li><a href="../contact-style-4.html">Contact Us - ALT 4</a></li>
|
||||
<li><a href="../team-style-1.html">Our Team</a></li>
|
||||
<li><a href="../team-style-2.html">Our Team - ALT 2</a></li>
|
||||
<li><a href="../team-style-3.html">Our Team - ALT 3</a></li>
|
||||
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../coming-soon-style-1.html">Coming Soon</a></li>
|
||||
<li><a href="../coming-soon-style-2.html">Coming Soon - ALT 2</a></li>
|
||||
<li><a href="../404-error-style-1.html">404 Page</a></li>
|
||||
<li><a href="../404-error-style-2.html">404 Page - ALT 2</a></li>
|
||||
<li><a href="../login-register-style-1.html">Login / Register</a></li>
|
||||
<li><a href="../faq.html">Faq</a></li>
|
||||
<li><a href="../faq-alt.html">Faq - ALT</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">ELEMENTS</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 1</a></li>
|
||||
<li><a href="../elements/accordions.html"><i class="fas fa-plus-square"></i> Accordions</a></li>
|
||||
<li><a href="../elements/alerts.html"><i class="fas fa-exclamation-circle"></i> Alerts</a></li>
|
||||
<li><a href="../elements/animations.html"><i class="fas fa-exchange-alt"></i> Animations</a></li>
|
||||
<li><a href="../elements/blockquotes.html"><i class="fas fa-quote-left"></i> Blockquotes</a></li>
|
||||
<li><a href="../elements/breadcrumbs.html"><i class="fas fa-share"></i> Breadcrumbs</a></li>
|
||||
<li><a href="../elements/buttons.html"><i class="fas fa-square"></i> Buttons</a></li>
|
||||
<li><a href="../elements/call-to-action.html"><i class="fas fa-bullhorn"></i> Call to Action</a></li>
|
||||
<li><a href="../elements/charts.html"><i class="fas fa-circle-notch"></i> Charts</a></li>
|
||||
<li><a href="../elements/content-boxes.html"><i class="fas fa-th-large"></i> Content Boxes</a></li>
|
||||
<li><a href="../elements/counters.html"><i class="fas fa-bullseye"></i> Counters</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 2</a></li>
|
||||
<li><a href="../elements/customers.html"><i class="fas fa-user-circle"></i> Customer</a></li>
|
||||
<li><a href="../elements/dropcaps.html"><i class="fas fa-font"></i> Dropcaps</a></li>
|
||||
<li><a href="../elements/flip-boxes.html"><i class="fas fa-sync-alt"></i> Flip Box</a></li>
|
||||
<li><a href="../elements/google-maps.html"><i class="fas fa-map"></i> Google Maps</a></li>
|
||||
<li><a href="../elements/grid-boxes.html"><i class="fas fa-th"></i> Grid Boxes</a></li>
|
||||
<li><a href="../elements/icon-boxes.html"><i class="fas fa-th-large"></i> Icon Boxes</a></li>
|
||||
<li><a href="../elements/icon-circle.html"><i class="far fa-circle"></i> Icon Circle</a></li>
|
||||
<li><a href="../elements/image-gallery.html"><i class="fas fa-expand"></i> Image Gallery</a></li>
|
||||
<li><a href="../elements/images.html"><i class="far fa-image"></i> Images</a></li>
|
||||
<li><a href="../elements/image-hover.html"><i class="fas fa-object-ungroup" aria-hidden="true"></i> Image Hover</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 3</a></li>
|
||||
<li><a href="../elements/lightbox.html"><i class="fas fa-lightbulb"></i> LightBox</a></li>
|
||||
<li><a href="../elements/modal-popup.html"><i class="fas fa-search-plus"></i> Modal Popup</a></li>
|
||||
<li><a href="../elements/pagination.html"><i class="fas fa-angle-double-right"></i> Pagination</a></li>
|
||||
<li><a href="../elements/parallax.html"><i class="fas fa-random"></i> Parallax</a></li>
|
||||
<li><a href="../elements/pricing-table.html"><i class="fas fa-table"></i> Pricing Tables</a></li>
|
||||
<li><a href="../elements/process-steps.html"><i class="fas fa-arrow-right"></i> Process Steps</a></li>
|
||||
<li><a href="../elements/profile-cards.html"><i class="fas fa-address-card"></i> Profile Cards</a></li>
|
||||
<li><a href="../elements/progress-bar.html"><i class="fas fa-tasks"></i> Progress Bar</a></li>
|
||||
<li><a href="../elements/recent-posts.html"><i class="fas fa-newspaper"></i> Recent Posts</a></li>
|
||||
<li><a href="../elements/section-styles.html"><i class="fas fa-outdent"></i> Section Styles</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 4</a></li>
|
||||
<li><a href="../elements/separators.html"><i class="fas fa-minus"></i> Separators</a></li>
|
||||
<li><a href="../elements/shop-banners.html"><i class="fas fa-language"></i> Shop Banners</a></li>
|
||||
<li><a href="../elements/social-icons.html"><i class="fab fa-twitter"></i> Social Icons</a></li>
|
||||
<li><a href="../elements/tables.html"><i class="fas fa-table"></i> Tables</a></li>
|
||||
<li><a href="../elements/tabs.html"><i class="fas fa-window-maximize"></i> Tabs</a></li>
|
||||
<li><a href="../elements/team.html"><i class="fas fa-users"></i> Team</a></li>
|
||||
<li><a href="../elements/testimonials.html"><i class="fas fa-edit"></i> Testimonials</a></li>
|
||||
<li><a href="../elements/timeline.html"><i class="fas fa-arrow-down"></i> Timeline</a></li>
|
||||
<li><a href="../elements/videos.html"><i class="fas fa-video"></i> Videos & Audio</a></li>
|
||||
<li><a href="../elements/video-background.html"><i class="fas fa-photo-video"></i> Video Background</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">SLIDERS</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 1</a></li>
|
||||
<li><a href="3d-parallax-scenes.html">3D Parallax Scenes</a></li>
|
||||
<li><a href="404-error.html">404 Error</a></li>
|
||||
<li><a href="agency-slider.html">Agency Slider</a></li>
|
||||
<li><a href="blend-mode.html">Blend Mode</a></li>
|
||||
<li><a href="blur-effect.html">Blur Effect</a></li>
|
||||
<li><a href="car-dealer.html">Car Dealer</a></li>
|
||||
<li><a href="carousel-gallery.html">Carousel Gallery</a></li>
|
||||
<li><a href="classic-carousel.html">Classic Carousel</a></li>
|
||||
<li><a href="coming-soon.html">Coming soon</a></li>
|
||||
<li><a href="concept-slider.html">Concept Slider</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 2</a></li>
|
||||
<li><a href="double-exposure-effect.html">Double Exposure Effect</a></li>
|
||||
<li><a href="exploration-header.html">Exploration Header</a></li>
|
||||
<li><a href="film-strip.html">Film Strip Effect</a></li>
|
||||
<li><a href="fine-dining.html">Fine Dining</a></li>
|
||||
<li><a href="gravity-design.html">Gravity Design</a></li>
|
||||
<li><a href="happy-hollidays.html">Happy Hollidays</a></li>
|
||||
<li><a href="hero-sports.html">Hero Sports</a></li>
|
||||
<li><a href="inspiration-header.html">Inspiration Header</a></li>
|
||||
<li><a href="levano-slider.html">Levano Slider</a></li>
|
||||
<li><a href="magazine-posts.html">Magazine Posts</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 3</a></li>
|
||||
<li><a href="mask-showcase.html">Mask Showcase</a></li>
|
||||
<li><a href="mountain-parallax.html">Mountain Parallax</a></li>
|
||||
<li><a href="over-expousure.html">Over Exposure</a></li>
|
||||
<li><a href="panorama.html">Panorama</a></li>
|
||||
<li><a href="parallax-joy.html">Parallax Joy</a></li>
|
||||
<li><a href="parallax-zoom.html">Parallax Zoom</a></li>
|
||||
<li><a href="particle-effect-one.html">Particle Effect one</a></li>
|
||||
<li><a href="particle-effect-two.html">Particle Effect Two</a></li>
|
||||
<li><a href="particle-effect-three.html">Particle Effect Three</a></li>
|
||||
<li><a href="style-intro.html">Style Intro</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 4</a></li>
|
||||
<li><a href="reveal.html">Reveal</a></li>
|
||||
<li><a href="rock-band.html">Rock Band</a></li>
|
||||
<li><a href="scroll-effects.html">Scroll Effect</a></li>
|
||||
<li><a href="slider-gym.html">Slider Gym</a></li>
|
||||
<li><a href="slider-news.html">Slider News</a></li>
|
||||
<li><a href="sliding-overlays.html">Sliding Overlays</a></li>
|
||||
<li><a href="web-agency.html">Web Agency</a></li>
|
||||
<li><a href="web-product.html">Web Product</a></li>
|
||||
<li><a href="website-intro.html">Website Intro</a></li>
|
||||
<li><a href="youtube-hero.html">Youtube Hero</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">SHOP</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="#">CLASSIC</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../shop-full-width.html">Full width</a></li>
|
||||
<li><a href="../shop-left-sidebar.html">Left sidebar</a></li>
|
||||
<li><a href="../shop-right-sidebar.html">Right sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">PRODUCT DETAILS</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../product-full-width.html">Full width</a></li>
|
||||
<li><a href="../product-left-sidebar.html">Left sidebar</a></li>
|
||||
<li><a href="../product-right-sidebar.html">Right sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="../shopping-cart.html">SHOPING CART</a></li>
|
||||
<li><a href="../checkout.html">CHECKOUT</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">BLOG</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="#">CLASSIC</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../blog-full-width.html">Full width</a></li>
|
||||
<li><a href="../blog-left-sidebar.html">Left sidebar</a></li>
|
||||
<li><a href="../blog-right-sidebar.html">Right sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">GRID</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../blog-grid-one-column.html">One column</a></li>
|
||||
<li><a href="../blog-grid-two-column.html">Two column</a></li>
|
||||
<li><a href="../blog-grid-three-column.html">Three column</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">MASONRY</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../masonry-two-columns.html">Two Columns</a></li>
|
||||
<li><a href="../masonry-three-columns.html">Three Columns</a></li>
|
||||
<li><a href="../masonry-four-columns.html">Four Columns</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">BLOG SINGLE</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../blog-single-full-width.html">Blog Single Full Width</a></li>
|
||||
<li><a href="../blog-single-left-sidebar.html">Blog Single Left Sidebar</a></li>
|
||||
<li><a href="../blog-single-right-sidebar.html">Blog Single Right Sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<!-- MEGAMENU END -->
|
||||
|
||||
<div class="home-slider">
|
||||
<!-- SLIDER REVOLUTION START -->
|
||||
<section class="example">
|
||||
<article class="content">
|
||||
|
||||
<div id="rev_slider_8_1_wrapper" class="rev_slider_wrapper fullscreen-container"
|
||||
data-alias="particle-effect-three6" data-source="gallery" style="background:#000;padding:0px;">
|
||||
<!-- START REVOLUTION SLIDER 5.4.1 fullscreen mode -->
|
||||
<div id="rev_slider_8_1" class="rev_slider fullscreenbanner" style="display:none;"
|
||||
data-version="5.4.1">
|
||||
<ul>
|
||||
<!-- SLIDE -->
|
||||
<li data-index="rs-16" data-transition="fade" data-slotamount="default"
|
||||
data-hideafterloop="0" data-hideslideonmobile="off" data-easein="Power4.easeOut"
|
||||
data-easeout="Power4.easeOut" data-masterspeed="default"
|
||||
data-thumb="http://works.themepunch.com/revolution_5_3/wp-content/" data-rotate="0"
|
||||
data-saveperformance="off" data-title="Example One" data-param1="" data-param2=""
|
||||
data-param3="" data-param4="" data-param5="" data-param6="" data-param7=""
|
||||
data-param8="" data-param9="" data-param10="" data-description="">
|
||||
<!-- MAIN IMAGE -->
|
||||
<img src="../assets/images/transparent.png" data-bgcolor='#ffffff'
|
||||
style='background:#000' alt="" 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 " id="slide-16-layer-15"
|
||||
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
|
||||
data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
|
||||
data-width="full-proportional" data-height="full-proportional"
|
||||
data-whitespace="nowrap" data-type="image" data-basealign="slide"
|
||||
data-responsive_offset="off" data-responsive="off"
|
||||
data-frames='[{"delay":500,"speed":300,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
|
||||
data-textAlign="['inherit','inherit','inherit','inherit']"
|
||||
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
|
||||
data-blendmode="overlay" style="z-index: 5;"><img
|
||||
src="../assets/images/blurbg7.jpg" alt=""
|
||||
data-ww="['full-proportional','full-proportional','full-proportional','full-proportional']"
|
||||
data-hh="['full-proportional','full-proportional','full-proportional','full-proportional']"
|
||||
width="1920" height="1080" data-no-retina> </div>
|
||||
|
||||
<!-- LAYER NR. 2 -->
|
||||
<div class="tp-caption tp-resizeme blurslider-gradient" id="slide-16-layer-6"
|
||||
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
|
||||
data-y="['middle','middle','middle','middle']"
|
||||
data-voffset="['-110','-110','-130','-130']"
|
||||
data-fontsize="['60','60','40','40']" data-lineheight="['80','80','60','60']"
|
||||
data-width="none" data-height="none" data-whitespace="nowrap" data-type="text"
|
||||
data-responsive_offset="on" data-wrapper_class="tp-nopointer"
|
||||
data-frames='[{"delay":500,"speed":1000,"frame":"0","from":"sX:2;sY:3;opacity:0;fb:10px;","to":"o:1;fb:0;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;fb:0;","ease":"Power3.easeInOut"}]'
|
||||
data-textAlign="['center','center','center','center']"
|
||||
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 6; white-space: nowrap; font-size: 60px; line-height: 80px; font-weight: 400; color: rgba(4,37,60,1);font-family:Poppins;letter-spacing:10px;">
|
||||
GEOMETRIC<br />DESIGN </div>
|
||||
|
||||
<!-- LAYER NR. 3 -->
|
||||
<div class="tp-caption tp-resizeme" id="slide-16-layer-8"
|
||||
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
|
||||
data-y="['middle','middle','middle','middle']"
|
||||
data-voffset="['30','30','0','0']" data-width="['460','461','360','330']"
|
||||
data-height="none" data-whitespace="normal" data-type="text"
|
||||
data-responsive_offset="on" data-wrapper_class="tp-nopointer"
|
||||
data-frames='[{"delay":700,"speed":1000,"frame":"0","from":"y:20px;sX:2;sY:3;opacity:0;fb:10px;","to":"o:1;fb:0;","ease":"Power3.easeInOut"},{"delay":"wait","speed":600,"frame":"999","to":"auto:auto;fb:0;","ease":"Power3.easeInOut"}]'
|
||||
data-textAlign="['center','center','center','center']"
|
||||
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 7; min-width: 460px; max-width: 460px; white-space: normal; font-size: 15px; line-height: 25px; font-weight: 400; color: rgba(4,37,60,1);font-family:Poppins;letter-spacing:10px;">
|
||||
BUILD WITH THE FREE PARTICLE EFFECTS ADDON FOR SLIDER REVOLUTION </div>
|
||||
|
||||
<!-- LAYER NR. 4 -->
|
||||
<a class="tp-caption rev-btn tp-resizeme blurslider-button"
|
||||
href="https://revolution.themepunch.com/direct-customer-benefits/#addoninstall"
|
||||
target="_blank" id="slide-16-layer-17"
|
||||
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
|
||||
data-y="['middle','middle','middle','middle']"
|
||||
data-voffset="['140','140','110','110']" data-width="none" data-height="none"
|
||||
data-whitespace="nowrap" data-type="button" data-actions=''
|
||||
data-responsive_offset="on"
|
||||
data-frames='[{"delay":900,"speed":1000,"frame":"0","from":"y:100px;sX:2;sY:3;opacity:0;fb:20px;","to":"o:1;fb:0;","ease":"Power3.easeInOut"},{"delay":"wait","speed":600,"frame":"999","to":"auto:auto;fb:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"200","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;fb:0;","style":"c:rgba(255,255,255,1);"}]'
|
||||
data-textAlign="['inherit','inherit','inherit','inherit']"
|
||||
data-paddingtop="[0,0,0,0]" data-paddingright="[35,35,35,35]"
|
||||
data-paddingbottom="[0,0,0,0]" data-paddingleft="[35,35,35,35]"
|
||||
data-blendmode="multiply"
|
||||
style="z-index: 8; white-space: nowrap; font-size: 15px; line-height: 50px; font-weight: 400; color: rgba(255,255,255,1);font-family:Poppins;background-color:rgba(4,37,60,1);outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;letter-spacing:3px;cursor:pointer;text-decoration: none;">GET
|
||||
ADDONS </a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</article>
|
||||
</section>
|
||||
<!-- SLIDER REVOLUTION END -->
|
||||
</div>
|
||||
</header>
|
||||
<!-- HEADER END -->
|
||||
|
||||
<section>
|
||||
<div class="container mt-5 mb-5">
|
||||
<div class="row">
|
||||
<div class="col-lg-4">
|
||||
<div class="slider-feature-info">
|
||||
<h5 class="overtitle">Particle Effect</h5>
|
||||
<h2>SLIDER REVOLUTION</h2>
|
||||
<p>Including the powerful and stunning Slider Revolution is an innovative, responsive jQuery Slider Plugin that displays your content the beautiful way.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-8 spacing-md">
|
||||
<div class="row">
|
||||
<div class="col-md-6 top-col">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/levels.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">SLIDERS DIVERSITY</h5>
|
||||
<p>With more than 100 templates, it allows you to create almost any type of web pages.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 top-col">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/document.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">DOCUMENTATION</h5>
|
||||
<p>Complete and clear documentation for an easy and fast installation..</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 bottom-col-resp">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/device.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">RESPONSIVE DESIGN</h5>
|
||||
<p>Slider Revolution adapts to any device for a better visual experience..</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/support.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">PREMIUM SUPPORT</h5>
|
||||
<p>If you have any problems in the installation process, we are here to help you.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="rs-line">
|
||||
</div>
|
||||
|
||||
<div class="container rs-call-to-action mt-5 mb-5">
|
||||
<div class="row">
|
||||
<div class="col-lg-8">
|
||||
<div class="ca-left-side">
|
||||
<h3>Premium Multi-Purpose HTML5 Template</h3>
|
||||
<p>Let's develop your project with this impressive and powerful template that helps you
|
||||
create beautiful web pages. An original solution for any business..</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12 col-lg-4">
|
||||
<div class="ca-right-side flex-parent jc-center">
|
||||
<a class="tp-btn-primary" href="https://themeforest.net/item/merit-premium-multipurpose-html5-template/21866679" target="_blank">Purchase now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- FOOTER START -->
|
||||
<footer>
|
||||
<div class="container mt-5">
|
||||
<div class="top-footer">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 col-xl-7">
|
||||
<h3>Creative and affordable website solution</h3>
|
||||
<p>Build modern websites with this powefull Multi-Purpose Template.</p>
|
||||
</div>
|
||||
<div class="col-lg-12 col-xl-5">
|
||||
<div class="footer-btn">
|
||||
<a class="tp-btn-primary" href="https://themeforest.net/item/merit-premium-multipurpose-html5-template/21866679" target="_blank" role="button">Purchase now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="footer-line">
|
||||
<div class="center-footer">
|
||||
<div class="row">
|
||||
<div class="col-lg-5">
|
||||
<div class="footer-col footer-left-col">
|
||||
<figure class="site-footer-logo">
|
||||
<img src="../images/logos/logo.png" alt="">
|
||||
</figure>
|
||||
<p>Let's develop your project with this impressive and powerful template that helps you
|
||||
create beautiful web pages. An original solution for any business.</p>
|
||||
<ul class="footer-social">
|
||||
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-dribbble"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2">
|
||||
<div class="footer-col">
|
||||
<h5>Quick Links</h5>
|
||||
<ul class="quick-links">
|
||||
<li><a href="../index.html">Home</a></li>
|
||||
<li><a href="../services-style-1.html">Services</a></li>
|
||||
<li><a href="../blog-full-width.html">Blogs</a></li>
|
||||
<li><a href="../contact-style-1.html">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2">
|
||||
<div class="footer-col">
|
||||
<h5>About</h5>
|
||||
<ul class="quick-links">
|
||||
<li><a href="../profile-style-1.html">Profile</a></li>
|
||||
<li><a href="../team-style-1.html">Team</a></li>
|
||||
<li><a href="../careers-style-1.html">Careers</a></li>
|
||||
<li><a href="../faq.html">FAQ</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3">
|
||||
<div class="footer-col">
|
||||
<h5>Get in Touch</h5>
|
||||
<ul class="footer-contact">
|
||||
<li class="phone"><a href="tel:123-456-7890">+ 123-456-7890</a></li>
|
||||
<li class="email"><a href="mailto:info@merit.com">info@merit.com</a></li>
|
||||
<li>
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="fas fa-map-pin"></i>
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<p>7391 North Bay Meadows Circle New York, NY 10040.</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="footer-line">
|
||||
<div class="bottom-footer">
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<div class="footer-copyright">
|
||||
<p>© 2022 <a href="https://themeforest.net/item/merit-premium-multipurpose-html5-template/21866679" target="_blank">Merit Premium Template</a> all rights reserved.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<ul class="footer-terms">
|
||||
<li><a href="../terms.html">Terms</a></li>
|
||||
<li><a href="../privacy.html">Privacy</a></li>
|
||||
<li><a href="../contact-style-4.html">Support</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!-- FOOTER END -->
|
||||
|
||||
<!-- SCROLL TOP -->
|
||||
<a href="#0" class="cd-top">Top</a>
|
||||
|
||||
<!-- TEMPLATE MAIN JAVASCRIPT FILES -->
|
||||
<script src="../js/lib/jquery-3.6.0.min.js"></script>
|
||||
<script src="../js/lib/bootstrap.min.js"></script>
|
||||
<script src="../js/lib/plugins.js"></script>
|
||||
<script src="../js/lib/megamenu.js"></script>
|
||||
<script src="../js/lib/navigation.js"></script>
|
||||
<script src="../js/lib/navigation.fixed.min.js"></script>
|
||||
<script src="../js/main.js"></script>
|
||||
|
||||
<!-- REVOLUTION JS FILES -->
|
||||
<script src="../revolution/js/jquery.themepunch.tools.min.js"></script>
|
||||
<script src="../revolution/js/jquery.themepunch.revolution.min.js"></script>
|
||||
|
||||
<!-- SLIDER REVOLUTION 5.0 EXTENSIONS (Load Extensions only on Local File Systems ! The following part can be removed on Server for On Demand Loading) -->
|
||||
<script src="../revolution/js/extensions/revolution.extension.actions.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.carousel.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.migration.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.navigation.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.parallax.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.video.min.js"></script>
|
||||
|
||||
<!-- PARTICLES ADD-ON FILES -->
|
||||
<script type='text/javascript' src='../revolution-addons/particles/js/revolution.addon.particles.min4bf4.js?ver=1.0.3'></script>
|
||||
|
||||
<!-- REQUIRE JS FOR SLIDER REVOLUTION -->
|
||||
<script>
|
||||
var tpj = jQuery;
|
||||
var revapi8;
|
||||
tpj(document).ready(function () {
|
||||
if (tpj("#rev_slider_8_1").revolution == undefined) {
|
||||
revslider_showDoubleJqueryError("#rev_slider_8_1");
|
||||
} else {
|
||||
revapi8 = tpj("#rev_slider_8_1").show().revolution({
|
||||
sliderType: "hero",
|
||||
jsFileLocation: "revolution/js/",
|
||||
sliderLayout: "fullscreen",
|
||||
dottedOverlay: "none",
|
||||
delay: 9000,
|
||||
particles: {
|
||||
startSlide: "first",
|
||||
endSlide: "last",
|
||||
zIndex: "1",
|
||||
particles: {
|
||||
number: {
|
||||
value: 300
|
||||
},
|
||||
color: {
|
||||
value: "#000000"
|
||||
},
|
||||
shape: {
|
||||
type: "circle",
|
||||
stroke: {
|
||||
width: 0,
|
||||
color: "#ffffff",
|
||||
opacity: 1
|
||||
},
|
||||
image: {
|
||||
src: ""
|
||||
}
|
||||
},
|
||||
opacity: {
|
||||
value: 0.1,
|
||||
random: false,
|
||||
min: 0.25,
|
||||
anim: {
|
||||
enable: false,
|
||||
speed: 1,
|
||||
opacity_min: 0,
|
||||
sync: false
|
||||
}
|
||||
},
|
||||
size: {
|
||||
value: 1,
|
||||
random: true,
|
||||
min: 0.5,
|
||||
anim: {
|
||||
enable: false,
|
||||
speed: 40,
|
||||
size_min: 1,
|
||||
sync: false
|
||||
}
|
||||
},
|
||||
line_linked: {
|
||||
enable: true,
|
||||
distance: 80,
|
||||
color: "#000000",
|
||||
opacity: 0.35,
|
||||
width: 1
|
||||
},
|
||||
move: {
|
||||
enable: true,
|
||||
speed: 1,
|
||||
direction: "right",
|
||||
random: true,
|
||||
min_speed: 3,
|
||||
straight: false,
|
||||
out_mode: "out"
|
||||
}
|
||||
},
|
||||
interactivity: {
|
||||
events: {
|
||||
onhover: {
|
||||
enable: true,
|
||||
mode: "repulse"
|
||||
},
|
||||
onclick: {
|
||||
enable: true,
|
||||
mode: "bubble"
|
||||
}
|
||||
},
|
||||
modes: {
|
||||
grab: {
|
||||
distance: 400,
|
||||
line_linked: {
|
||||
opacity: 0.5
|
||||
}
|
||||
},
|
||||
bubble: {
|
||||
distance: 400,
|
||||
size: 100,
|
||||
opacity: 1
|
||||
},
|
||||
repulse: {
|
||||
distance: 75
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
navigation: {},
|
||||
responsiveLevels: [1240, 1024, 778, 480],
|
||||
visibilityLevels: [1240, 1024, 778, 480],
|
||||
gridwidth: [1240, 1024, 778, 480],
|
||||
gridheight: [868, 768, 960, 720],
|
||||
lazyType: "none",
|
||||
parallax: {
|
||||
type: "scroll",
|
||||
origo: "slidercenter",
|
||||
speed: 400,
|
||||
levels: [5, 10, 15, 20, 25, 30, 35, 40, 45, 46, 47, 48, 49, 50, 0, 55],
|
||||
},
|
||||
shadow: 0,
|
||||
spinner: "spinner0",
|
||||
autoHeight: "off",
|
||||
fullScreenAutoWidth: "off",
|
||||
fullScreenAlignForce: "off",
|
||||
fullScreenOffsetContainer: "",
|
||||
fullScreenOffset: "60px",
|
||||
disableProgressBar: "on",
|
||||
hideThumbsOnMobile: "off",
|
||||
hideSliderAtLimit: 0,
|
||||
hideCaptionAtLimit: 0,
|
||||
hideAllCaptionAtLilmit: 0,
|
||||
debugMode: false,
|
||||
fallbacks: {
|
||||
simplifyAll: "off",
|
||||
disableFocusListener: false,
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
RsParticlesAddOn(revapi8);
|
||||
}); /*ready*/
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
|
||||
<!-- Mirrored from quickdevs.com/demo/merit/rev-sliders/particle-effect-three.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 29 Mar 2023 10:46:20 GMT -->
|
||||
</html>
|
||||
869
public/sunsarioverseas/rev-sliders/particle-effect-two.html
Normal file
869
public/sunsarioverseas/rev-sliders/particle-effect-two.html
Normal file
@ -0,0 +1,869 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US" class="no-js">
|
||||
|
||||
|
||||
<!-- Mirrored from quickdevs.com/demo/merit/rev-sliders/particle-effect-two.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 29 Mar 2023 10:45:59 GMT -->
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
|
||||
<!-- TITLE -->
|
||||
<title>Particle Effect - Merit Premium Multi-Purpose HTML5 Template</title>
|
||||
|
||||
<!-- META TAGS -->
|
||||
<meta name="keywords" content="premium multi-Purpose, html template, multipurpose template, bootstrap template, niches, clean, modern, multipurpose, responsive">
|
||||
<meta name="description" content="Merit is a modern Multi-Purpose HTML Template any bussines.">
|
||||
|
||||
<!-- FAVICON -->
|
||||
<link rel="shortcut icon" href="../images/icons/favicon.png">
|
||||
|
||||
<!-- REVOLUTION ADDONS -->
|
||||
<link href="http://fonts.googleapis.com/css?family=Roboto%3A700%2C300" rel="stylesheet" property="stylesheet" type="text/css" media="all" />
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/fonts/pe-icon-7-stroke/css/pe-icon-7-stroke.css">
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/fonts/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!-- REVOLUTION STYLE SHEETS -->
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/css/settings.css">
|
||||
|
||||
<!-- REVOLUTION LAYERS STYLES -->
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/css/layers.css">
|
||||
|
||||
<!-- REVOLUTION NAVIGATION STYLES -->
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/css/navigation.css">
|
||||
|
||||
<!-- PARTICLES ADD-ON FILES -->
|
||||
<link rel='stylesheet' href='../revolution-addons/particles/css/revolution.addon.particles4bf4.css?ver=1.0.3' type='text/css' media='all' />
|
||||
|
||||
<!-- MAIN CSS STYLE SHEET -->
|
||||
<link rel="stylesheet" href="../css/main.css">
|
||||
<link rel="stylesheet" href="../css/stylesheet.css">
|
||||
<link rel="stylesheet" href="../css/responsive.css">
|
||||
|
||||
<!-- REVOLUTION CUSTOM CSS -->
|
||||
<link rel="stylesheet" href="../css/slider-revolution.css">
|
||||
|
||||
<!-- MODERNIZR LIBRARY -->
|
||||
<script src="../js/modernizr-custom.js"></script>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- PRELOADER START -->
|
||||
<div id="loader-wrapper">
|
||||
<div class="loader">
|
||||
<span class="loader-26"></span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- PRELOADER END -->
|
||||
|
||||
<!-- HEADER START -->
|
||||
<header>
|
||||
<!-- TOP HEADER START -->
|
||||
<div class="top-header">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<ul class="top-contact text-left">
|
||||
<li class="phone"><span class="tel-no"><a href="tel:123-456-7890"> +123-456-7890</a></span>
|
||||
</li>
|
||||
<li class="email"><a href="mailto:info@merit.com">info@merit.com</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-6 text-right">
|
||||
<div class="top-social">
|
||||
<ul class="social-list">
|
||||
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-dribbble"></i></a></li>
|
||||
<li>
|
||||
<!-- Button trigger modal -->
|
||||
<div class="center-element">
|
||||
<button type="button" class="btn btn-default" data-toggle="modal" data-target="#exampleModal2">Login</button>
|
||||
</div>
|
||||
|
||||
<!-- Modal -->
|
||||
<div class="modal fade custom-modal" id="exampleModal2" tabindex="-1" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content login-modal">
|
||||
<button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button>
|
||||
<div class="modal-body">
|
||||
<figure class="login-avatar">
|
||||
<img src="../images/icons/user-login-2.png" alt="">
|
||||
</figure>
|
||||
<h4>Merit</h4>
|
||||
<p>Welcome Back!</p>
|
||||
<div class="google-btn">
|
||||
<button type="submit" class="tp-btn-primary">
|
||||
<img class="tp-goole-icon" src="../images/icons/google-icon.png" alt="">
|
||||
Sign in with Google
|
||||
</button>
|
||||
</div>
|
||||
<p>Or</p>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<form>
|
||||
<div class="form-group">
|
||||
<input type="email" class="form-control login-fc" placeholder="Email or Username">
|
||||
</div>
|
||||
<div class="form-group mt-3">
|
||||
<input type="password" class="form-control login-fc" placeholder="Password">
|
||||
</div>
|
||||
<div class="login-options d-flex justify-content-between mt-3">
|
||||
<div class="have-account">
|
||||
<p><a href="#">Dont have an account?</a></p>
|
||||
</div>
|
||||
<div class="forgot-password">
|
||||
<p><a href="#">Forgot password?</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="login-btn">
|
||||
<button type="submit" class="tp-btn-primary">Login</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="top-line">
|
||||
</div>
|
||||
</div>
|
||||
<!-- TOP HEADER END -->
|
||||
|
||||
<!-- MEGAMENU START -->
|
||||
<div class="main-nav">
|
||||
<div class="container">
|
||||
<nav id="navigation1" class="navigation">
|
||||
<div class="nav-header">
|
||||
<a class="nav-logo" href="../index.html">
|
||||
<img src="../images/logos/logo.png" class="white-logo" alt="">
|
||||
<img src="../images/logos/logo-black.png" class="dark-logo" alt="">
|
||||
</a>
|
||||
<div class="nav-toggle"></div>
|
||||
</div>
|
||||
<div class="nav-menus-wrapper">
|
||||
<ul class="nav-menu align-to-right">
|
||||
<li><a href="#">HOME</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../1-agency.html">Agency</a></li>
|
||||
<li><a href="../2-beauty.html">Beauty</a></li>
|
||||
<li><a href="../3-construction.html">Construction</a></li>
|
||||
<li><a href="../4-corporate.html">Corporate</a></li>
|
||||
<li><a href="../5-courier.html">Courier</a></li>
|
||||
<li><a href="../6-dealer.html">Dealer</a></li>
|
||||
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../7-dental.html">Dental</a></li>
|
||||
<li><a href="../8-education.html">Education</a></li>
|
||||
<li><a href="../9-gym.html">Gym</a></li>
|
||||
<li><a href="../10-hotel.html">Hotel</a></li>
|
||||
<li><a href="../11-medical.html">Medical</a></li>
|
||||
<li><a href="../12-restaurant.html">Restaurant</a></li>
|
||||
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../13-charity.html">Charity</a></li>
|
||||
<li><a href="../14-cleaning.html">Cleaning</a></li>
|
||||
<li><a href="../15-finance.html">Finance</a></li>
|
||||
<li><a href="../16-industrial.html">Industrial</a></li>
|
||||
<li><a href="../17-hosting.html">Hosting</a></li>
|
||||
<li><a href="../18-portfolio.html">Portfolio</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../19-organic.html">Organic</a></li>
|
||||
<li><a href="../20-farm.html">Farm</a></li>
|
||||
<li><a href="../21-yoga.html">Yoga</a></li>
|
||||
<li><a href="../22-travel.html">Travel</a></li>
|
||||
<li><a href="../23-lawyer.html">Lawyer</a></li>
|
||||
<li><a href="../24-fitness.html">Fitness</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">PAGES</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../about-style-1.html">About Us</a></li>
|
||||
<li><a href="../about-style-2.html">About Me</a></li>
|
||||
<li><a href="../about-style-3.html">About Us - ALT 2</a></li>
|
||||
<li><a href="../about-style-4.html">About Us - ALT 3</a></li>
|
||||
<li><a href="../careers-style-1.html">Careers</a></li>
|
||||
<li><a href="../careers-style-2.html">Careers - ALT 2</a></li>
|
||||
<li><a href="../careers-style-3.html">Careers - ALT 3</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../services-style-1.html">Services</a></li>
|
||||
<li><a href="../services-style-2.html">Services - ALT 2</a></li>
|
||||
<li><a href="../services-style-3.html">Services - ALT 3</a></li>
|
||||
<li><a href="../services-style-4.html">Services - ALT 4</a></li>
|
||||
<li><a href="../profile-style-1.html">Profile</a></li>
|
||||
<li><a href="../profile-style-2.html">Profile - ALT 2</a></li>
|
||||
<li><a href="../profile-style-3.html">Profile - ALT 3</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../contact-style-1.html">Contact Us </a></li>
|
||||
<li><a href="../contact-style-2.html">Contact Us - ALT 2</a></li>
|
||||
<li><a href="../contact-style-3.html">Contact Us - ALT 3</a></li>
|
||||
<li><a href="../contact-style-4.html">Contact Us - ALT 4</a></li>
|
||||
<li><a href="../team-style-1.html">Our Team</a></li>
|
||||
<li><a href="../team-style-2.html">Our Team - ALT 2</a></li>
|
||||
<li><a href="../team-style-3.html">Our Team - ALT 3</a></li>
|
||||
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../coming-soon-style-1.html">Coming Soon</a></li>
|
||||
<li><a href="../coming-soon-style-2.html">Coming Soon - ALT 2</a></li>
|
||||
<li><a href="../404-error-style-1.html">404 Page</a></li>
|
||||
<li><a href="../404-error-style-2.html">404 Page - ALT 2</a></li>
|
||||
<li><a href="../login-register-style-1.html">Login / Register</a></li>
|
||||
<li><a href="../faq.html">Faq</a></li>
|
||||
<li><a href="../faq-alt.html">Faq - ALT</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">ELEMENTS</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 1</a></li>
|
||||
<li><a href="../elements/accordions.html"><i class="fas fa-plus-square"></i> Accordions</a></li>
|
||||
<li><a href="../elements/alerts.html"><i class="fas fa-exclamation-circle"></i> Alerts</a></li>
|
||||
<li><a href="../elements/animations.html"><i class="fas fa-exchange-alt"></i> Animations</a></li>
|
||||
<li><a href="../elements/blockquotes.html"><i class="fas fa-quote-left"></i> Blockquotes</a></li>
|
||||
<li><a href="../elements/breadcrumbs.html"><i class="fas fa-share"></i> Breadcrumbs</a></li>
|
||||
<li><a href="../elements/buttons.html"><i class="fas fa-square"></i> Buttons</a></li>
|
||||
<li><a href="../elements/call-to-action.html"><i class="fas fa-bullhorn"></i> Call to Action</a></li>
|
||||
<li><a href="../elements/charts.html"><i class="fas fa-circle-notch"></i> Charts</a></li>
|
||||
<li><a href="../elements/content-boxes.html"><i class="fas fa-th-large"></i> Content Boxes</a></li>
|
||||
<li><a href="../elements/counters.html"><i class="fas fa-bullseye"></i> Counters</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 2</a></li>
|
||||
<li><a href="../elements/customers.html"><i class="fas fa-user-circle"></i> Customer</a></li>
|
||||
<li><a href="../elements/dropcaps.html"><i class="fas fa-font"></i> Dropcaps</a></li>
|
||||
<li><a href="../elements/flip-boxes.html"><i class="fas fa-sync-alt"></i> Flip Box</a></li>
|
||||
<li><a href="../elements/google-maps.html"><i class="fas fa-map"></i> Google Maps</a></li>
|
||||
<li><a href="../elements/grid-boxes.html"><i class="fas fa-th"></i> Grid Boxes</a></li>
|
||||
<li><a href="../elements/icon-boxes.html"><i class="fas fa-th-large"></i> Icon Boxes</a></li>
|
||||
<li><a href="../elements/icon-circle.html"><i class="far fa-circle"></i> Icon Circle</a></li>
|
||||
<li><a href="../elements/image-gallery.html"><i class="fas fa-expand"></i> Image Gallery</a></li>
|
||||
<li><a href="../elements/images.html"><i class="far fa-image"></i> Images</a></li>
|
||||
<li><a href="../elements/image-hover.html"><i class="fas fa-object-ungroup" aria-hidden="true"></i> Image Hover</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 3</a></li>
|
||||
<li><a href="../elements/lightbox.html"><i class="fas fa-lightbulb"></i> LightBox</a></li>
|
||||
<li><a href="../elements/modal-popup.html"><i class="fas fa-search-plus"></i> Modal Popup</a></li>
|
||||
<li><a href="../elements/pagination.html"><i class="fas fa-angle-double-right"></i> Pagination</a></li>
|
||||
<li><a href="../elements/parallax.html"><i class="fas fa-random"></i> Parallax</a></li>
|
||||
<li><a href="../elements/pricing-table.html"><i class="fas fa-table"></i> Pricing Tables</a></li>
|
||||
<li><a href="../elements/process-steps.html"><i class="fas fa-arrow-right"></i> Process Steps</a></li>
|
||||
<li><a href="../elements/profile-cards.html"><i class="fas fa-address-card"></i> Profile Cards</a></li>
|
||||
<li><a href="../elements/progress-bar.html"><i class="fas fa-tasks"></i> Progress Bar</a></li>
|
||||
<li><a href="../elements/recent-posts.html"><i class="fas fa-newspaper"></i> Recent Posts</a></li>
|
||||
<li><a href="../elements/section-styles.html"><i class="fas fa-outdent"></i> Section Styles</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 4</a></li>
|
||||
<li><a href="../elements/separators.html"><i class="fas fa-minus"></i> Separators</a></li>
|
||||
<li><a href="../elements/shop-banners.html"><i class="fas fa-language"></i> Shop Banners</a></li>
|
||||
<li><a href="../elements/social-icons.html"><i class="fab fa-twitter"></i> Social Icons</a></li>
|
||||
<li><a href="../elements/tables.html"><i class="fas fa-table"></i> Tables</a></li>
|
||||
<li><a href="../elements/tabs.html"><i class="fas fa-window-maximize"></i> Tabs</a></li>
|
||||
<li><a href="../elements/team.html"><i class="fas fa-users"></i> Team</a></li>
|
||||
<li><a href="../elements/testimonials.html"><i class="fas fa-edit"></i> Testimonials</a></li>
|
||||
<li><a href="../elements/timeline.html"><i class="fas fa-arrow-down"></i> Timeline</a></li>
|
||||
<li><a href="../elements/videos.html"><i class="fas fa-video"></i> Videos & Audio</a></li>
|
||||
<li><a href="../elements/video-background.html"><i class="fas fa-photo-video"></i> Video Background</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">SLIDERS</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 1</a></li>
|
||||
<li><a href="3d-parallax-scenes.html">3D Parallax Scenes</a></li>
|
||||
<li><a href="404-error.html">404 Error</a></li>
|
||||
<li><a href="agency-slider.html">Agency Slider</a></li>
|
||||
<li><a href="blend-mode.html">Blend Mode</a></li>
|
||||
<li><a href="blur-effect.html">Blur Effect</a></li>
|
||||
<li><a href="car-dealer.html">Car Dealer</a></li>
|
||||
<li><a href="carousel-gallery.html">Carousel Gallery</a></li>
|
||||
<li><a href="classic-carousel.html">Classic Carousel</a></li>
|
||||
<li><a href="coming-soon.html">Coming soon</a></li>
|
||||
<li><a href="concept-slider.html">Concept Slider</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 2</a></li>
|
||||
<li><a href="double-exposure-effect.html">Double Exposure Effect</a></li>
|
||||
<li><a href="exploration-header.html">Exploration Header</a></li>
|
||||
<li><a href="film-strip.html">Film Strip Effect</a></li>
|
||||
<li><a href="fine-dining.html">Fine Dining</a></li>
|
||||
<li><a href="gravity-design.html">Gravity Design</a></li>
|
||||
<li><a href="happy-hollidays.html">Happy Hollidays</a></li>
|
||||
<li><a href="hero-sports.html">Hero Sports</a></li>
|
||||
<li><a href="inspiration-header.html">Inspiration Header</a></li>
|
||||
<li><a href="levano-slider.html">Levano Slider</a></li>
|
||||
<li><a href="magazine-posts.html">Magazine Posts</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 3</a></li>
|
||||
<li><a href="mask-showcase.html">Mask Showcase</a></li>
|
||||
<li><a href="mountain-parallax.html">Mountain Parallax</a></li>
|
||||
<li><a href="over-expousure.html">Over Exposure</a></li>
|
||||
<li><a href="panorama.html">Panorama</a></li>
|
||||
<li><a href="parallax-joy.html">Parallax Joy</a></li>
|
||||
<li><a href="parallax-zoom.html">Parallax Zoom</a></li>
|
||||
<li><a href="particle-effect-one.html">Particle Effect one</a></li>
|
||||
<li><a href="particle-effect-two.html">Particle Effect Two</a></li>
|
||||
<li><a href="particle-effect-three.html">Particle Effect Three</a></li>
|
||||
<li><a href="style-intro.html">Style Intro</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 4</a></li>
|
||||
<li><a href="reveal.html">Reveal</a></li>
|
||||
<li><a href="rock-band.html">Rock Band</a></li>
|
||||
<li><a href="scroll-effects.html">Scroll Effect</a></li>
|
||||
<li><a href="slider-gym.html">Slider Gym</a></li>
|
||||
<li><a href="slider-news.html">Slider News</a></li>
|
||||
<li><a href="sliding-overlays.html">Sliding Overlays</a></li>
|
||||
<li><a href="web-agency.html">Web Agency</a></li>
|
||||
<li><a href="web-product.html">Web Product</a></li>
|
||||
<li><a href="website-intro.html">Website Intro</a></li>
|
||||
<li><a href="youtube-hero.html">Youtube Hero</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">SHOP</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="#">CLASSIC</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../shop-full-width.html">Full width</a></li>
|
||||
<li><a href="../shop-left-sidebar.html">Left sidebar</a></li>
|
||||
<li><a href="../shop-right-sidebar.html">Right sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">PRODUCT DETAILS</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../product-full-width.html">Full width</a></li>
|
||||
<li><a href="../product-left-sidebar.html">Left sidebar</a></li>
|
||||
<li><a href="../product-right-sidebar.html">Right sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="../shopping-cart.html">SHOPING CART</a></li>
|
||||
<li><a href="../checkout.html">CHECKOUT</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">BLOG</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="#">CLASSIC</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../blog-full-width.html">Full width</a></li>
|
||||
<li><a href="../blog-left-sidebar.html">Left sidebar</a></li>
|
||||
<li><a href="../blog-right-sidebar.html">Right sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">GRID</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../blog-grid-one-column.html">One column</a></li>
|
||||
<li><a href="../blog-grid-two-column.html">Two column</a></li>
|
||||
<li><a href="../blog-grid-three-column.html">Three column</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">MASONRY</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../masonry-two-columns.html">Two Columns</a></li>
|
||||
<li><a href="../masonry-three-columns.html">Three Columns</a></li>
|
||||
<li><a href="../masonry-four-columns.html">Four Columns</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">BLOG SINGLE</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../blog-single-full-width.html">Blog Single Full Width</a></li>
|
||||
<li><a href="../blog-single-left-sidebar.html">Blog Single Left Sidebar</a></li>
|
||||
<li><a href="../blog-single-right-sidebar.html">Blog Single Right Sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<!-- MEGAMENU END -->
|
||||
|
||||
<div class="home-slider">
|
||||
<!-- SLIDER REVOLUTION START -->
|
||||
<section class="example">
|
||||
<article class="content">
|
||||
|
||||
<div id="rev_slider_6_1_wrapper" class="rev_slider_wrapper fullscreen-container"
|
||||
data-alias="particle-effect-two5" data-source="gallery" style="background:#7b8f9a;padding:0px;">
|
||||
<!-- START REVOLUTION SLIDER 5.4.1 fullscreen mode -->
|
||||
<div id="rev_slider_6_1" class="rev_slider fullscreenbanner" style="display:none;"
|
||||
data-version="5.4.1">
|
||||
<ul>
|
||||
<!-- SLIDE -->
|
||||
<li data-index="rs-14" data-transition="fade" data-slotamount="default"
|
||||
data-hideafterloop="0" data-hideslideonmobile="off" data-easein="Power4.easeOut"
|
||||
data-easeout="Power4.easeOut" data-masterspeed="3000"
|
||||
data-thumb="../assets/images/particlebg5-100x50.jpg" data-rotate="0"
|
||||
data-saveperformance="off" data-title="Example One" data-param1="" data-param2=""
|
||||
data-param3="" data-param4="" data-param5="" data-param6="" data-param7=""
|
||||
data-param8="" data-param9="" data-param10="" data-description="">
|
||||
<!-- MAIN IMAGE -->
|
||||
<img src="../assets/images/particlebg5.jpg" alt="" data-bgposition="center top"
|
||||
data-kenburns="on" data-duration="30000" data-ease="Linear.easeNone"
|
||||
data-scalestart="100" data-scaleend="130" data-rotatestart="0" data-rotateend="0"
|
||||
data-blurstart="0" data-blurend="0" data-offsetstart="0 0" data-offsetend="0 500"
|
||||
data-bgparallax="4" class="rev-slidebg" data-no-retina>
|
||||
<!-- LAYERS -->
|
||||
|
||||
<!-- LAYER NR. 1 -->
|
||||
<div class="tp-caption tp-shape tp-shapewrapper " id="slide-14-layer-12"
|
||||
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
|
||||
data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
|
||||
data-width="full" data-height="full" data-whitespace="nowrap" data-type="shape"
|
||||
data-basealign="slide" data-responsive_offset="off" data-responsive="off"
|
||||
data-frames='[{"delay":500,"speed":1000,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power4.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
|
||||
data-textAlign="['inherit','inherit','inherit','inherit']"
|
||||
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
|
||||
data-blendmode="screen" style="z-index: 5;background-color:rgba(0,38,59,1);">
|
||||
</div>
|
||||
|
||||
<!-- LAYER NR. 2 -->
|
||||
<div class="tp-caption tp-resizeme" id="slide-14-layer-6"
|
||||
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
|
||||
data-y="['middle','middle','middle','middle']"
|
||||
data-voffset="['-70','-90','-100','-100']" data-fontsize="['60','60','40','40']"
|
||||
data-lineheight="['80','80','60','60']" data-width="none" data-height="none"
|
||||
data-whitespace="nowrap" data-type="text" data-responsive_offset="on"
|
||||
data-wrapper_class="tp-nopointer"
|
||||
data-frames='[{"delay":500,"split":"chars","splitdelay":0.02,"speed":500,"frame":"0","from":"x:-100px;sX:1;sY:2;opacity:0;fb:10px;","to":"o:1;fb:0;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;fb:0;","ease":"Power3.easeInOut"}]'
|
||||
data-textAlign="['center','center','center','center']"
|
||||
data-paddingtop="[0,0,0,0]" data-paddingright="[20,20,20,20]"
|
||||
data-paddingbottom="[0,0,0,0]" data-paddingleft="[20,20,20,20]"
|
||||
data-blendmode="overlay"
|
||||
style="z-index: 6; white-space: nowrap; font-size: 60px; line-height: 80px; font-weight: 700; color: rgba(255,255,255,1);font-family:Poppins;letter-spacing:15px;">
|
||||
ELEVATE<br />YOUR<br />DESIGN </div>
|
||||
|
||||
<!-- LAYER NR. 3 -->
|
||||
<div class="tp-caption tp-resizeme" id="slide-14-layer-8"
|
||||
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
|
||||
data-y="['middle','middle','middle','middle']"
|
||||
data-voffset="['80','60','30','30']" data-width="['none','none','361','330']"
|
||||
data-height="none" data-whitespace="['nowrap','nowrap','normal','normal']"
|
||||
data-type="text" data-responsive_offset="on" data-wrapper_class="tp-nopointer"
|
||||
data-frames='[{"delay":1000,"speed":1000,"frame":"0","from":"y:20px;sX:1;sY:1;opacity:0;fb:10px;","to":"o:1;fb:0;","ease":"Power4.easeOut"},{"delay":"wait","speed":600,"frame":"999","to":"auto:auto;fb:0;","ease":"Power3.easeInOut"}]'
|
||||
data-textAlign="['inherit','inherit','center','center']"
|
||||
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
|
||||
data-blendmode="overlay"
|
||||
style="z-index: 7; white-space: nowrap; font-size: 17px; line-height: 25px; font-weight: 700; color: rgba(255,255,255,1);font-family:Poppins;letter-spacing:10px;">
|
||||
PARTICLE EFFECTS ADDON </div>
|
||||
|
||||
<!-- LAYER NR. 4 -->
|
||||
<div class="tp-caption rev-btn tp-resizeme" id="slide-14-layer-10"
|
||||
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
|
||||
data-y="['middle','middle','middle','middle']"
|
||||
data-voffset="['160','140','120','110']"
|
||||
data-fontweight="['900','700','700','700']" data-width="none" data-height="none"
|
||||
data-whitespace="nowrap" data-type="button"
|
||||
data-actions='[{"event":"click","action":"scrollbelow","offset":"px","delay":"","speed":"300","ease":"Linear.easeNone"}]'
|
||||
data-responsive_offset="on"
|
||||
data-frames='[{"delay":1600,"speed":1000,"frame":"0","from":"y:20px;opacity:0;fb:10px;","to":"o:1;fb:0;","ease":"Power4.easeOut"},{"delay":"wait","speed":600,"frame":"999","to":"auto:auto;fb:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"300","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;fb:0;","style":"c:rgba(255,255,255,1);bg:rgba(0,0,0,1);bc:transparent;"}]'
|
||||
data-textAlign="['inherit','inherit','inherit','inherit']"
|
||||
data-paddingtop="[0,0,0,0]" data-paddingright="[50,50,50,50]"
|
||||
data-paddingbottom="[0,0,0,0]" data-paddingleft="[50,50,50,50]"
|
||||
data-blendmode="overlay"
|
||||
style="z-index: 8; white-space: nowrap; font-size: 17px; line-height: 50px; font-weight: 900; color: rgba(0,0,0,1);font-family:Georgia, serif;font-style:italic;background-color:rgba(255,255,255,1);border-color:rgba(0,0,0,1);border-style:solid;border-width:2px 2px 2px 2px;border-radius:3px 3px 3px 3px;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;">
|
||||
Keep Reading <i class="fa-icon-angle-double-down"></i> </div>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</article>
|
||||
</section>
|
||||
<!-- SLIDER REVOLUTION END -->
|
||||
</div>
|
||||
</header>
|
||||
<!-- HEADER END -->
|
||||
|
||||
<section>
|
||||
<div class="container mt-5 mb-5">
|
||||
<div class="row">
|
||||
<div class="col-lg-4">
|
||||
<div class="slider-feature-info">
|
||||
<h5 class="overtitle">Particle Effect </h5>
|
||||
<h2>SLIDER REVOLUTION</h2>
|
||||
<p>Including the powerful and stunning Slider Revolution is an innovative, responsive jQuery Slider Plugin that displays your content the beautiful way.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-8 spacing-md">
|
||||
<div class="row">
|
||||
<div class="col-md-6 top-col">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/levels.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">SLIDERS DIVERSITY</h5>
|
||||
<p>With more than 100 templates, it allows you to create almost any type of web pages.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 top-col">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/document.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">DOCUMENTATION</h5>
|
||||
<p>Complete and clear documentation for an easy and fast installation..</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 bottom-col-resp">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/device.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">RESPONSIVE DESIGN</h5>
|
||||
<p>Slider Revolution adapts to any device for a better visual experience..</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/support.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">PREMIUM SUPPORT</h5>
|
||||
<p>If you have any problems in the installation process, we are here to help you.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="rs-line">
|
||||
</div>
|
||||
|
||||
<div class="container rs-call-to-action mt-5 mb-5">
|
||||
<div class="row">
|
||||
<div class="col-lg-8">
|
||||
<div class="ca-left-side">
|
||||
<h3>Premium Multi-Purpose HTML5 Template</h3>
|
||||
<p>Let's develop your project with this impressive and powerful template that helps you
|
||||
create beautiful web pages. An original solution for any business..</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12 col-lg-4">
|
||||
<div class="ca-right-side flex-parent jc-center">
|
||||
<a class="tp-btn-primary" href="https://themeforest.net/item/merit-premium-multipurpose-html5-template/21866679" target="_blank">Purchase now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- FOOTER START -->
|
||||
<footer>
|
||||
<div class="container mt-5">
|
||||
<div class="top-footer">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 col-xl-7">
|
||||
<h3>Creative and affordable website solution</h3>
|
||||
<p>Build modern websites with this powefull Multi-Purpose Template.</p>
|
||||
</div>
|
||||
<div class="col-lg-12 col-xl-5">
|
||||
<div class="footer-btn">
|
||||
<a class="tp-btn-primary" href="https://themeforest.net/item/merit-premium-multipurpose-html5-template/21866679" target="_blank" role="button">Purchase now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="footer-line">
|
||||
<div class="center-footer">
|
||||
<div class="row">
|
||||
<div class="col-lg-5">
|
||||
<div class="footer-col footer-left-col">
|
||||
<figure class="site-footer-logo">
|
||||
<img src="../images/logos/logo.png" alt="">
|
||||
</figure>
|
||||
<p>Let's develop your project with this impressive and powerful template that helps you
|
||||
create beautiful web pages. An original solution for any business.</p>
|
||||
<ul class="footer-social">
|
||||
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-dribbble"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2">
|
||||
<div class="footer-col">
|
||||
<h5>Quick Links</h5>
|
||||
<ul class="quick-links">
|
||||
<li><a href="../index.html">Home</a></li>
|
||||
<li><a href="../services-style-1.html">Services</a></li>
|
||||
<li><a href="../blog-full-width.html">Blogs</a></li>
|
||||
<li><a href="../contact-style-1.html">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2">
|
||||
<div class="footer-col">
|
||||
<h5>About</h5>
|
||||
<ul class="quick-links">
|
||||
<li><a href="../profile-style-1.html">Profile</a></li>
|
||||
<li><a href="../team-style-1.html">Team</a></li>
|
||||
<li><a href="../careers-style-1.html">Careers</a></li>
|
||||
<li><a href="../faq.html">FAQ</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3">
|
||||
<div class="footer-col">
|
||||
<h5>Get in Touch</h5>
|
||||
<ul class="footer-contact">
|
||||
<li class="phone"><a href="tel:123-456-7890">+ 123-456-7890</a></li>
|
||||
<li class="email"><a href="mailto:info@merit.com">info@merit.com</a></li>
|
||||
<li>
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="fas fa-map-pin"></i>
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<p>7391 North Bay Meadows Circle New York, NY 10040.</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="footer-line">
|
||||
<div class="bottom-footer">
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<div class="footer-copyright">
|
||||
<p>© 2022 <a href="https://themeforest.net/item/merit-premium-multipurpose-html5-template/21866679" target="_blank">Merit Premium Template</a> all rights reserved.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<ul class="footer-terms">
|
||||
<li><a href="../terms.html">Terms</a></li>
|
||||
<li><a href="../privacy.html">Privacy</a></li>
|
||||
<li><a href="../contact-style-4.html">Support</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!-- FOOTER END -->
|
||||
|
||||
<!-- SCROLL TOP -->
|
||||
<a href="#0" class="cd-top">Top</a>
|
||||
|
||||
<!-- TEMPLATE MAIN JAVASCRIPT FILES -->
|
||||
<script src="../js/lib/jquery-3.6.0.min.js"></script>
|
||||
<script src="../js/lib/bootstrap.min.js"></script>
|
||||
<script src="../js/lib/plugins.js"></script>
|
||||
<script src="../js/lib/megamenu.js"></script>
|
||||
<script src="../js/lib/navigation.js"></script>
|
||||
<script src="../js/lib/navigation.fixed.min.js"></script>
|
||||
<script src="../js/main.js"></script>
|
||||
|
||||
<!-- REVOLUTION JS FILES -->
|
||||
<script src="../revolution/js/jquery.themepunch.tools.min.js"></script>
|
||||
<script src="../revolution/js/jquery.themepunch.revolution.min.js"></script>
|
||||
|
||||
<!-- SLIDER REVOLUTION 5.0 EXTENSIONS (Load Extensions only on Local File Systems ! The following part can be removed on Server for On Demand Loading) -->
|
||||
<script src="../revolution/js/extensions/revolution.extension.actions.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.carousel.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.migration.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.navigation.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.parallax.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.video.min.js"></script>
|
||||
|
||||
<!-- PARTICLES ADD-ON FILES -->
|
||||
<script type='text/javascript'
|
||||
src='../revolution-addons/particles/js/revolution.addon.particles.min4bf4.js?ver=1.0.3'></script>
|
||||
|
||||
<!-- REQUIRE JS FOR SLIDER REVOLUTION -->
|
||||
<script>
|
||||
var tpj = jQuery;
|
||||
var revapi6;
|
||||
tpj(document).ready(function () {
|
||||
if (tpj("#rev_slider_6_1").revolution == undefined) {
|
||||
revslider_showDoubleJqueryError("#rev_slider_6_1");
|
||||
} else {
|
||||
revapi6 = tpj("#rev_slider_6_1").show().revolution({
|
||||
sliderType: "hero",
|
||||
jsFileLocation: "revolution/js/",
|
||||
sliderLayout: "fullscreen",
|
||||
dottedOverlay: "none",
|
||||
delay: 9000,
|
||||
particles: {
|
||||
startSlide: "first",
|
||||
endSlide: "last",
|
||||
zIndex: "1",
|
||||
particles: {
|
||||
number: {
|
||||
value: 100
|
||||
},
|
||||
color: {
|
||||
value: "#000000"
|
||||
},
|
||||
shape: {
|
||||
type: "triangle",
|
||||
stroke: {
|
||||
width: 0,
|
||||
color: "#ffffff",
|
||||
opacity: 1
|
||||
},
|
||||
image: {
|
||||
src: ""
|
||||
}
|
||||
},
|
||||
opacity: {
|
||||
value: 0.3,
|
||||
random: true,
|
||||
min: 0.1,
|
||||
anim: {
|
||||
enable: false,
|
||||
speed: 1,
|
||||
opacity_min: 0,
|
||||
sync: false
|
||||
}
|
||||
},
|
||||
size: {
|
||||
value: 10,
|
||||
random: true,
|
||||
min: 0.5,
|
||||
anim: {
|
||||
enable: false,
|
||||
speed: 40,
|
||||
size_min: 1,
|
||||
sync: false
|
||||
}
|
||||
},
|
||||
line_linked: {
|
||||
enable: false,
|
||||
distance: 200,
|
||||
color: "#000000",
|
||||
opacity: 0.2,
|
||||
width: 1
|
||||
},
|
||||
move: {
|
||||
enable: true,
|
||||
speed: 1,
|
||||
direction: "top",
|
||||
random: true,
|
||||
min_speed: 3,
|
||||
straight: false,
|
||||
out_mode: "out"
|
||||
}
|
||||
},
|
||||
interactivity: {
|
||||
events: {
|
||||
onhover: {
|
||||
enable: true,
|
||||
mode: "bubble"
|
||||
},
|
||||
onclick: {
|
||||
enable: true,
|
||||
mode: "repulse"
|
||||
}
|
||||
},
|
||||
modes: {
|
||||
grab: {
|
||||
distance: 400,
|
||||
line_linked: {
|
||||
opacity: 0.5
|
||||
}
|
||||
},
|
||||
bubble: {
|
||||
distance: 400,
|
||||
size: 0,
|
||||
opacity: 0.05
|
||||
},
|
||||
repulse: {
|
||||
distance: 500
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
navigation: {},
|
||||
responsiveLevels: [1240, 1024, 778, 480],
|
||||
visibilityLevels: [1240, 1024, 778, 480],
|
||||
gridwidth: [1240, 1024, 778, 480],
|
||||
gridheight: [868, 768, 960, 720],
|
||||
lazyType: "none",
|
||||
parallax: {
|
||||
type: "scroll",
|
||||
origo: "slidercenter",
|
||||
speed: 400,
|
||||
levels: [5, 10, 15, 20, 25, 30, 35, 40, 45, 46, 47, 48, 49, 50, 0, 55],
|
||||
},
|
||||
shadow: 0,
|
||||
spinner: "off",
|
||||
autoHeight: "off",
|
||||
fullScreenAutoWidth: "off",
|
||||
fullScreenAlignForce: "off",
|
||||
fullScreenOffsetContainer: "",
|
||||
fullScreenOffset: "60px",
|
||||
disableProgressBar: "on",
|
||||
hideThumbsOnMobile: "off",
|
||||
hideSliderAtLimit: 0,
|
||||
hideCaptionAtLimit: 0,
|
||||
hideAllCaptionAtLilmit: 0,
|
||||
debugMode: false,
|
||||
fallbacks: {
|
||||
simplifyAll: "off",
|
||||
disableFocusListener: false,
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
RsParticlesAddOn(revapi6);
|
||||
}); /*ready*/
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
|
||||
<!-- Mirrored from quickdevs.com/demo/merit/rev-sliders/particle-effect-two.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 29 Mar 2023 10:46:11 GMT -->
|
||||
</html>
|
||||
1169
public/sunsarioverseas/rev-sliders/reveal.html
Normal file
1169
public/sunsarioverseas/rev-sliders/reveal.html
Normal file
File diff suppressed because it is too large
Load Diff
960
public/sunsarioverseas/rev-sliders/rock-band.html
Normal file
960
public/sunsarioverseas/rev-sliders/rock-band.html
Normal file
@ -0,0 +1,960 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US" class="no-js">
|
||||
|
||||
|
||||
<!-- Mirrored from quickdevs.com/demo/merit/rev-sliders/rock-band.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 29 Mar 2023 10:46:45 GMT -->
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
|
||||
<!-- TITLE -->
|
||||
<title>Rock Band - Merit Premium Multi-Purpose HTML5 Template</title>
|
||||
|
||||
<!-- META TAGS -->
|
||||
<meta name="keywords" content="premium multi-Purpose, html template, multipurpose template, bootstrap template, niches, clean, modern, multipurpose, responsive">
|
||||
<meta name="description" content="Merit is a modern Multi-Purpose HTML Template any bussines.">
|
||||
|
||||
<!-- FAVICON -->
|
||||
<link rel="shortcut icon" href="../images/icons/favicon.png">
|
||||
|
||||
<!-- REVOLUTION ADDONS -->
|
||||
<link href="http://fonts.googleapis.com/css?family=Roboto%3A700%2C300" rel="stylesheet" property="stylesheet" type="text/css" media="all" />
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/fonts/pe-icon-7-stroke/css/pe-icon-7-stroke.css">
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/fonts/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!-- REVOLUTION STYLE SHEETS -->
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/css/settings.css">
|
||||
|
||||
<!-- REVOLUTION LAYERS STYLES -->
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/css/layers.css">
|
||||
|
||||
<!-- REVOLUTION NAVIGATION STYLES -->
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/css/navigation.css">
|
||||
|
||||
<!-- LOADING FONTS AND ICONS -->
|
||||
<link href="http://fonts.googleapis.com/css?family=Oswald%3A400" rel="stylesheet" property="stylesheet" type="text/css" media="all" />
|
||||
<link href="http://fonts.googleapis.com/css?family=Roboto%3A400" rel="stylesheet" property="stylesheet" type="text/css" media="all" />
|
||||
|
||||
<!-- MAIN CSS STYLE SHEET -->
|
||||
<link rel="stylesheet" href="../css/main.css">
|
||||
<link rel="stylesheet" href="../css/stylesheet.css">
|
||||
<link rel="stylesheet" href="../css/responsive.css">
|
||||
|
||||
<!-- REVOLUTION CUSTOM CSS -->
|
||||
<link rel="stylesheet" href="../css/slider-revolution.css">
|
||||
|
||||
<!-- MODERNIZR LIBRARY -->
|
||||
<script src="../js/modernizr-custom.js"></script>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- PRELOADER START -->
|
||||
<div id="loader-wrapper">
|
||||
<div class="loader">
|
||||
<span class="loader-26"></span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- PRELOADER END -->
|
||||
|
||||
<!-- HEADER START -->
|
||||
<header>
|
||||
<!-- TOP HEADER START -->
|
||||
<div class="top-header">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<ul class="top-contact text-left">
|
||||
<li class="phone"><span class="tel-no"><a href="tel:123-456-7890"> +123-456-7890</a></span>
|
||||
</li>
|
||||
<li class="email"><a href="mailto:info@merit.com">info@merit.com</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-6 text-right">
|
||||
<div class="top-social">
|
||||
<ul class="social-list">
|
||||
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-dribbble"></i></a></li>
|
||||
<li>
|
||||
<!-- Button trigger modal -->
|
||||
<div class="center-element">
|
||||
<button type="button" class="btn btn-default" data-toggle="modal" data-target="#exampleModal2">Login</button>
|
||||
</div>
|
||||
|
||||
<!-- Modal -->
|
||||
<div class="modal fade custom-modal" id="exampleModal2" tabindex="-1" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content login-modal">
|
||||
<button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button>
|
||||
<div class="modal-body">
|
||||
<figure class="login-avatar">
|
||||
<img src="../images/icons/user-login-2.png" alt="">
|
||||
</figure>
|
||||
<h4>Merit</h4>
|
||||
<p>Welcome Back!</p>
|
||||
<div class="google-btn">
|
||||
<button type="submit" class="tp-btn-primary">
|
||||
<img class="tp-goole-icon" src="../images/icons/google-icon.png" alt="">
|
||||
Sign in with Google
|
||||
</button>
|
||||
</div>
|
||||
<p>Or</p>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<form>
|
||||
<div class="form-group">
|
||||
<input type="email" class="form-control login-fc" placeholder="Email or Username">
|
||||
</div>
|
||||
<div class="form-group mt-3">
|
||||
<input type="password" class="form-control login-fc" placeholder="Password">
|
||||
</div>
|
||||
<div class="login-options d-flex justify-content-between mt-3">
|
||||
<div class="have-account">
|
||||
<p><a href="#">Dont have an account?</a></p>
|
||||
</div>
|
||||
<div class="forgot-password">
|
||||
<p><a href="#">Forgot password?</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="login-btn">
|
||||
<button type="submit" class="tp-btn-primary">Login</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="top-line">
|
||||
</div>
|
||||
</div>
|
||||
<!-- TOP HEADER END -->
|
||||
|
||||
<!-- MEGAMENU START -->
|
||||
<div class="main-nav">
|
||||
<div class="container">
|
||||
<nav id="navigation1" class="navigation">
|
||||
<div class="nav-header">
|
||||
<a class="nav-logo" href="../index.html">
|
||||
<img src="../images/logos/logo.png" class="white-logo" alt="">
|
||||
<img src="../images/logos/logo-black.png" class="dark-logo" alt="">
|
||||
</a>
|
||||
<div class="nav-toggle"></div>
|
||||
</div>
|
||||
<div class="nav-menus-wrapper">
|
||||
<ul class="nav-menu align-to-right">
|
||||
<li><a href="#">HOME</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../1-agency.html">Agency</a></li>
|
||||
<li><a href="../2-beauty.html">Beauty</a></li>
|
||||
<li><a href="../3-construction.html">Construction</a></li>
|
||||
<li><a href="../4-corporate.html">Corporate</a></li>
|
||||
<li><a href="../5-courier.html">Courier</a></li>
|
||||
<li><a href="../6-dealer.html">Dealer</a></li>
|
||||
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../7-dental.html">Dental</a></li>
|
||||
<li><a href="../8-education.html">Education</a></li>
|
||||
<li><a href="../9-gym.html">Gym</a></li>
|
||||
<li><a href="../10-hotel.html">Hotel</a></li>
|
||||
<li><a href="../11-medical.html">Medical</a></li>
|
||||
<li><a href="../12-restaurant.html">Restaurant</a></li>
|
||||
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../13-charity.html">Charity</a></li>
|
||||
<li><a href="../14-cleaning.html">Cleaning</a></li>
|
||||
<li><a href="../15-finance.html">Finance</a></li>
|
||||
<li><a href="../16-industrial.html">Industrial</a></li>
|
||||
<li><a href="../17-hosting.html">Hosting</a></li>
|
||||
<li><a href="../18-portfolio.html">Portfolio</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../19-organic.html">Organic</a></li>
|
||||
<li><a href="../20-farm.html">Farm</a></li>
|
||||
<li><a href="../21-yoga.html">Yoga</a></li>
|
||||
<li><a href="../22-travel.html">Travel</a></li>
|
||||
<li><a href="../23-lawyer.html">Lawyer</a></li>
|
||||
<li><a href="../24-fitness.html">Fitness</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">PAGES</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../about-style-1.html">About Us</a></li>
|
||||
<li><a href="../about-style-2.html">About Me</a></li>
|
||||
<li><a href="../about-style-3.html">About Us - ALT 2</a></li>
|
||||
<li><a href="../about-style-4.html">About Us - ALT 3</a></li>
|
||||
<li><a href="../careers-style-1.html">Careers</a></li>
|
||||
<li><a href="../careers-style-2.html">Careers - ALT 2</a></li>
|
||||
<li><a href="../careers-style-3.html">Careers - ALT 3</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../services-style-1.html">Services</a></li>
|
||||
<li><a href="../services-style-2.html">Services - ALT 2</a></li>
|
||||
<li><a href="../services-style-3.html">Services - ALT 3</a></li>
|
||||
<li><a href="../services-style-4.html">Services - ALT 4</a></li>
|
||||
<li><a href="../profile-style-1.html">Profile</a></li>
|
||||
<li><a href="../profile-style-2.html">Profile - ALT 2</a></li>
|
||||
<li><a href="../profile-style-3.html">Profile - ALT 3</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../contact-style-1.html">Contact Us </a></li>
|
||||
<li><a href="../contact-style-2.html">Contact Us - ALT 2</a></li>
|
||||
<li><a href="../contact-style-3.html">Contact Us - ALT 3</a></li>
|
||||
<li><a href="../contact-style-4.html">Contact Us - ALT 4</a></li>
|
||||
<li><a href="../team-style-1.html">Our Team</a></li>
|
||||
<li><a href="../team-style-2.html">Our Team - ALT 2</a></li>
|
||||
<li><a href="../team-style-3.html">Our Team - ALT 3</a></li>
|
||||
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../coming-soon-style-1.html">Coming Soon</a></li>
|
||||
<li><a href="../coming-soon-style-2.html">Coming Soon - ALT 2</a></li>
|
||||
<li><a href="../404-error-style-1.html">404 Page</a></li>
|
||||
<li><a href="../404-error-style-2.html">404 Page - ALT 2</a></li>
|
||||
<li><a href="../login-register-style-1.html">Login / Register</a></li>
|
||||
<li><a href="../faq.html">Faq</a></li>
|
||||
<li><a href="../faq-alt.html">Faq - ALT</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">ELEMENTS</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 1</a></li>
|
||||
<li><a href="../elements/accordions.html"><i class="fas fa-plus-square"></i> Accordions</a></li>
|
||||
<li><a href="../elements/alerts.html"><i class="fas fa-exclamation-circle"></i> Alerts</a></li>
|
||||
<li><a href="../elements/animations.html"><i class="fas fa-exchange-alt"></i> Animations</a></li>
|
||||
<li><a href="../elements/blockquotes.html"><i class="fas fa-quote-left"></i> Blockquotes</a></li>
|
||||
<li><a href="../elements/breadcrumbs.html"><i class="fas fa-share"></i> Breadcrumbs</a></li>
|
||||
<li><a href="../elements/buttons.html"><i class="fas fa-square"></i> Buttons</a></li>
|
||||
<li><a href="../elements/call-to-action.html"><i class="fas fa-bullhorn"></i> Call to Action</a></li>
|
||||
<li><a href="../elements/charts.html"><i class="fas fa-circle-notch"></i> Charts</a></li>
|
||||
<li><a href="../elements/content-boxes.html"><i class="fas fa-th-large"></i> Content Boxes</a></li>
|
||||
<li><a href="../elements/counters.html"><i class="fas fa-bullseye"></i> Counters</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 2</a></li>
|
||||
<li><a href="../elements/customers.html"><i class="fas fa-user-circle"></i> Customer</a></li>
|
||||
<li><a href="../elements/dropcaps.html"><i class="fas fa-font"></i> Dropcaps</a></li>
|
||||
<li><a href="../elements/flip-boxes.html"><i class="fas fa-sync-alt"></i> Flip Box</a></li>
|
||||
<li><a href="../elements/google-maps.html"><i class="fas fa-map"></i> Google Maps</a></li>
|
||||
<li><a href="../elements/grid-boxes.html"><i class="fas fa-th"></i> Grid Boxes</a></li>
|
||||
<li><a href="../elements/icon-boxes.html"><i class="fas fa-th-large"></i> Icon Boxes</a></li>
|
||||
<li><a href="../elements/icon-circle.html"><i class="far fa-circle"></i> Icon Circle</a></li>
|
||||
<li><a href="../elements/image-gallery.html"><i class="fas fa-expand"></i> Image Gallery</a></li>
|
||||
<li><a href="../elements/images.html"><i class="far fa-image"></i> Images</a></li>
|
||||
<li><a href="../elements/image-hover.html"><i class="fas fa-object-ungroup" aria-hidden="true"></i> Image Hover</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 3</a></li>
|
||||
<li><a href="../elements/lightbox.html"><i class="fas fa-lightbulb"></i> LightBox</a></li>
|
||||
<li><a href="../elements/modal-popup.html"><i class="fas fa-search-plus"></i> Modal Popup</a></li>
|
||||
<li><a href="../elements/pagination.html"><i class="fas fa-angle-double-right"></i> Pagination</a></li>
|
||||
<li><a href="../elements/parallax.html"><i class="fas fa-random"></i> Parallax</a></li>
|
||||
<li><a href="../elements/pricing-table.html"><i class="fas fa-table"></i> Pricing Tables</a></li>
|
||||
<li><a href="../elements/process-steps.html"><i class="fas fa-arrow-right"></i> Process Steps</a></li>
|
||||
<li><a href="../elements/profile-cards.html"><i class="fas fa-address-card"></i> Profile Cards</a></li>
|
||||
<li><a href="../elements/progress-bar.html"><i class="fas fa-tasks"></i> Progress Bar</a></li>
|
||||
<li><a href="../elements/recent-posts.html"><i class="fas fa-newspaper"></i> Recent Posts</a></li>
|
||||
<li><a href="../elements/section-styles.html"><i class="fas fa-outdent"></i> Section Styles</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 4</a></li>
|
||||
<li><a href="../elements/separators.html"><i class="fas fa-minus"></i> Separators</a></li>
|
||||
<li><a href="../elements/shop-banners.html"><i class="fas fa-language"></i> Shop Banners</a></li>
|
||||
<li><a href="../elements/social-icons.html"><i class="fab fa-twitter"></i> Social Icons</a></li>
|
||||
<li><a href="../elements/tables.html"><i class="fas fa-table"></i> Tables</a></li>
|
||||
<li><a href="../elements/tabs.html"><i class="fas fa-window-maximize"></i> Tabs</a></li>
|
||||
<li><a href="../elements/team.html"><i class="fas fa-users"></i> Team</a></li>
|
||||
<li><a href="../elements/testimonials.html"><i class="fas fa-edit"></i> Testimonials</a></li>
|
||||
<li><a href="../elements/timeline.html"><i class="fas fa-arrow-down"></i> Timeline</a></li>
|
||||
<li><a href="../elements/videos.html"><i class="fas fa-video"></i> Videos & Audio</a></li>
|
||||
<li><a href="../elements/video-background.html"><i class="fas fa-photo-video"></i> Video Background</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">SLIDERS</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 1</a></li>
|
||||
<li><a href="3d-parallax-scenes.html">3D Parallax Scenes</a></li>
|
||||
<li><a href="404-error.html">404 Error</a></li>
|
||||
<li><a href="agency-slider.html">Agency Slider</a></li>
|
||||
<li><a href="blend-mode.html">Blend Mode</a></li>
|
||||
<li><a href="blur-effect.html">Blur Effect</a></li>
|
||||
<li><a href="car-dealer.html">Car Dealer</a></li>
|
||||
<li><a href="carousel-gallery.html">Carousel Gallery</a></li>
|
||||
<li><a href="classic-carousel.html">Classic Carousel</a></li>
|
||||
<li><a href="coming-soon.html">Coming soon</a></li>
|
||||
<li><a href="concept-slider.html">Concept Slider</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 2</a></li>
|
||||
<li><a href="double-exposure-effect.html">Double Exposure Effect</a></li>
|
||||
<li><a href="exploration-header.html">Exploration Header</a></li>
|
||||
<li><a href="film-strip.html">Film Strip Effect</a></li>
|
||||
<li><a href="fine-dining.html">Fine Dining</a></li>
|
||||
<li><a href="gravity-design.html">Gravity Design</a></li>
|
||||
<li><a href="happy-hollidays.html">Happy Hollidays</a></li>
|
||||
<li><a href="hero-sports.html">Hero Sports</a></li>
|
||||
<li><a href="inspiration-header.html">Inspiration Header</a></li>
|
||||
<li><a href="levano-slider.html">Levano Slider</a></li>
|
||||
<li><a href="magazine-posts.html">Magazine Posts</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 3</a></li>
|
||||
<li><a href="mask-showcase.html">Mask Showcase</a></li>
|
||||
<li><a href="mountain-parallax.html">Mountain Parallax</a></li>
|
||||
<li><a href="over-expousure.html">Over Exposure</a></li>
|
||||
<li><a href="panorama.html">Panorama</a></li>
|
||||
<li><a href="parallax-joy.html">Parallax Joy</a></li>
|
||||
<li><a href="parallax-zoom.html">Parallax Zoom</a></li>
|
||||
<li><a href="particle-effect-one.html">Particle Effect one</a></li>
|
||||
<li><a href="particle-effect-two.html">Particle Effect Two</a></li>
|
||||
<li><a href="particle-effect-three.html">Particle Effect Three</a></li>
|
||||
<li><a href="style-intro.html">Style Intro</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 4</a></li>
|
||||
<li><a href="reveal.html">Reveal</a></li>
|
||||
<li><a href="rock-band.html">Rock Band</a></li>
|
||||
<li><a href="scroll-effects.html">Scroll Effect</a></li>
|
||||
<li><a href="slider-gym.html">Slider Gym</a></li>
|
||||
<li><a href="slider-news.html">Slider News</a></li>
|
||||
<li><a href="sliding-overlays.html">Sliding Overlays</a></li>
|
||||
<li><a href="web-agency.html">Web Agency</a></li>
|
||||
<li><a href="web-product.html">Web Product</a></li>
|
||||
<li><a href="website-intro.html">Website Intro</a></li>
|
||||
<li><a href="youtube-hero.html">Youtube Hero</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">SHOP</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="#">CLASSIC</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../shop-full-width.html">Full width</a></li>
|
||||
<li><a href="../shop-left-sidebar.html">Left sidebar</a></li>
|
||||
<li><a href="../shop-right-sidebar.html">Right sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">PRODUCT DETAILS</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../product-full-width.html">Full width</a></li>
|
||||
<li><a href="../product-left-sidebar.html">Left sidebar</a></li>
|
||||
<li><a href="../product-right-sidebar.html">Right sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="../shopping-cart.html">SHOPING CART</a></li>
|
||||
<li><a href="../checkout.html">CHECKOUT</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">BLOG</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="#">CLASSIC</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../blog-full-width.html">Full width</a></li>
|
||||
<li><a href="../blog-left-sidebar.html">Left sidebar</a></li>
|
||||
<li><a href="../blog-right-sidebar.html">Right sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">GRID</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../blog-grid-one-column.html">One column</a></li>
|
||||
<li><a href="../blog-grid-two-column.html">Two column</a></li>
|
||||
<li><a href="../blog-grid-three-column.html">Three column</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">MASONRY</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../masonry-two-columns.html">Two Columns</a></li>
|
||||
<li><a href="../masonry-three-columns.html">Three Columns</a></li>
|
||||
<li><a href="../masonry-four-columns.html">Four Columns</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">BLOG SINGLE</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../blog-single-full-width.html">Blog Single Full Width</a></li>
|
||||
<li><a href="../blog-single-left-sidebar.html">Blog Single Left Sidebar</a></li>
|
||||
<li><a href="../blog-single-right-sidebar.html">Blog Single Right Sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<!-- MEGAMENU END -->
|
||||
|
||||
<div class="home-slider">
|
||||
<!-- SLIDER REVOLUTION START -->
|
||||
<section class="example">
|
||||
<article class="content">
|
||||
|
||||
<div id="rev_slider_990_1_wrapper" class="rev_slider_wrapper fullscreen-container"
|
||||
data-alias="rockband88" data-source="gallery" style="background-color:transparent;padding:0px;">
|
||||
<!-- START REVOLUTION SLIDER 5.4.1 fullscreen mode -->
|
||||
<div id="rev_slider_990_1" class="rev_slider fullscreenbanner" style="display:none;"
|
||||
data-version="5.4.1">
|
||||
<ul>
|
||||
<!-- SLIDE -->
|
||||
<li data-index="rs-2760" data-transition="fade" data-slotamount="default"
|
||||
data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default"
|
||||
data-easeout="default" data-masterspeed="1000" data-rotate="0"
|
||||
data-saveperformance="off" data-title="Slide" data-param1="" data-param2=""
|
||||
data-param3="" data-param4="" data-param5="" data-param6="" data-param7=""
|
||||
data-param8="" data-param9="" data-param10="" data-description="">
|
||||
<!-- MAIN IMAGE -->
|
||||
<img src="../assets/images/Slash-1024x576-1024x576.jpg" alt=""
|
||||
data-bgposition="center center" data-bgfit="cover" data-bgparallax="5"
|
||||
class="rev-slidebg" data-no-retina>
|
||||
<!-- LAYERS -->
|
||||
|
||||
<!-- BACKGROUND VIDEO LAYER -->
|
||||
<div class="rs-background-video-layer" data-forcerewind="on" data-volume="mute"
|
||||
data-videowidth="100%" data-videoheight="100%"
|
||||
data-videomp4="../assets/videos/Slash.mp4" data-videopreload="auto"
|
||||
data-videoloop="loop" data-forceCover="1" data-aspectratio="16:9"
|
||||
data-autoplay="true" data-autoplayonlyfirsttime="false"></div>
|
||||
<!-- LAYER NR. 1 -->
|
||||
<div class="tp-caption tp-shape tp-shapewrapper " id="slide-2760-layer-1"
|
||||
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
|
||||
data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
|
||||
data-width="full" data-height="full" data-whitespace="nowrap" data-type="shape"
|
||||
data-basealign="slide" data-responsive_offset="off" data-responsive="off"
|
||||
data-frames='[{"from":"opacity:0;","speed":1000,"to":"o:1;","delay":0,"ease":"Power2.easeInOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 5;text-transform:left;background-color:rgba(51, 51, 51, 0.50);border-color:rgba(0, 0, 0, 0.50);border-width:0px;">
|
||||
</div>
|
||||
|
||||
<!-- LAYER NR. 2 -->
|
||||
<div class="tp-caption tp-resizeme" id="slide-2760-layer-14"
|
||||
data-x="['center','center','center','center']" data-hoffset="['0','0','-1','0']"
|
||||
data-y="['middle','middle','middle','middle']"
|
||||
data-voffset="['-120','-120','-270','-189']" data-width="none" data-height="none"
|
||||
data-whitespace="nowrap" data-type="image" data-responsive_offset="on"
|
||||
data-frames='[{"from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","speed":1500,"to":"o:1;","delay":1000,"ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 6;text-transform:left;border-width:0px;"><img
|
||||
src="../assets/images/rockband.png" alt=""
|
||||
data-ww="['640px','640px','640px','360px']"
|
||||
data-hh="['250px','250px','250px','141px']" width="640" height="250"
|
||||
data-no-retina> </div>
|
||||
|
||||
<!-- LAYER NR. 3 -->
|
||||
<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme" id="slide-2760-layer-5"
|
||||
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
|
||||
data-y="['bottom','bottom','bottom','bottom']" data-voffset="['0','0','0','0']"
|
||||
data-width="full" data-height="['400','400','600','440']"
|
||||
data-whitespace="nowrap" data-type="shape" data-basealign="slide"
|
||||
data-responsive_offset="on"
|
||||
data-frames='[{"from":"y:bottom;","speed":1500,"to":"o:1;","delay":1300,"ease":"Power3.easeOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 7;text-transform:left;background-color:rgba(0, 0, 0, 0.50);border-color:rgba(255, 255, 255, 1.00);border-width:0px;">
|
||||
</div>
|
||||
|
||||
<!-- LAYER NR. 4 -->
|
||||
<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme"
|
||||
id="slide-2760-layer-15" data-x="['center','center','center','center']"
|
||||
data-hoffset="['241','221','441','441']"
|
||||
data-y="['bottom','bottom','bottom','bottom']"
|
||||
data-voffset="['74','74','74','74']" data-width="2" data-height="240"
|
||||
data-whitespace="nowrap" data-visibility="['on','on','off','off']"
|
||||
data-type="shape" data-basealign="slide" data-responsive_offset="on"
|
||||
data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","speed":1500,"to":"o:1;","delay":1300,"ease":"Power3.easeOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 8;text-transform:left;background-color:rgba(255, 255, 255, 0.15);border-color:rgba(0, 0, 0, 0);border-width:0px;">
|
||||
</div>
|
||||
|
||||
<!-- LAYER NR. 5 -->
|
||||
<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme"
|
||||
id="slide-2760-layer-17" data-x="['center','center','center','center']"
|
||||
data-hoffset="['-241','-221','-431','-431']"
|
||||
data-y="['bottom','bottom','bottom','bottom']"
|
||||
data-voffset="['73','73','73','73']" data-width="2" data-height="240"
|
||||
data-whitespace="nowrap" data-visibility="['on','on','off','off']"
|
||||
data-type="shape" data-basealign="slide" data-responsive_offset="on"
|
||||
data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","speed":1500,"to":"o:1;","delay":1300,"ease":"Power3.easeOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 9;text-transform:left;background-color:rgba(255, 255, 255, 0.15);border-color:rgba(0, 0, 0, 0);border-width:0px;">
|
||||
</div>
|
||||
|
||||
<!-- LAYER NR. 6 -->
|
||||
<div class="tp-caption RockBand-LogoText tp-resizeme" id="slide-2760-layer-9"
|
||||
data-x="['center','center','center','center']"
|
||||
data-hoffset="['-430','-370','-170','0']"
|
||||
data-y="['bottom','bottom','bottom','bottom']"
|
||||
data-voffset="['290','290','260','134']" data-fontsize="['25','25','25','20']"
|
||||
data-lineheight="['25','25','25','20']" data-width="['300','240','300','380']"
|
||||
data-height="none" data-whitespace="normal" data-type="text"
|
||||
data-basealign="slide" data-responsive_offset="on"
|
||||
data-frames='[{"from":"y:50px;opacity:0;","speed":1000,"to":"o:1;","delay":1750,"ease":"Power3.easeOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 10; min-width: 300px; max-width: 300px; white-space: normal; font-size: 25px; line-height: 25px; font-weight: 400;text-transform:left;">
|
||||
UPCOMING DATES </div>
|
||||
|
||||
<!-- LAYER NR. 7 -->
|
||||
<div class="tp-caption RockBand-LogoText tp-resizeme" id="slide-2760-layer-12"
|
||||
data-x="['center','center','center','center']"
|
||||
data-hoffset="['-430','-370','-170','-100']"
|
||||
data-y="['bottom','bottom','bottom','bottom']"
|
||||
data-voffset="['170','170','140','40']" data-fontsize="['20','20','20','15']"
|
||||
data-lineheight="['30','30','30','25']" data-width="['300','240','300','180']"
|
||||
data-height="none" data-whitespace="normal" data-type="text"
|
||||
data-basealign="slide" data-responsive_offset="on"
|
||||
data-frames='[{"from":"y:50px;opacity:0;","speed":1000,"to":"o:1;","delay":1900,"ease":"Power3.easeOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 11; min-width: 300px; max-width: 300px; white-space: normal; font-size: 20px; line-height: 30px; font-weight: 400;text-transform:left;">
|
||||
<span style="background:#000;padding:0 5px;">MARCH 03, 2016</span><span
|
||||
style="color:#000;background:#fff;padding:0 5px;">03:00 PM</span><br />
|
||||
<span>CHARITY CONCERT</span><br />
|
||||
<span style="opacity:0.5;">@MIAMI GRAND ARENA</span>
|
||||
</div>
|
||||
|
||||
<!-- LAYER NR. 8 -->
|
||||
<div class="tp-caption RockBand-LogoText tp-resizeme" id="slide-2760-layer-13"
|
||||
data-x="['center','center','center','center']"
|
||||
data-hoffset="['-430','-370','-170','100']"
|
||||
data-y="['bottom','bottom','bottom','bottom']"
|
||||
data-voffset="['66','66','36','40']" data-fontsize="['20','20','20','15']"
|
||||
data-lineheight="['30','30','30','25']" data-width="['300','240','300','180']"
|
||||
data-height="none" data-whitespace="normal" data-type="text"
|
||||
data-basealign="slide" data-responsive_offset="on"
|
||||
data-frames='[{"from":"y:50px;opacity:0;","speed":1000,"to":"o:1;","delay":2050,"ease":"Power3.easeOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 12; min-width: 300px; max-width: 300px; white-space: normal; font-size: 20px; line-height: 30px; font-weight: 400;text-transform:left;">
|
||||
<span style="background:#000;padding:0 5px;">APRIL 10, 2016</span><span
|
||||
style="color:#000;background:#fff;padding:0 5px;">09:00 PM</span><br />
|
||||
<span>SWAG PARTY</span><br />
|
||||
<span style="opacity:0.5;">@NYC CENTRAL PARK</span>
|
||||
</div>
|
||||
|
||||
<!-- LAYER NR. 9 -->
|
||||
<div class="tp-caption RockBand-LogoText tp-resizeme" id="slide-2760-layer-7"
|
||||
data-x="['center','center','center','center']"
|
||||
data-hoffset="['0','0','-120','0']"
|
||||
data-y="['bottom','bottom','bottom','bottom']"
|
||||
data-voffset="['290','290','520','378']" data-fontsize="['25','25','25','20']"
|
||||
data-lineheight="['25','25','25','20']" data-width="['400','380','400','380']"
|
||||
data-height="none" data-whitespace="normal" data-type="text"
|
||||
data-basealign="slide" data-responsive_offset="on"
|
||||
data-frames='[{"from":"y:50px;opacity:0;","speed":1000,"to":"o:1;","delay":2200,"ease":"Power3.easeOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 13; min-width: 400px; max-width: 400px; white-space: normal; font-size: 25px; line-height: 25px; font-weight: 400;text-transform:left;">
|
||||
LISTEN TO OUR MUSIC </div>
|
||||
|
||||
<!-- LAYER NR. 10 -->
|
||||
<a class="tp-caption RockBand-LogoText tp-resizeme"
|
||||
href="https://soundcloud.com/dmasmusic" target="_blank" id="slide-2760-layer-8"
|
||||
data-x="['center','center','center','center']"
|
||||
data-hoffset="['130','120','250','120']"
|
||||
data-y="['bottom','bottom','bottom','bottom']"
|
||||
data-voffset="['290','290','520','378']" data-width="none" data-height="none"
|
||||
data-whitespace="nowrap" data-type="text" data-actions='' data-basealign="slide"
|
||||
data-responsive_offset="on"
|
||||
data-frames='[{"from":"y:50px;opacity:0;","speed":1000,"to":"o:1;","delay":2200,"ease":"Power3.easeOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 14; white-space: nowrap; font-size: 12px; line-height: 12px; font-weight: 400;font-family:Roboto;text-transform:left;text-decoration:underline;">MORE
|
||||
ON SOUNDCLOUD </a>
|
||||
|
||||
<!-- LAYER NR. 11 -->
|
||||
<div class="tp-caption tp-resizeme soundcloudwrapper" id="slide-2760-layer-6"
|
||||
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
|
||||
data-y="['bottom','bottom','bottom','bottom']"
|
||||
data-voffset="['90','90','320','188']" data-width="['400','380','640','380']"
|
||||
data-height="none" data-whitespace="normal" data-type="text"
|
||||
data-basealign="slide" data-responsive_offset="on"
|
||||
data-frames='[{"from":"y:50px;opacity:0;","speed":1000,"to":"o:1;","delay":2350,"ease":"Power3.easeOut"},{"delay":"wait","speed":1000,"to":"opacity:0;","ease":"Power3.easeOut"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 15; min-width: 400px; max-width: 400px; white-space: normal; font-size: 20px; line-height: 22px; font-weight: 400; color: rgba(255, 255, 255, 1.00);text-transform:left;border-width:0px;">
|
||||
<iframe width="100%" height="166" scrolling="no" frameborder="no"
|
||||
src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/168251554&color=ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false"></iframe>
|
||||
</div>
|
||||
|
||||
<!-- LAYER NR. 12 -->
|
||||
<div class="tp-caption RockBand-LogoText tp-resizeme" id="slide-2760-layer-10"
|
||||
data-x="['center','center','center','center']"
|
||||
data-hoffset="['429','370','170','490']"
|
||||
data-y="['bottom','bottom','bottom','bottom']"
|
||||
data-voffset="['290','290','260','210']" data-fontsize="['25','25','25','20']"
|
||||
data-lineheight="['25','25','25','20']" data-width="['300','240','300','300']"
|
||||
data-height="none" data-whitespace="normal"
|
||||
data-visibility="['on','on','on','off']" data-type="text" data-basealign="slide"
|
||||
data-responsive_offset="on"
|
||||
data-frames='[{"from":"y:50px;opacity:0;","speed":1000,"to":"o:1;","delay":2500,"ease":"Power3.easeOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 16; min-width: 300px; max-width: 300px; white-space: normal; font-size: 25px; line-height: 25px; font-weight: 400;text-transform:left;">
|
||||
ABOUT </div>
|
||||
|
||||
<!-- LAYER NR. 13 -->
|
||||
<div class="tp-caption RockBand-LogoText tp-resizeme Twitter-Content"
|
||||
id="slide-2760-layer-11" data-x="['center','center','center','center']"
|
||||
data-hoffset="['430','370','170','490']"
|
||||
data-y="['bottom','bottom','bottom','bottom']"
|
||||
data-voffset="['95','95','65','15']" data-width="['300','240','300','300']"
|
||||
data-height="170" data-whitespace="normal"
|
||||
data-visibility="['on','on','on','off']" data-type="text" data-basealign="slide"
|
||||
data-responsive_offset="on"
|
||||
data-frames='[{"from":"y:50px;opacity:0;","speed":1000,"to":"o:1;","delay":2650,"ease":"Power3.easeOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 17; min-width: 300px; max-width: 300px; max-width: 170px; max-width: 170px; white-space: normal; font-size: 15px; line-height: 24px; font-weight: 400;font-family:Roboto;text-transform:left;">
|
||||
DMA’S (dee-em-ayes) is Johnny Took, Matt Mason and Tommy O’Dell – three friends
|
||||
who came together making nostalgic garage pop in a bedroom in Newtown. </div>
|
||||
|
||||
<!-- LAYER NR. 14 -->
|
||||
<a class="tp-caption tp-resizeme" href="https://www.facebook.com/DMAsDMAs/timeline"
|
||||
target="_blank" id="slide-2760-layer-18"
|
||||
data-x="['center','center','center','center']"
|
||||
data-hoffset="['291','261','30','120']"
|
||||
data-y="['bottom','bottom','bottom','bottom']"
|
||||
data-voffset="['106','86','70','128']" data-width="40" data-height="40"
|
||||
data-whitespace="normal" data-type="text" data-actions='' data-basealign="slide"
|
||||
data-responsive_offset="on"
|
||||
data-frames='[{"from":"y:50px;opacity:0;","speed":1000,"to":"o:1;","delay":2800,"ease":"Power3.easeOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"}]'
|
||||
data-textAlign="['center','center','center','center']"
|
||||
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 18; min-width: 40px; max-width: 40px; max-width: 40px; max-width: 40px; white-space: normal; font-size: 25px; line-height: 40px; font-weight: 400; color: rgba(255, 255, 255, 1.00);text-transform:left;border-width:0px;"><i
|
||||
class="fa-icon-facebook-f"></i> </a>
|
||||
|
||||
<!-- LAYER NR. 15 -->
|
||||
<a class="tp-caption tp-resizeme" href="https://twitter.com/dmasmusic"
|
||||
target="_blank" id="slide-2760-layer-19"
|
||||
data-x="['center','center','center','center']"
|
||||
data-hoffset="['341','311','80','170']"
|
||||
data-y="['bottom','bottom','bottom','bottom']"
|
||||
data-voffset="['106','86','70','128']" data-width="40" data-height="40"
|
||||
data-whitespace="normal" data-type="text" data-actions='' data-basealign="slide"
|
||||
data-responsive_offset="on"
|
||||
data-frames='[{"from":"y:50px;opacity:0;","speed":1000,"to":"o:1;","delay":2950,"ease":"Power3.easeOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"}]'
|
||||
data-textAlign="['center','center','center','center']"
|
||||
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 19; min-width: 40px; max-width: 40px; max-width: 40px; max-width: 40px; white-space: normal; font-size: 25px; line-height: 40px; font-weight: 400; color: rgba(255, 255, 255, 1.00);text-transform:left;border-width:0px;"><i
|
||||
class="fa-icon-twitter"></i> </a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</article>
|
||||
</section>
|
||||
<!-- SLIDER REVOLUTION END -->
|
||||
</div>
|
||||
</header>
|
||||
<!-- HEADER END -->
|
||||
|
||||
<section>
|
||||
<div class="container mt-5 mb-5">
|
||||
<div class="row">
|
||||
<div class="col-lg-4">
|
||||
<div class="slider-feature-info">
|
||||
<h5 class="overtitle">Rock Band</h5>
|
||||
<h2>SLIDER REVOLUTION</h2>
|
||||
<p>Including the powerful and stunning Slider Revolution is an innovative, responsive jQuery Slider Plugin that displays your content the beautiful way.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-8 spacing-md">
|
||||
<div class="row">
|
||||
<div class="col-md-6 top-col">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/levels.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">SLIDERS DIVERSITY</h5>
|
||||
<p>With more than 100 templates, it allows you to create almost any type of web pages.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 top-col">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/document.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">DOCUMENTATION</h5>
|
||||
<p>Complete and clear documentation for an easy and fast installation..</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 bottom-col-resp">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/device.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">RESPONSIVE DESIGN</h5>
|
||||
<p>Slider Revolution adapts to any device for a better visual experience..</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/support.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">PREMIUM SUPPORT</h5>
|
||||
<p>If you have any problems in the installation process, we are here to help you.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="rs-line">
|
||||
</div>
|
||||
|
||||
<div class="container rs-call-to-action mt-5 mb-5">
|
||||
<div class="row">
|
||||
<div class="col-lg-8">
|
||||
<div class="ca-left-side">
|
||||
<h3>Premium Multi-Purpose HTML5 Template</h3>
|
||||
<p>Let's develop your project with this impressive and powerful template that helps you
|
||||
create beautiful web pages. An original solution for any business..</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12 col-lg-4">
|
||||
<div class="ca-right-side flex-parent jc-center">
|
||||
<a class="tp-btn-primary" href="https://themeforest.net/item/merit-premium-multipurpose-html5-template/21866679" target="_blank">Purchase now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- FOOTER START -->
|
||||
<footer>
|
||||
<div class="container mt-5">
|
||||
<div class="top-footer">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 col-xl-7">
|
||||
<h3>Creative and affordable website solution</h3>
|
||||
<p>Build modern websites with this powefull Multi-Purpose Template.</p>
|
||||
</div>
|
||||
<div class="col-lg-12 col-xl-5">
|
||||
<div class="footer-btn">
|
||||
<a class="tp-btn-primary" href="https://themeforest.net/item/merit-premium-multipurpose-html5-template/21866679" target="_blank" role="button">Purchase now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="footer-line">
|
||||
<div class="center-footer">
|
||||
<div class="row">
|
||||
<div class="col-lg-5">
|
||||
<div class="footer-col footer-left-col">
|
||||
<figure class="site-footer-logo">
|
||||
<img src="../images/logos/logo.png" alt="">
|
||||
</figure>
|
||||
<p>Let's develop your project with this impressive and powerful template that helps you
|
||||
create beautiful web pages. An original solution for any business.</p>
|
||||
<ul class="footer-social">
|
||||
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-dribbble"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2">
|
||||
<div class="footer-col">
|
||||
<h5>Quick Links</h5>
|
||||
<ul class="quick-links">
|
||||
<li><a href="../index.html">Home</a></li>
|
||||
<li><a href="../services-style-1.html">Services</a></li>
|
||||
<li><a href="../blog-full-width.html">Blogs</a></li>
|
||||
<li><a href="../contact-style-1.html">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2">
|
||||
<div class="footer-col">
|
||||
<h5>About</h5>
|
||||
<ul class="quick-links">
|
||||
<li><a href="../profile-style-1.html">Profile</a></li>
|
||||
<li><a href="../team-style-1.html">Team</a></li>
|
||||
<li><a href="../careers-style-1.html">Careers</a></li>
|
||||
<li><a href="../faq.html">FAQ</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3">
|
||||
<div class="footer-col">
|
||||
<h5>Get in Touch</h5>
|
||||
<ul class="footer-contact">
|
||||
<li class="phone"><a href="tel:123-456-7890">+ 123-456-7890</a></li>
|
||||
<li class="email"><a href="mailto:info@merit.com">info@merit.com</a></li>
|
||||
<li>
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="fas fa-map-pin"></i>
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<p>7391 North Bay Meadows Circle New York, NY 10040.</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="footer-line">
|
||||
<div class="bottom-footer">
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<div class="footer-copyright">
|
||||
<p>© 2022 <a href="https://themeforest.net/item/merit-premium-multipurpose-html5-template/21866679" target="_blank">Merit Premium Template</a> all rights reserved.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<ul class="footer-terms">
|
||||
<li><a href="../terms.html">Terms</a></li>
|
||||
<li><a href="../privacy.html">Privacy</a></li>
|
||||
<li><a href="../contact-style-4.html">Support</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!-- FOOTER END -->
|
||||
|
||||
<!-- SCROLL TOP -->
|
||||
<a href="#0" class="cd-top">Top</a>
|
||||
|
||||
<!-- TEMPLATE MAIN JAVASCRIPT FILES -->
|
||||
<script src="../js/lib/jquery-3.6.0.min.js"></script>
|
||||
<script src="../js/lib/bootstrap.min.js"></script>
|
||||
<script src="../js/lib/plugins.js"></script>
|
||||
<script src="../js/lib/megamenu.js"></script>
|
||||
<script src="../js/lib/navigation.js"></script>
|
||||
<script src="../js/lib/navigation.fixed.min.js"></script>
|
||||
<script src="../js/main.js"></script>
|
||||
|
||||
<!-- REVOLUTION JS FILES -->
|
||||
<script src="../revolution/js/jquery.themepunch.tools.min.js"></script>
|
||||
<script src="../revolution/js/jquery.themepunch.revolution.min.js"></script>
|
||||
|
||||
<!-- SLIDER REVOLUTION 5.0 EXTENSIONS (Load Extensions only on Local File Systems ! The following part can be removed on Server for On Demand Loading) -->
|
||||
<script src="../revolution/js/extensions/revolution.extension.actions.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.carousel.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.migration.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.navigation.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.parallax.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.video.min.js"></script>
|
||||
|
||||
<!-- REQUIRE JS FOR SLIDER REVOLUTION -->
|
||||
<script>
|
||||
var tpj = jQuery;
|
||||
|
||||
var revapi990;
|
||||
tpj(document).ready(function () {
|
||||
if (tpj("#rev_slider_990_1").revolution == undefined) {
|
||||
revslider_showDoubleJqueryError("#rev_slider_990_1");
|
||||
} else {
|
||||
revapi990 = tpj("#rev_slider_990_1").show().revolution({
|
||||
sliderType: "hero",
|
||||
jsFileLocation: "revolution/js/",
|
||||
sliderLayout: "fullscreen",
|
||||
dottedOverlay: "none",
|
||||
delay: 9000,
|
||||
navigation: {},
|
||||
responsiveLevels: [1240, 1024, 778, 480],
|
||||
visibilityLevels: [1240, 1024, 778, 480],
|
||||
gridwidth: [1240, 1024, 778, 480],
|
||||
gridheight: [868, 768, 960, 720],
|
||||
lazyType: "none",
|
||||
parallax: {
|
||||
type: "scroll",
|
||||
origo: "slidercenter",
|
||||
speed: 400,
|
||||
levels: [5, 10, 15, 20, 25, 30, 35, 40, 45, 46, 47, 48, 49, 50, 51, 55],
|
||||
type: "scroll",
|
||||
},
|
||||
shadow: 0,
|
||||
spinner: "off",
|
||||
autoHeight: "off",
|
||||
fullScreenAutoWidth: "off",
|
||||
fullScreenAlignForce: "off",
|
||||
fullScreenOffsetContainer: "",
|
||||
fullScreenOffset: "60px",
|
||||
disableProgressBar: "on",
|
||||
hideThumbsOnMobile: "off",
|
||||
hideSliderAtLimit: 0,
|
||||
hideCaptionAtLimit: 0,
|
||||
hideAllCaptionAtLilmit: 0,
|
||||
debugMode: false,
|
||||
fallbacks: {
|
||||
simplifyAll: "off",
|
||||
disableFocusListener: false,
|
||||
}
|
||||
});
|
||||
}
|
||||
}); /*ready*/
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
|
||||
<!-- Mirrored from quickdevs.com/demo/merit/rev-sliders/rock-band.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 29 Mar 2023 10:47:01 GMT -->
|
||||
</html>
|
||||
1022
public/sunsarioverseas/rev-sliders/scroll-effects.html
Normal file
1022
public/sunsarioverseas/rev-sliders/scroll-effects.html
Normal file
File diff suppressed because it is too large
Load Diff
1132
public/sunsarioverseas/rev-sliders/slider-gym.html
Normal file
1132
public/sunsarioverseas/rev-sliders/slider-gym.html
Normal file
File diff suppressed because it is too large
Load Diff
1040
public/sunsarioverseas/rev-sliders/slider-news.html
Normal file
1040
public/sunsarioverseas/rev-sliders/slider-news.html
Normal file
File diff suppressed because it is too large
Load Diff
947
public/sunsarioverseas/rev-sliders/sliding-overlays.html
Normal file
947
public/sunsarioverseas/rev-sliders/sliding-overlays.html
Normal file
@ -0,0 +1,947 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US" class="no-js">
|
||||
|
||||
|
||||
<!-- Mirrored from quickdevs.com/demo/merit/rev-sliders/sliding-overlays.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 29 Mar 2023 10:48:46 GMT -->
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
|
||||
<!-- TITLE -->
|
||||
<title>Sliding Overlays - Merit Premium Multi-Purpose HTML5 Template</title>
|
||||
|
||||
<!-- META TAGS -->
|
||||
<meta name="keywords" content="premium multi-Purpose, html template, multipurpose template, bootstrap template, niches, clean, modern, multipurpose, responsive">
|
||||
<meta name="description" content="Merit is a modern Multi-Purpose HTML Template any bussines.">
|
||||
|
||||
<!-- FAVICON -->
|
||||
<link rel="shortcut icon" href="../images/icons/favicon.png">
|
||||
|
||||
<!-- REVOLUTION ADDONS -->
|
||||
<link href="http://fonts.googleapis.com/css?family=Roboto%3A700%2C300" rel="stylesheet" property="stylesheet" type="text/css" media="all" />
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/fonts/pe-icon-7-stroke/css/pe-icon-7-stroke.css">
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/fonts/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!-- REVOLUTION STYLE SHEETS -->
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/css/settings.css">
|
||||
|
||||
<!-- REVOLUTION LAYERS STYLES -->
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/css/layers.css">
|
||||
|
||||
<!-- REVOLUTION NAVIGATION STYLES -->
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/css/navigation.css">
|
||||
|
||||
<!-- LOADING FONTS AND ICONS -->
|
||||
<link href="http://fonts.googleapis.com/css?family=Playfair+Display%3A400" rel="stylesheet" property="stylesheet" type="text/css" media="all" />
|
||||
|
||||
<!-- MAIN CSS STYLE SHEET -->
|
||||
<link rel="stylesheet" href="../css/main.css">
|
||||
<link rel="stylesheet" href="../css/stylesheet.css">
|
||||
<link rel="stylesheet" href="../css/responsive.css">
|
||||
|
||||
<!-- REVOLUTION CUSTOM CSS -->
|
||||
<link rel="stylesheet" href="../css/slider-revolution.css">
|
||||
|
||||
<!-- MODERNIZR LIBRARY -->
|
||||
<script src="../js/modernizr-custom.js"></script>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- PRELOADER START -->
|
||||
<div id="loader-wrapper">
|
||||
<div class="loader">
|
||||
<span class="loader-26"></span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- PRELOADER END -->
|
||||
|
||||
<!-- HEADER START -->
|
||||
<header>
|
||||
<!-- TOP HEADER START -->
|
||||
<div class="top-header">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<ul class="top-contact text-left">
|
||||
<li class="phone"><span class="tel-no"><a href="tel:123-456-7890"> +123-456-7890</a></span>
|
||||
</li>
|
||||
<li class="email"><a href="mailto:info@merit.com">info@merit.com</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-6 text-right">
|
||||
<div class="top-social">
|
||||
<ul class="social-list">
|
||||
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-dribbble"></i></a></li>
|
||||
<li>
|
||||
<!-- Button trigger modal -->
|
||||
<div class="center-element">
|
||||
<button type="button" class="btn btn-default" data-toggle="modal" data-target="#exampleModal2">Login</button>
|
||||
</div>
|
||||
|
||||
<!-- Modal -->
|
||||
<div class="modal fade custom-modal" id="exampleModal2" tabindex="-1" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content login-modal">
|
||||
<button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button>
|
||||
<div class="modal-body">
|
||||
<figure class="login-avatar">
|
||||
<img src="../images/icons/user-login-2.png" alt="">
|
||||
</figure>
|
||||
<h4>Merit</h4>
|
||||
<p>Welcome Back!</p>
|
||||
<div class="google-btn">
|
||||
<button type="submit" class="tp-btn-primary">
|
||||
<img class="tp-goole-icon" src="../images/icons/google-icon.png" alt="">
|
||||
Sign in with Google
|
||||
</button>
|
||||
</div>
|
||||
<p>Or</p>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<form>
|
||||
<div class="form-group">
|
||||
<input type="email" class="form-control login-fc" placeholder="Email or Username">
|
||||
</div>
|
||||
<div class="form-group mt-3">
|
||||
<input type="password" class="form-control login-fc" placeholder="Password">
|
||||
</div>
|
||||
<div class="login-options d-flex justify-content-between mt-3">
|
||||
<div class="have-account">
|
||||
<p><a href="#">Dont have an account?</a></p>
|
||||
</div>
|
||||
<div class="forgot-password">
|
||||
<p><a href="#">Forgot password?</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="login-btn">
|
||||
<button type="submit" class="tp-btn-primary">Login</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="top-line">
|
||||
</div>
|
||||
</div>
|
||||
<!-- TOP HEADER END -->
|
||||
|
||||
<!-- MEGAMENU START -->
|
||||
<div class="main-nav">
|
||||
<div class="container">
|
||||
<nav id="navigation1" class="navigation">
|
||||
<div class="nav-header">
|
||||
<a class="nav-logo" href="../index.html">
|
||||
<img src="../images/logos/logo.png" class="white-logo" alt="">
|
||||
<img src="../images/logos/logo-black.png" class="dark-logo" alt="">
|
||||
</a>
|
||||
<div class="nav-toggle"></div>
|
||||
</div>
|
||||
<div class="nav-menus-wrapper">
|
||||
<ul class="nav-menu align-to-right">
|
||||
<li><a href="#">HOME</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../1-agency.html">Agency</a></li>
|
||||
<li><a href="../2-beauty.html">Beauty</a></li>
|
||||
<li><a href="../3-construction.html">Construction</a></li>
|
||||
<li><a href="../4-corporate.html">Corporate</a></li>
|
||||
<li><a href="../5-courier.html">Courier</a></li>
|
||||
<li><a href="../6-dealer.html">Dealer</a></li>
|
||||
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../7-dental.html">Dental</a></li>
|
||||
<li><a href="../8-education.html">Education</a></li>
|
||||
<li><a href="../9-gym.html">Gym</a></li>
|
||||
<li><a href="../10-hotel.html">Hotel</a></li>
|
||||
<li><a href="../11-medical.html">Medical</a></li>
|
||||
<li><a href="../12-restaurant.html">Restaurant</a></li>
|
||||
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../13-charity.html">Charity</a></li>
|
||||
<li><a href="../14-cleaning.html">Cleaning</a></li>
|
||||
<li><a href="../15-finance.html">Finance</a></li>
|
||||
<li><a href="../16-industrial.html">Industrial</a></li>
|
||||
<li><a href="../17-hosting.html">Hosting</a></li>
|
||||
<li><a href="../18-portfolio.html">Portfolio</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../19-organic.html">Organic</a></li>
|
||||
<li><a href="../20-farm.html">Farm</a></li>
|
||||
<li><a href="../21-yoga.html">Yoga</a></li>
|
||||
<li><a href="../22-travel.html">Travel</a></li>
|
||||
<li><a href="../23-lawyer.html">Lawyer</a></li>
|
||||
<li><a href="../24-fitness.html">Fitness</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">PAGES</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../about-style-1.html">About Us</a></li>
|
||||
<li><a href="../about-style-2.html">About Me</a></li>
|
||||
<li><a href="../about-style-3.html">About Us - ALT 2</a></li>
|
||||
<li><a href="../about-style-4.html">About Us - ALT 3</a></li>
|
||||
<li><a href="../careers-style-1.html">Careers</a></li>
|
||||
<li><a href="../careers-style-2.html">Careers - ALT 2</a></li>
|
||||
<li><a href="../careers-style-3.html">Careers - ALT 3</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../services-style-1.html">Services</a></li>
|
||||
<li><a href="../services-style-2.html">Services - ALT 2</a></li>
|
||||
<li><a href="../services-style-3.html">Services - ALT 3</a></li>
|
||||
<li><a href="../services-style-4.html">Services - ALT 4</a></li>
|
||||
<li><a href="../profile-style-1.html">Profile</a></li>
|
||||
<li><a href="../profile-style-2.html">Profile - ALT 2</a></li>
|
||||
<li><a href="../profile-style-3.html">Profile - ALT 3</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../contact-style-1.html">Contact Us </a></li>
|
||||
<li><a href="../contact-style-2.html">Contact Us - ALT 2</a></li>
|
||||
<li><a href="../contact-style-3.html">Contact Us - ALT 3</a></li>
|
||||
<li><a href="../contact-style-4.html">Contact Us - ALT 4</a></li>
|
||||
<li><a href="../team-style-1.html">Our Team</a></li>
|
||||
<li><a href="../team-style-2.html">Our Team - ALT 2</a></li>
|
||||
<li><a href="../team-style-3.html">Our Team - ALT 3</a></li>
|
||||
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../coming-soon-style-1.html">Coming Soon</a></li>
|
||||
<li><a href="../coming-soon-style-2.html">Coming Soon - ALT 2</a></li>
|
||||
<li><a href="../404-error-style-1.html">404 Page</a></li>
|
||||
<li><a href="../404-error-style-2.html">404 Page - ALT 2</a></li>
|
||||
<li><a href="../login-register-style-1.html">Login / Register</a></li>
|
||||
<li><a href="../faq.html">Faq</a></li>
|
||||
<li><a href="../faq-alt.html">Faq - ALT</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">ELEMENTS</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 1</a></li>
|
||||
<li><a href="../elements/accordions.html"><i class="fas fa-plus-square"></i> Accordions</a></li>
|
||||
<li><a href="../elements/alerts.html"><i class="fas fa-exclamation-circle"></i> Alerts</a></li>
|
||||
<li><a href="../elements/animations.html"><i class="fas fa-exchange-alt"></i> Animations</a></li>
|
||||
<li><a href="../elements/blockquotes.html"><i class="fas fa-quote-left"></i> Blockquotes</a></li>
|
||||
<li><a href="../elements/breadcrumbs.html"><i class="fas fa-share"></i> Breadcrumbs</a></li>
|
||||
<li><a href="../elements/buttons.html"><i class="fas fa-square"></i> Buttons</a></li>
|
||||
<li><a href="../elements/call-to-action.html"><i class="fas fa-bullhorn"></i> Call to Action</a></li>
|
||||
<li><a href="../elements/charts.html"><i class="fas fa-circle-notch"></i> Charts</a></li>
|
||||
<li><a href="../elements/content-boxes.html"><i class="fas fa-th-large"></i> Content Boxes</a></li>
|
||||
<li><a href="../elements/counters.html"><i class="fas fa-bullseye"></i> Counters</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 2</a></li>
|
||||
<li><a href="../elements/customers.html"><i class="fas fa-user-circle"></i> Customer</a></li>
|
||||
<li><a href="../elements/dropcaps.html"><i class="fas fa-font"></i> Dropcaps</a></li>
|
||||
<li><a href="../elements/flip-boxes.html"><i class="fas fa-sync-alt"></i> Flip Box</a></li>
|
||||
<li><a href="../elements/google-maps.html"><i class="fas fa-map"></i> Google Maps</a></li>
|
||||
<li><a href="../elements/grid-boxes.html"><i class="fas fa-th"></i> Grid Boxes</a></li>
|
||||
<li><a href="../elements/icon-boxes.html"><i class="fas fa-th-large"></i> Icon Boxes</a></li>
|
||||
<li><a href="../elements/icon-circle.html"><i class="far fa-circle"></i> Icon Circle</a></li>
|
||||
<li><a href="../elements/image-gallery.html"><i class="fas fa-expand"></i> Image Gallery</a></li>
|
||||
<li><a href="../elements/images.html"><i class="far fa-image"></i> Images</a></li>
|
||||
<li><a href="../elements/image-hover.html"><i class="fas fa-object-ungroup" aria-hidden="true"></i> Image Hover</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 3</a></li>
|
||||
<li><a href="../elements/lightbox.html"><i class="fas fa-lightbulb"></i> LightBox</a></li>
|
||||
<li><a href="../elements/modal-popup.html"><i class="fas fa-search-plus"></i> Modal Popup</a></li>
|
||||
<li><a href="../elements/pagination.html"><i class="fas fa-angle-double-right"></i> Pagination</a></li>
|
||||
<li><a href="../elements/parallax.html"><i class="fas fa-random"></i> Parallax</a></li>
|
||||
<li><a href="../elements/pricing-table.html"><i class="fas fa-table"></i> Pricing Tables</a></li>
|
||||
<li><a href="../elements/process-steps.html"><i class="fas fa-arrow-right"></i> Process Steps</a></li>
|
||||
<li><a href="../elements/profile-cards.html"><i class="fas fa-address-card"></i> Profile Cards</a></li>
|
||||
<li><a href="../elements/progress-bar.html"><i class="fas fa-tasks"></i> Progress Bar</a></li>
|
||||
<li><a href="../elements/recent-posts.html"><i class="fas fa-newspaper"></i> Recent Posts</a></li>
|
||||
<li><a href="../elements/section-styles.html"><i class="fas fa-outdent"></i> Section Styles</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 4</a></li>
|
||||
<li><a href="../elements/separators.html"><i class="fas fa-minus"></i> Separators</a></li>
|
||||
<li><a href="../elements/shop-banners.html"><i class="fas fa-language"></i> Shop Banners</a></li>
|
||||
<li><a href="../elements/social-icons.html"><i class="fab fa-twitter"></i> Social Icons</a></li>
|
||||
<li><a href="../elements/tables.html"><i class="fas fa-table"></i> Tables</a></li>
|
||||
<li><a href="../elements/tabs.html"><i class="fas fa-window-maximize"></i> Tabs</a></li>
|
||||
<li><a href="../elements/team.html"><i class="fas fa-users"></i> Team</a></li>
|
||||
<li><a href="../elements/testimonials.html"><i class="fas fa-edit"></i> Testimonials</a></li>
|
||||
<li><a href="../elements/timeline.html"><i class="fas fa-arrow-down"></i> Timeline</a></li>
|
||||
<li><a href="../elements/videos.html"><i class="fas fa-video"></i> Videos & Audio</a></li>
|
||||
<li><a href="../elements/video-background.html"><i class="fas fa-photo-video"></i> Video Background</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">SLIDERS</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 1</a></li>
|
||||
<li><a href="3d-parallax-scenes.html">3D Parallax Scenes</a></li>
|
||||
<li><a href="404-error.html">404 Error</a></li>
|
||||
<li><a href="agency-slider.html">Agency Slider</a></li>
|
||||
<li><a href="blend-mode.html">Blend Mode</a></li>
|
||||
<li><a href="blur-effect.html">Blur Effect</a></li>
|
||||
<li><a href="car-dealer.html">Car Dealer</a></li>
|
||||
<li><a href="carousel-gallery.html">Carousel Gallery</a></li>
|
||||
<li><a href="classic-carousel.html">Classic Carousel</a></li>
|
||||
<li><a href="coming-soon.html">Coming soon</a></li>
|
||||
<li><a href="concept-slider.html">Concept Slider</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 2</a></li>
|
||||
<li><a href="double-exposure-effect.html">Double Exposure Effect</a></li>
|
||||
<li><a href="exploration-header.html">Exploration Header</a></li>
|
||||
<li><a href="film-strip.html">Film Strip Effect</a></li>
|
||||
<li><a href="fine-dining.html">Fine Dining</a></li>
|
||||
<li><a href="gravity-design.html">Gravity Design</a></li>
|
||||
<li><a href="happy-hollidays.html">Happy Hollidays</a></li>
|
||||
<li><a href="hero-sports.html">Hero Sports</a></li>
|
||||
<li><a href="inspiration-header.html">Inspiration Header</a></li>
|
||||
<li><a href="levano-slider.html">Levano Slider</a></li>
|
||||
<li><a href="magazine-posts.html">Magazine Posts</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 3</a></li>
|
||||
<li><a href="mask-showcase.html">Mask Showcase</a></li>
|
||||
<li><a href="mountain-parallax.html">Mountain Parallax</a></li>
|
||||
<li><a href="over-expousure.html">Over Exposure</a></li>
|
||||
<li><a href="panorama.html">Panorama</a></li>
|
||||
<li><a href="parallax-joy.html">Parallax Joy</a></li>
|
||||
<li><a href="parallax-zoom.html">Parallax Zoom</a></li>
|
||||
<li><a href="particle-effect-one.html">Particle Effect one</a></li>
|
||||
<li><a href="particle-effect-two.html">Particle Effect Two</a></li>
|
||||
<li><a href="particle-effect-three.html">Particle Effect Three</a></li>
|
||||
<li><a href="style-intro.html">Style Intro</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 4</a></li>
|
||||
<li><a href="reveal.html">Reveal</a></li>
|
||||
<li><a href="rock-band.html">Rock Band</a></li>
|
||||
<li><a href="scroll-effects.html">Scroll Effect</a></li>
|
||||
<li><a href="slider-gym.html">Slider Gym</a></li>
|
||||
<li><a href="slider-news.html">Slider News</a></li>
|
||||
<li><a href="sliding-overlays.html">Sliding Overlays</a></li>
|
||||
<li><a href="web-agency.html">Web Agency</a></li>
|
||||
<li><a href="web-product.html">Web Product</a></li>
|
||||
<li><a href="website-intro.html">Website Intro</a></li>
|
||||
<li><a href="youtube-hero.html">Youtube Hero</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">SHOP</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="#">CLASSIC</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../shop-full-width.html">Full width</a></li>
|
||||
<li><a href="../shop-left-sidebar.html">Left sidebar</a></li>
|
||||
<li><a href="../shop-right-sidebar.html">Right sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">PRODUCT DETAILS</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../product-full-width.html">Full width</a></li>
|
||||
<li><a href="../product-left-sidebar.html">Left sidebar</a></li>
|
||||
<li><a href="../product-right-sidebar.html">Right sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="../shopping-cart.html">SHOPING CART</a></li>
|
||||
<li><a href="../checkout.html">CHECKOUT</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">BLOG</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="#">CLASSIC</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../blog-full-width.html">Full width</a></li>
|
||||
<li><a href="../blog-left-sidebar.html">Left sidebar</a></li>
|
||||
<li><a href="../blog-right-sidebar.html">Right sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">GRID</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../blog-grid-one-column.html">One column</a></li>
|
||||
<li><a href="../blog-grid-two-column.html">Two column</a></li>
|
||||
<li><a href="../blog-grid-three-column.html">Three column</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">MASONRY</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../masonry-two-columns.html">Two Columns</a></li>
|
||||
<li><a href="../masonry-three-columns.html">Three Columns</a></li>
|
||||
<li><a href="../masonry-four-columns.html">Four Columns</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">BLOG SINGLE</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../blog-single-full-width.html">Blog Single Full Width</a></li>
|
||||
<li><a href="../blog-single-left-sidebar.html">Blog Single Left Sidebar</a></li>
|
||||
<li><a href="../blog-single-right-sidebar.html">Blog Single Right Sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<!-- MEGAMENU END -->
|
||||
|
||||
<div class="home-slider">
|
||||
<!-- SLIDER REVOLUTION START -->
|
||||
<section class="example">
|
||||
<article class="content">
|
||||
<div id="rev_slider_1079_1_wrapper" class="rev_slider_wrapper fullscreen-container"
|
||||
data-alias="sliding-overlays" data-source="gallery"
|
||||
style="background-color:#000000;padding:0px;">
|
||||
<!-- START REVOLUTION SLIDER 5.4.1 fullscreen mode -->
|
||||
<div id="rev_slider_1079_1" class="rev_slider fullscreenbanner" style="display:none;"
|
||||
data-version="5.4.1">
|
||||
<ul>
|
||||
<!-- SLIDE -->
|
||||
<li data-index="rs-3050" data-transition="slidingoverlayvertical"
|
||||
data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off"
|
||||
data-easein="default" data-easeout="default" data-masterspeed="default"
|
||||
data-thumb="../assets/images/traincover-150x100.jpg" data-rotate="0"
|
||||
data-saveperformance="off" data-title="Wow Factor" data-param1="" data-param2=""
|
||||
data-param3="" data-param4="" data-param5="" data-param6="" data-param7=""
|
||||
data-param8="" data-param9="" data-param10="" data-description="">
|
||||
<!-- MAIN IMAGE -->
|
||||
<img src="../assets/images/dummy.png" alt=""
|
||||
data-lazyload="../assets/images/traincover.jpg" data-bgposition="center center"
|
||||
data-bgfit="cover" data-bgparallax="5" class="rev-slidebg" data-no-retina>
|
||||
<!-- LAYERS -->
|
||||
|
||||
<!-- BACKGROUND VIDEO LAYER -->
|
||||
<div class="rs-background-video-layer" data-forcerewind="on" data-volume="mute"
|
||||
data-videowidth="100%" data-videoheight="100%"
|
||||
data-videomp4="../assets/videos/Broadway.mp4" data-videopreload="auto"
|
||||
data-videoloop="loop" data-forceCover="1" data-aspectratio="16:9"
|
||||
data-autoplay="true" data-autoplayonlyfirsttime="false"></div>
|
||||
<!-- LAYER NR. 1 -->
|
||||
<div class="tp-caption SlidingOverlays-Title tp-resizeme rs-parallaxlevel-3"
|
||||
id="slide-3050-layer-1" data-x="['center','center','center','center']"
|
||||
data-hoffset="['0','0','0','0']" data-y="['top','top','top','top']"
|
||||
data-voffset="['180','190','190','200']" data-fontsize="['50','40','45','40']"
|
||||
data-lineheight="['70','55','45','45']" data-width="['none','none','600','480']"
|
||||
data-height="['none','none','139','139']"
|
||||
data-whitespace="['nowrap','nowrap','normal','normal']" data-type="text"
|
||||
data-basealign="slide" data-responsive_offset="on"
|
||||
data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:[100%];s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":1000,"ease":"Power2.easeInOut"},{"delay":"wait","speed":1000,"to":"y:[175%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'
|
||||
data-textAlign="['center','center','center','center']"
|
||||
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 5; white-space: nowrap; line-height: 70px;text-transform:left;">
|
||||
How about something really fancy? </div>
|
||||
|
||||
|
||||
<!-- LAYER NR. 3 -->
|
||||
<div class="tp-caption tp-resizeme rs-parallaxlevel-9" id="slide-3050-layer-2"
|
||||
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
|
||||
data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
|
||||
data-width="none" data-height="none" data-whitespace="nowrap" data-type="image"
|
||||
data-responsive_offset="on"
|
||||
data-frames='[{"from":"z:0;rX:0;rY:0;rZ:0;sX:0.8;sY:0.8;skX:0;skY:0;opacity:0;","speed":1500,"to":"o:1;","delay":1850,"ease":"Power4.easeOut"},{"delay":"wait","speed":500,"to":"rZ:0deg;sX:0.7;sY:0.7;opacity:0;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Back.easeIn"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 7;text-transform:left;border-width:0px;">
|
||||
<div class="rs-looped rs-pulse" data-easing="Power1.easeInOut" data-speed="3"
|
||||
data-zoomstart="0.98" data-zoomend="1"><img src="../assets/images/dummy.png"
|
||||
alt="" data-ww="['700px','700px','700px','350']"
|
||||
data-hh="['600px','600px','600px','300']" width="1400" height="1200"
|
||||
data-lazyload="../assets/images/wowfactor1.png" data-no-retina> </div>
|
||||
</div>
|
||||
</li>
|
||||
<!-- SLIDE -->
|
||||
<li data-index="rs-3051" data-transition="slidingoverlayvertical"
|
||||
data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off"
|
||||
data-easein="default" data-easeout="default" data-masterspeed="default"
|
||||
data-thumb="http://server.local/revslider/wp-content/uploads/" data-rotate="0"
|
||||
data-saveperformance="off" data-title="Photo Guy" data-param1="" data-param2=""
|
||||
data-param3="" data-param4="" data-param5="" data-param6="" data-param7=""
|
||||
data-param8="" data-param9="" data-param10="" data-description="">
|
||||
<!-- MAIN IMAGE -->
|
||||
<img src="../assets/images/dummy.png" alt=""
|
||||
data-lazyload="../assets/images/transparent.png" data-bgposition="center center"
|
||||
data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="5"
|
||||
class="rev-slidebg" data-no-retina>
|
||||
<!-- LAYERS -->
|
||||
|
||||
<!-- LAYER NR. 4 -->
|
||||
<div class="tp-caption tp-resizeme rs-parallaxlevel-1" id="slide-3051-layer-4"
|
||||
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
|
||||
data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
|
||||
data-width="none" data-height="none" data-whitespace="nowrap" data-type="image"
|
||||
data-responsive_offset="on"
|
||||
data-frames='[{"from":"opacity:0;","speed":800,"to":"o:1;","delay":1850,"ease":"Power2.easeInOut"},{"delay":"wait","speed":800,"to":"opacity:0;","ease":"nothing"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 8;text-transform:left;border-width:0px;"><img
|
||||
src="../assets/images/dummy.png" alt=""
|
||||
data-ww="['1918px','1918px','1918px','1918px']"
|
||||
data-hh="['1515px','1515px','1515px','1515px']" width="1918" height="1515"
|
||||
data-lazyload="../assets/images/photoguy1.jpg" data-no-retina> </div>
|
||||
|
||||
<!-- LAYER NR. 5 -->
|
||||
<div class="tp-caption tp-resizeme rs-parallaxlevel-2" id="slide-3051-layer-5"
|
||||
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
|
||||
data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
|
||||
data-width="none" data-height="none" data-whitespace="nowrap" data-type="image"
|
||||
data-responsive_offset="on"
|
||||
data-frames='[{"from":"opacity:0;","speed":500,"to":"o:1;","delay":1850,"ease":"Power2.easeInOut"},{"delay":"wait","speed":500,"to":"opacity:0;","ease":"nothing"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 9;text-transform:left;border-width:0px;"><img
|
||||
src="../assets/images/dummy.png" alt=""
|
||||
data-ww="['1918px','1918px','1918px','1918px']"
|
||||
data-hh="['1515px','1515px','1515px','1515px']" width="1918" height="1515"
|
||||
data-lazyload="../../assets/images/photocam_hand2.png" data-no-retina>
|
||||
</div>
|
||||
|
||||
<!-- LAYER NR. 6 -->
|
||||
<div class="tp-caption tp-resizeme rs-parallaxlevel-3" id="slide-3051-layer-6"
|
||||
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
|
||||
data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
|
||||
data-width="none" data-height="none" data-whitespace="nowrap" data-type="image"
|
||||
data-responsive_offset="on"
|
||||
data-frames='[{"from":"opacity:0;","speed":500,"to":"o:1;","delay":1850,"ease":"Power2.easeInOut"},{"delay":"wait","speed":500,"to":"opacity:0;","ease":"nothing"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 10;text-transform:left;border-width:0px;"><img
|
||||
src="../assets/images/dummy.png" alt=""
|
||||
data-ww="['1918px','1918px','1918px','1918px']"
|
||||
data-hh="['1515px','1515px','1515px','1515px']" width="1918" height="1515"
|
||||
data-lazyload="../assets/images/photocam_lens.png" data-no-retina> </div>
|
||||
|
||||
<!-- LAYER NR. 7 -->
|
||||
<div class="tp-caption tp-resizeme rs-parallaxlevel-3" id="slide-3051-layer-7"
|
||||
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
|
||||
data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
|
||||
data-width="none" data-height="none" data-whitespace="nowrap" data-type="image"
|
||||
data-responsive_offset="on"
|
||||
data-frames='[{"from":"opacity:0;","speed":500,"to":"o:1;","delay":1850,"ease":"Power2.easeInOut"},{"delay":"wait","speed":500,"to":"opacity:0;","ease":"nothing"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 11;text-transform:left;border-width:0px;"><img
|
||||
src="../assets/images/dummy.png" alt=""
|
||||
data-ww="['1918px','1918px','1918px','1918px']"
|
||||
data-hh="['1515px','1515px','1515px','1515px']" width="1918" height="1515"
|
||||
data-lazyload="../assets/images/photocam_hand.png" data-no-retina> </div>
|
||||
|
||||
<!-- LAYER NR. 8 -->
|
||||
<div class="tp-caption SlidingOverlays-Title tp-resizeme rs-parallaxlevel-3"
|
||||
id="slide-3051-layer-1" data-x="['center','center','center','center']"
|
||||
data-hoffset="['0','0','0','0']" data-y="['top','top','top','top']"
|
||||
data-voffset="['180','190','190','200']" data-fontsize="['50','40','45','40']"
|
||||
data-lineheight="['70','55','45','45']" data-width="['none','none','600','480']"
|
||||
data-height="['none','none','139','139']"
|
||||
data-whitespace="['nowrap','nowrap','normal','normal']" data-type="text"
|
||||
data-basealign="slide" data-responsive_offset="on"
|
||||
data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:[100%];s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":1000,"ease":"Power2.easeInOut"},{"delay":"wait","speed":1000,"to":"y:[175%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'
|
||||
data-textAlign="['center','center','center','center']"
|
||||
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 12; white-space: nowrap; line-height: 70px;text-transform:left;">
|
||||
Amaze your website visitors. </div>
|
||||
|
||||
<!-- LAYER NR. 10 -->
|
||||
<div class="tp-caption tp-resizeme rs-parallaxlevel-9" id="slide-3051-layer-8"
|
||||
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
|
||||
data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
|
||||
data-width="none" data-height="none" data-whitespace="nowrap" data-type="image"
|
||||
data-responsive_offset="on"
|
||||
data-frames='[{"from":"z:0;rX:0;rY:0;rZ:0;sX:0.8;sY:0.8;skX:0;skY:0;opacity:0;","speed":1500,"to":"o:1;","delay":1850,"ease":"Power4.easeOut"},{"delay":"wait","speed":500,"to":"rZ:0deg;sX:0.7;sY:0.7;opacity:0;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Back.easeIn"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 14;text-transform:left;border-width:0px;"><img
|
||||
src="../assets/images/dummy.png" alt=""
|
||||
data-ww="['630px','630px','630px','630px']"
|
||||
data-hh="['320px','320px','320px','320px']" width="1260" height="640"
|
||||
data-lazyload="../assets/images/revslider.png" data-no-retina> </div>
|
||||
</li>
|
||||
<!-- SLIDE -->
|
||||
<li data-index="rs-3052" data-transition="slidingoverlayvertical"
|
||||
data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off"
|
||||
data-easein="default" data-easeout="default" data-masterspeed="default"
|
||||
data-thumb="../assets/images/wineyard-150x100.jpg" data-rotate="0"
|
||||
data-saveperformance="off" data-title="Gourmet Wine" data-param1="" data-param2=""
|
||||
data-param3="" data-param4="" data-param5="" data-param6="" data-param7=""
|
||||
data-param8="" data-param9="" data-param10="" data-description="">
|
||||
<!-- MAIN IMAGE -->
|
||||
<img src="../assets/images/dummy.png" alt=""
|
||||
data-lazyload="../assets/images/wineyard.jpg" data-bgposition="center center"
|
||||
data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="5"
|
||||
class="rev-slidebg" data-no-retina>
|
||||
<!-- LAYERS -->
|
||||
|
||||
<!-- LAYER NR. 11 -->
|
||||
<div class="tp-caption SlidingOverlays-Title tp-resizeme rs-parallaxlevel-3"
|
||||
id="slide-3052-layer-1" data-x="['center','center','center','center']"
|
||||
data-hoffset="['0','0','0','0']" data-y="['top','top','top','top']"
|
||||
data-voffset="['180','190','190','200']" data-fontsize="['50','40','45','40']"
|
||||
data-lineheight="['70','55','45','45']" data-width="['none','none','600','480']"
|
||||
data-height="['none','none','139','139']"
|
||||
data-whitespace="['nowrap','nowrap','normal','normal']" data-type="text"
|
||||
data-basealign="slide" data-responsive_offset="on"
|
||||
data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:[100%];","speed":1500,"to":"o:1;","delay":1000,"ease":"Power2.easeInOut"},{"delay":"wait","speed":1000,"to":"y:[175%];","mask":"x:inherit;y:inherit;","ease":"Power2.easeInOut"}]'
|
||||
data-textAlign="['center','center','center','center']"
|
||||
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 15; white-space: nowrap; line-height: 70px;text-transform:left;">
|
||||
Create interesting 3D presentations. </div>
|
||||
|
||||
<!-- LAYER NR. 13 -->
|
||||
<div class="tp-caption tp-resizeme rs-parallaxlevel-9" id="slide-3052-layer-2"
|
||||
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
|
||||
data-y="['middle','middle','middle','middle']"
|
||||
data-voffset="['0','20','20','0']" data-width="none" data-height="none"
|
||||
data-whitespace="nowrap" data-type="image" data-responsive_offset="on"
|
||||
data-frames='[{"from":"z:0;rX:0;rY:0;rZ:0;sX:0.8;sY:0.8;skX:0;skY:0;opacity:0;","speed":1500,"to":"o:1;","delay":1850,"ease":"Power4.easeOut"},{"delay":"wait","speed":500,"to":"rZ:0deg;sX:0.7;sY:0.7;opacity:0;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Back.easeIn"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 17;text-transform:left;border-width:0px;">
|
||||
<div class="rs-looped rs-pulse" data-easing="linearEaseNone" data-speed="3"
|
||||
data-zoomstart="0.98" data-zoomend="1"><img src="../assets/images/dummy.png"
|
||||
alt="" data-ww="['630px','630px','630px','400']"
|
||||
data-hh="['263','320px','320px','169']" width="1340" height="560"
|
||||
data-lazyload="../assets/images/wineyards.png" data-no-retina> </div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</article>
|
||||
</section>
|
||||
<!-- SLIDER REVOLUTION END -->
|
||||
</div>
|
||||
</header>
|
||||
<!-- HEADER END -->
|
||||
|
||||
<section>
|
||||
<div class="container mt-5 mb-5">
|
||||
<div class="row">
|
||||
<div class="col-lg-4">
|
||||
<div class="slider-feature-info">
|
||||
<h5 class="overtitle">Sliding Overlays</h5>
|
||||
<h2>SLIDER REVOLUTION</h2>
|
||||
<p>Including the powerful and stunning Slider Revolution is an innovative, responsive jQuery Slider Plugin that displays your content the beautiful way.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-8 spacing-md">
|
||||
<div class="row">
|
||||
<div class="col-md-6 top-col">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/levels.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">SLIDERS DIVERSITY</h5>
|
||||
<p>With more than 100 templates, it allows you to create almost any type of web pages.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 top-col">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/document.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">DOCUMENTATION</h5>
|
||||
<p>Complete and clear documentation for an easy and fast installation..</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 bottom-col-resp">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/device.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">RESPONSIVE DESIGN</h5>
|
||||
<p>Slider Revolution adapts to any device for a better visual experience..</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/support.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">PREMIUM SUPPORT</h5>
|
||||
<p>If you have any problems in the installation process, we are here to help you.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="rs-line">
|
||||
</div>
|
||||
|
||||
<div class="container rs-call-to-action mt-5 mb-5">
|
||||
<div class="row">
|
||||
<div class="col-lg-8">
|
||||
<div class="ca-left-side">
|
||||
<h3>Premium Multi-Purpose HTML5 Template</h3>
|
||||
<p>Let's develop your project with this impressive and powerful template that helps you
|
||||
create beautiful web pages. An original solution for any business..</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12 col-lg-4">
|
||||
<div class="ca-right-side flex-parent jc-center">
|
||||
<a class="tp-btn-primary" href="https://themeforest.net/item/merit-premium-multipurpose-html5-template/21866679" target="_blank">Purchase now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- FOOTER START -->
|
||||
<footer>
|
||||
<div class="container mt-5">
|
||||
<div class="top-footer">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 col-xl-7">
|
||||
<h3>Creative and affordable website solution</h3>
|
||||
<p>Build modern websites with this powefull Multi-Purpose Template.</p>
|
||||
</div>
|
||||
<div class="col-lg-12 col-xl-5">
|
||||
<div class="footer-btn">
|
||||
<a class="tp-btn-primary" href="https://themeforest.net/item/merit-premium-multipurpose-html5-template/21866679" target="_blank" role="button">Purchase now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="footer-line">
|
||||
<div class="center-footer">
|
||||
<div class="row">
|
||||
<div class="col-lg-5">
|
||||
<div class="footer-col footer-left-col">
|
||||
<figure class="site-footer-logo">
|
||||
<img src="../images/logos/logo.png" alt="">
|
||||
</figure>
|
||||
<p>Let's develop your project with this impressive and powerful template that helps you
|
||||
create beautiful web pages. An original solution for any business.</p>
|
||||
<ul class="footer-social">
|
||||
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-dribbble"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2">
|
||||
<div class="footer-col">
|
||||
<h5>Quick Links</h5>
|
||||
<ul class="quick-links">
|
||||
<li><a href="../index.html">Home</a></li>
|
||||
<li><a href="../services-style-1.html">Services</a></li>
|
||||
<li><a href="../blog-full-width.html">Blogs</a></li>
|
||||
<li><a href="../contact-style-1.html">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2">
|
||||
<div class="footer-col">
|
||||
<h5>About</h5>
|
||||
<ul class="quick-links">
|
||||
<li><a href="../profile-style-1.html">Profile</a></li>
|
||||
<li><a href="../team-style-1.html">Team</a></li>
|
||||
<li><a href="../careers-style-1.html">Careers</a></li>
|
||||
<li><a href="../faq.html">FAQ</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3">
|
||||
<div class="footer-col">
|
||||
<h5>Get in Touch</h5>
|
||||
<ul class="footer-contact">
|
||||
<li class="phone"><a href="tel:123-456-7890">+ 123-456-7890</a></li>
|
||||
<li class="email"><a href="mailto:info@merit.com">info@merit.com</a></li>
|
||||
<li>
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="fas fa-map-pin"></i>
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<p>7391 North Bay Meadows Circle New York, NY 10040.</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="footer-line">
|
||||
<div class="bottom-footer">
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<div class="footer-copyright">
|
||||
<p>© 2022 <a href="https://themeforest.net/item/merit-premium-multipurpose-html5-template/21866679" target="_blank">Merit Premium Template</a> all rights reserved.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<ul class="footer-terms">
|
||||
<li><a href="../terms.html">Terms</a></li>
|
||||
<li><a href="../privacy.html">Privacy</a></li>
|
||||
<li><a href="../contact-style-4.html">Support</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!-- FOOTER END -->
|
||||
|
||||
<!-- SCROLL TOP -->
|
||||
<a href="#0" class="cd-top">Top</a>
|
||||
|
||||
<!-- TEMPLATE MAIN JAVASCRIPT FILES -->
|
||||
<script src="../js/lib/jquery-3.6.0.min.js"></script>
|
||||
<script src="../js/lib/bootstrap.min.js"></script>
|
||||
<script src="../js/lib/plugins.js"></script>
|
||||
<script src="../js/lib/megamenu.js"></script>
|
||||
<script src="../js/lib/navigation.js"></script>
|
||||
<script src="../js/lib/navigation.fixed.min.js"></script>
|
||||
<script src="../js/main.js"></script>
|
||||
|
||||
<!-- REVOLUTION JS FILES -->
|
||||
<script src="../revolution/js/jquery.themepunch.tools.min.js"></script>
|
||||
<script src="../revolution/js/jquery.themepunch.revolution.min.js"></script>
|
||||
|
||||
<!-- SLIDER REVOLUTION 5.0 EXTENSIONS (Load Extensions only on Local File Systems ! The following part can be removed on Server for On Demand Loading) -->
|
||||
<script src="../revolution/js/extensions/revolution.extension.actions.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.carousel.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.migration.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.navigation.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.parallax.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.video.min.js"></script>
|
||||
|
||||
<!-- REQUIRE JS FOR SLIDER REVOLUTION -->
|
||||
<script>
|
||||
var tpj = jQuery;
|
||||
|
||||
var revapi1079;
|
||||
tpj(document).ready(function () {
|
||||
if (tpj("#rev_slider_1079_1").revolution == undefined) {
|
||||
revslider_showDoubleJqueryError("#rev_slider_1079_1");
|
||||
} else {
|
||||
revapi1079 = tpj("#rev_slider_1079_1").show().revolution({
|
||||
sliderType: "standard",
|
||||
jsFileLocation: "revolution/js/",
|
||||
sliderLayout: "fullscreen",
|
||||
dottedOverlay: "none",
|
||||
delay: 9000,
|
||||
navigation: {
|
||||
keyboardNavigation: "off",
|
||||
keyboard_direction: "horizontal",
|
||||
mouseScrollNavigation: "off",
|
||||
mouseScrollReverse: "default",
|
||||
onHoverStop: "off",
|
||||
arrows: {
|
||||
style: "uranus",
|
||||
enable: true,
|
||||
hide_onmobile: false,
|
||||
hide_onleave: false,
|
||||
tmp: '',
|
||||
left: {
|
||||
h_align: "center",
|
||||
v_align: "bottom",
|
||||
h_offset: -30,
|
||||
v_offset: 60
|
||||
},
|
||||
right: {
|
||||
h_align: "center",
|
||||
v_align: "bottom",
|
||||
h_offset: 30,
|
||||
v_offset: 60
|
||||
}
|
||||
}
|
||||
},
|
||||
responsiveLevels: [1240, 1024, 778, 480],
|
||||
visibilityLevels: [1240, 1024, 778, 480],
|
||||
gridwidth: [1240, 1024, 778, 480],
|
||||
gridheight: [768, 668, 960, 780],
|
||||
lazyType: "single",
|
||||
parallax: {
|
||||
type: "3D",
|
||||
origo: "slidercenter",
|
||||
speed: 400,
|
||||
levels: [50, 10, 8, 15, 20, 30, 35, 40, 0, 50, 47, 48, 49, 50, 51, 55],
|
||||
type: "3D",
|
||||
ddd_shadow: "off",
|
||||
ddd_bgfreeze: "off",
|
||||
ddd_overflow: "hidden",
|
||||
ddd_layer_overflow: "visible",
|
||||
ddd_z_correction: 65,
|
||||
},
|
||||
spinner: "off",
|
||||
stopLoop: "on",
|
||||
stopAfterLoops: 0,
|
||||
stopAtSlide: 1,
|
||||
shuffle: "off",
|
||||
autoHeight: "off",
|
||||
fullScreenAutoWidth: "off",
|
||||
fullScreenAlignForce: "off",
|
||||
fullScreenOffsetContainer: "",
|
||||
fullScreenOffset: "60px",
|
||||
disableProgressBar: "on",
|
||||
hideThumbsOnMobile: "off",
|
||||
hideSliderAtLimit: 0,
|
||||
hideCaptionAtLimit: 0,
|
||||
hideAllCaptionAtLilmit: 0,
|
||||
debugMode: false,
|
||||
fallbacks: {
|
||||
simplifyAll: "off",
|
||||
nextSlideOnWindowFocus: "off",
|
||||
disableFocusListener: false,
|
||||
}
|
||||
});
|
||||
}
|
||||
}); /*ready*/
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
|
||||
<!-- Mirrored from quickdevs.com/demo/merit/rev-sliders/sliding-overlays.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 29 Mar 2023 10:48:46 GMT -->
|
||||
</html>
|
||||
885
public/sunsarioverseas/rev-sliders/style-intro.html
Normal file
885
public/sunsarioverseas/rev-sliders/style-intro.html
Normal file
@ -0,0 +1,885 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US" class="no-js">
|
||||
|
||||
|
||||
<!-- Mirrored from quickdevs.com/demo/merit/rev-sliders/style-intro.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 29 Mar 2023 10:46:20 GMT -->
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
|
||||
<!-- TITLE -->
|
||||
<title>Slider Intro - Merit Premium Multi-Purpose HTML5 Template</title>
|
||||
|
||||
<!-- META TAGS -->
|
||||
<meta name="keywords" content="premium multi-Purpose, html template, multipurpose template, bootstrap template, niches, clean, modern, multipurpose, responsive">
|
||||
<meta name="description" content="Merit is a modern Multi-Purpose HTML Template any bussines.">
|
||||
|
||||
<!-- FAVICON -->
|
||||
<link rel="shortcut icon" href="../images/icons/favicon.png">
|
||||
|
||||
<!-- REVOLUTION ADDONS -->
|
||||
<link href="http://fonts.googleapis.com/css?family=Roboto%3A700%2C300" rel="stylesheet" property="stylesheet" type="text/css" media="all" />
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/fonts/pe-icon-7-stroke/css/pe-icon-7-stroke.css">
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/fonts/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!-- REVOLUTION STYLE SHEETS -->
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/css/settings.css">
|
||||
|
||||
<!-- REVOLUTION LAYERS STYLES -->
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/css/layers.css">
|
||||
|
||||
<!-- REVOLUTION NAVIGATION STYLES -->
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/css/navigation.css">
|
||||
|
||||
<!-- MAIN CSS STYLE SHEET -->
|
||||
<link rel="stylesheet" href="../css/main.css">
|
||||
<link rel="stylesheet" href="../css/stylesheet.css">
|
||||
<link rel="stylesheet" href="../css/responsive.css">
|
||||
|
||||
<!-- REVOLUTION CUSTOM CSS -->
|
||||
<link rel="stylesheet" href="../css/slider-revolution.css">
|
||||
|
||||
<!-- MODERNIZR LIBRARY -->
|
||||
<script src="../js/modernizr-custom.js"></script>
|
||||
|
||||
<!-- REQUIRE CSS REVOLUTION STYLES -->
|
||||
<style id="rs-plugin-settings-inline-css" type="text/css">#rs-demo-id{}/* GIF OVERLAY FROM: http://yesphotoshop.tumblr.com/post/30752062466/how-to-make-an-old-movie-film-grain-on-gifs */
|
||||
|
||||
.eightygradient {
|
||||
background: -webkit-linear-gradient(top, rgba(170,26,24,1) 0%, rgba(213,44,50,1) 39%, rgba(236,97,94,1) 45%, rgba(202,34,34,1) 69%, rgba(148,36,43,1) 100%);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-stroke: 4px transparent;
|
||||
letter-spacing: -4px;
|
||||
text-shadow: 0px 0px 20px rgba(208,34,40,1);
|
||||
animation-name: blink2;
|
||||
animation-duration: 150ms;
|
||||
animation-iteration-count: infinite;
|
||||
animation-direction: alternate;
|
||||
}
|
||||
.eightybar {
|
||||
border-width: 2px;
|
||||
border-style: solid;
|
||||
border-color: #e53235;
|
||||
box-shadow: 0px 0px 20px 0px rgba(208,34,40,1);
|
||||
animation-name: blink1;
|
||||
animation-duration: 100ms;
|
||||
animation-iteration-count: infinite;
|
||||
animation-direction: alternate;
|
||||
}
|
||||
@keyframes blink1 {
|
||||
from {
|
||||
box-shadow: 0px 0px 20px 0px rgba(208,34,40,1);
|
||||
}
|
||||
to {
|
||||
box-shadow: 0px 0px 20px 0px rgba(208,34,40,0.75);
|
||||
}
|
||||
}
|
||||
@keyframes blink2 {
|
||||
from {
|
||||
text-shadow: 0px 0px 20px rgba(208,34,40,1);
|
||||
}
|
||||
to {
|
||||
text-shadow: 0px 0px 20px rgba(208,34,40,0.75);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- PRELOADER START -->
|
||||
<div id="loader-wrapper">
|
||||
<div class="loader">
|
||||
<span class="loader-26"></span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- PRELOADER END -->
|
||||
|
||||
<!-- HEADER START -->
|
||||
<header>
|
||||
<!-- TOP HEADER START -->
|
||||
<div class="top-header">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<ul class="top-contact text-left">
|
||||
<li class="phone"><span class="tel-no"><a href="tel:123-456-7890"> +123-456-7890</a></span>
|
||||
</li>
|
||||
<li class="email"><a href="mailto:info@merit.com">info@merit.com</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-6 text-right">
|
||||
<div class="top-social">
|
||||
<ul class="social-list">
|
||||
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-dribbble"></i></a></li>
|
||||
<li>
|
||||
<!-- Button trigger modal -->
|
||||
<div class="center-element">
|
||||
<button type="button" class="btn btn-default" data-toggle="modal" data-target="#exampleModal2">Login</button>
|
||||
</div>
|
||||
|
||||
<!-- Modal -->
|
||||
<div class="modal fade custom-modal" id="exampleModal2" tabindex="-1" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content login-modal">
|
||||
<button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button>
|
||||
<div class="modal-body">
|
||||
<figure class="login-avatar">
|
||||
<img src="../images/icons/user-login-2.png" alt="">
|
||||
</figure>
|
||||
<h4>Merit</h4>
|
||||
<p>Welcome Back!</p>
|
||||
<div class="google-btn">
|
||||
<button type="submit" class="tp-btn-primary">
|
||||
<img class="tp-goole-icon" src="../images/icons/google-icon.png" alt="">
|
||||
Sign in with Google
|
||||
</button>
|
||||
</div>
|
||||
<p>Or</p>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<form>
|
||||
<div class="form-group">
|
||||
<input type="email" class="form-control login-fc" placeholder="Email or Username">
|
||||
</div>
|
||||
<div class="form-group mt-3">
|
||||
<input type="password" class="form-control login-fc" placeholder="Password">
|
||||
</div>
|
||||
<div class="login-options d-flex justify-content-between mt-3">
|
||||
<div class="have-account">
|
||||
<p><a href="#">Dont have an account?</a></p>
|
||||
</div>
|
||||
<div class="forgot-password">
|
||||
<p><a href="#">Forgot password?</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="login-btn">
|
||||
<button type="submit" class="tp-btn-primary">Login</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="top-line">
|
||||
</div>
|
||||
</div>
|
||||
<!-- TOP HEADER END -->
|
||||
|
||||
<!-- MEGAMENU START -->
|
||||
<div class="main-nav">
|
||||
<div class="container">
|
||||
<nav id="navigation1" class="navigation">
|
||||
<div class="nav-header">
|
||||
<a class="nav-logo" href="../index.html">
|
||||
<img src="../images/logos/logo.png" class="white-logo" alt="">
|
||||
<img src="../images/logos/logo-black.png" class="dark-logo" alt="">
|
||||
</a>
|
||||
<div class="nav-toggle"></div>
|
||||
</div>
|
||||
<div class="nav-menus-wrapper">
|
||||
<ul class="nav-menu align-to-right">
|
||||
<li><a href="#">HOME</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../1-agency.html">Agency</a></li>
|
||||
<li><a href="../2-beauty.html">Beauty</a></li>
|
||||
<li><a href="../3-construction.html">Construction</a></li>
|
||||
<li><a href="../4-corporate.html">Corporate</a></li>
|
||||
<li><a href="../5-courier.html">Courier</a></li>
|
||||
<li><a href="../6-dealer.html">Dealer</a></li>
|
||||
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../7-dental.html">Dental</a></li>
|
||||
<li><a href="../8-education.html">Education</a></li>
|
||||
<li><a href="../9-gym.html">Gym</a></li>
|
||||
<li><a href="../10-hotel.html">Hotel</a></li>
|
||||
<li><a href="../11-medical.html">Medical</a></li>
|
||||
<li><a href="../12-restaurant.html">Restaurant</a></li>
|
||||
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../13-charity.html">Charity</a></li>
|
||||
<li><a href="../14-cleaning.html">Cleaning</a></li>
|
||||
<li><a href="../15-finance.html">Finance</a></li>
|
||||
<li><a href="../16-industrial.html">Industrial</a></li>
|
||||
<li><a href="../17-hosting.html">Hosting</a></li>
|
||||
<li><a href="../18-portfolio.html">Portfolio</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../19-organic.html">Organic</a></li>
|
||||
<li><a href="../20-farm.html">Farm</a></li>
|
||||
<li><a href="../21-yoga.html">Yoga</a></li>
|
||||
<li><a href="../22-travel.html">Travel</a></li>
|
||||
<li><a href="../23-lawyer.html">Lawyer</a></li>
|
||||
<li><a href="../24-fitness.html">Fitness</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">PAGES</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../about-style-1.html">About Us</a></li>
|
||||
<li><a href="../about-style-2.html">About Me</a></li>
|
||||
<li><a href="../about-style-3.html">About Us - ALT 2</a></li>
|
||||
<li><a href="../about-style-4.html">About Us - ALT 3</a></li>
|
||||
<li><a href="../careers-style-1.html">Careers</a></li>
|
||||
<li><a href="../careers-style-2.html">Careers - ALT 2</a></li>
|
||||
<li><a href="../careers-style-3.html">Careers - ALT 3</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../services-style-1.html">Services</a></li>
|
||||
<li><a href="../services-style-2.html">Services - ALT 2</a></li>
|
||||
<li><a href="../services-style-3.html">Services - ALT 3</a></li>
|
||||
<li><a href="../services-style-4.html">Services - ALT 4</a></li>
|
||||
<li><a href="../profile-style-1.html">Profile</a></li>
|
||||
<li><a href="../profile-style-2.html">Profile - ALT 2</a></li>
|
||||
<li><a href="../profile-style-3.html">Profile - ALT 3</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../contact-style-1.html">Contact Us </a></li>
|
||||
<li><a href="../contact-style-2.html">Contact Us - ALT 2</a></li>
|
||||
<li><a href="../contact-style-3.html">Contact Us - ALT 3</a></li>
|
||||
<li><a href="../contact-style-4.html">Contact Us - ALT 4</a></li>
|
||||
<li><a href="../team-style-1.html">Our Team</a></li>
|
||||
<li><a href="../team-style-2.html">Our Team - ALT 2</a></li>
|
||||
<li><a href="../team-style-3.html">Our Team - ALT 3</a></li>
|
||||
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../coming-soon-style-1.html">Coming Soon</a></li>
|
||||
<li><a href="../coming-soon-style-2.html">Coming Soon - ALT 2</a></li>
|
||||
<li><a href="../404-error-style-1.html">404 Page</a></li>
|
||||
<li><a href="../404-error-style-2.html">404 Page - ALT 2</a></li>
|
||||
<li><a href="../login-register-style-1.html">Login / Register</a></li>
|
||||
<li><a href="../faq.html">Faq</a></li>
|
||||
<li><a href="../faq-alt.html">Faq - ALT</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">ELEMENTS</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 1</a></li>
|
||||
<li><a href="../elements/accordions.html"><i class="fas fa-plus-square"></i> Accordions</a></li>
|
||||
<li><a href="../elements/alerts.html"><i class="fas fa-exclamation-circle"></i> Alerts</a></li>
|
||||
<li><a href="../elements/animations.html"><i class="fas fa-exchange-alt"></i> Animations</a></li>
|
||||
<li><a href="../elements/blockquotes.html"><i class="fas fa-quote-left"></i> Blockquotes</a></li>
|
||||
<li><a href="../elements/breadcrumbs.html"><i class="fas fa-share"></i> Breadcrumbs</a></li>
|
||||
<li><a href="../elements/buttons.html"><i class="fas fa-square"></i> Buttons</a></li>
|
||||
<li><a href="../elements/call-to-action.html"><i class="fas fa-bullhorn"></i> Call to Action</a></li>
|
||||
<li><a href="../elements/charts.html"><i class="fas fa-circle-notch"></i> Charts</a></li>
|
||||
<li><a href="../elements/content-boxes.html"><i class="fas fa-th-large"></i> Content Boxes</a></li>
|
||||
<li><a href="../elements/counters.html"><i class="fas fa-bullseye"></i> Counters</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 2</a></li>
|
||||
<li><a href="../elements/customers.html"><i class="fas fa-user-circle"></i> Customer</a></li>
|
||||
<li><a href="../elements/dropcaps.html"><i class="fas fa-font"></i> Dropcaps</a></li>
|
||||
<li><a href="../elements/flip-boxes.html"><i class="fas fa-sync-alt"></i> Flip Box</a></li>
|
||||
<li><a href="../elements/google-maps.html"><i class="fas fa-map"></i> Google Maps</a></li>
|
||||
<li><a href="../elements/grid-boxes.html"><i class="fas fa-th"></i> Grid Boxes</a></li>
|
||||
<li><a href="../elements/icon-boxes.html"><i class="fas fa-th-large"></i> Icon Boxes</a></li>
|
||||
<li><a href="../elements/icon-circle.html"><i class="far fa-circle"></i> Icon Circle</a></li>
|
||||
<li><a href="../elements/image-gallery.html"><i class="fas fa-expand"></i> Image Gallery</a></li>
|
||||
<li><a href="../elements/images.html"><i class="far fa-image"></i> Images</a></li>
|
||||
<li><a href="../elements/image-hover.html"><i class="fas fa-object-ungroup" aria-hidden="true"></i> Image Hover</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 3</a></li>
|
||||
<li><a href="../elements/lightbox.html"><i class="fas fa-lightbulb"></i> LightBox</a></li>
|
||||
<li><a href="../elements/modal-popup.html"><i class="fas fa-search-plus"></i> Modal Popup</a></li>
|
||||
<li><a href="../elements/pagination.html"><i class="fas fa-angle-double-right"></i> Pagination</a></li>
|
||||
<li><a href="../elements/parallax.html"><i class="fas fa-random"></i> Parallax</a></li>
|
||||
<li><a href="../elements/pricing-table.html"><i class="fas fa-table"></i> Pricing Tables</a></li>
|
||||
<li><a href="../elements/process-steps.html"><i class="fas fa-arrow-right"></i> Process Steps</a></li>
|
||||
<li><a href="../elements/profile-cards.html"><i class="fas fa-address-card"></i> Profile Cards</a></li>
|
||||
<li><a href="../elements/progress-bar.html"><i class="fas fa-tasks"></i> Progress Bar</a></li>
|
||||
<li><a href="../elements/recent-posts.html"><i class="fas fa-newspaper"></i> Recent Posts</a></li>
|
||||
<li><a href="../elements/section-styles.html"><i class="fas fa-outdent"></i> Section Styles</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 4</a></li>
|
||||
<li><a href="../elements/separators.html"><i class="fas fa-minus"></i> Separators</a></li>
|
||||
<li><a href="../elements/shop-banners.html"><i class="fas fa-language"></i> Shop Banners</a></li>
|
||||
<li><a href="../elements/social-icons.html"><i class="fab fa-twitter"></i> Social Icons</a></li>
|
||||
<li><a href="../elements/tables.html"><i class="fas fa-table"></i> Tables</a></li>
|
||||
<li><a href="../elements/tabs.html"><i class="fas fa-window-maximize"></i> Tabs</a></li>
|
||||
<li><a href="../elements/team.html"><i class="fas fa-users"></i> Team</a></li>
|
||||
<li><a href="../elements/testimonials.html"><i class="fas fa-edit"></i> Testimonials</a></li>
|
||||
<li><a href="../elements/timeline.html"><i class="fas fa-arrow-down"></i> Timeline</a></li>
|
||||
<li><a href="../elements/videos.html"><i class="fas fa-video"></i> Videos & Audio</a></li>
|
||||
<li><a href="../elements/video-background.html"><i class="fas fa-photo-video"></i> Video Background</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">SLIDERS</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 1</a></li>
|
||||
<li><a href="3d-parallax-scenes.html">3D Parallax Scenes</a></li>
|
||||
<li><a href="404-error.html">404 Error</a></li>
|
||||
<li><a href="agency-slider.html">Agency Slider</a></li>
|
||||
<li><a href="blend-mode.html">Blend Mode</a></li>
|
||||
<li><a href="blur-effect.html">Blur Effect</a></li>
|
||||
<li><a href="car-dealer.html">Car Dealer</a></li>
|
||||
<li><a href="carousel-gallery.html">Carousel Gallery</a></li>
|
||||
<li><a href="classic-carousel.html">Classic Carousel</a></li>
|
||||
<li><a href="coming-soon.html">Coming soon</a></li>
|
||||
<li><a href="concept-slider.html">Concept Slider</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 2</a></li>
|
||||
<li><a href="double-exposure-effect.html">Double Exposure Effect</a></li>
|
||||
<li><a href="exploration-header.html">Exploration Header</a></li>
|
||||
<li><a href="film-strip.html">Film Strip Effect</a></li>
|
||||
<li><a href="fine-dining.html">Fine Dining</a></li>
|
||||
<li><a href="gravity-design.html">Gravity Design</a></li>
|
||||
<li><a href="happy-hollidays.html">Happy Hollidays</a></li>
|
||||
<li><a href="hero-sports.html">Hero Sports</a></li>
|
||||
<li><a href="inspiration-header.html">Inspiration Header</a></li>
|
||||
<li><a href="levano-slider.html">Levano Slider</a></li>
|
||||
<li><a href="magazine-posts.html">Magazine Posts</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 3</a></li>
|
||||
<li><a href="mask-showcase.html">Mask Showcase</a></li>
|
||||
<li><a href="mountain-parallax.html">Mountain Parallax</a></li>
|
||||
<li><a href="over-expousure.html">Over Exposure</a></li>
|
||||
<li><a href="panorama.html">Panorama</a></li>
|
||||
<li><a href="parallax-joy.html">Parallax Joy</a></li>
|
||||
<li><a href="parallax-zoom.html">Parallax Zoom</a></li>
|
||||
<li><a href="particle-effect-one.html">Particle Effect one</a></li>
|
||||
<li><a href="particle-effect-two.html">Particle Effect Two</a></li>
|
||||
<li><a href="particle-effect-three.html">Particle Effect Three</a></li>
|
||||
<li><a href="style-intro.html">Style Intro</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 4</a></li>
|
||||
<li><a href="reveal.html">Reveal</a></li>
|
||||
<li><a href="rock-band.html">Rock Band</a></li>
|
||||
<li><a href="scroll-effects.html">Scroll Effect</a></li>
|
||||
<li><a href="slider-gym.html">Slider Gym</a></li>
|
||||
<li><a href="slider-news.html">Slider News</a></li>
|
||||
<li><a href="sliding-overlays.html">Sliding Overlays</a></li>
|
||||
<li><a href="web-agency.html">Web Agency</a></li>
|
||||
<li><a href="web-product.html">Web Product</a></li>
|
||||
<li><a href="website-intro.html">Website Intro</a></li>
|
||||
<li><a href="youtube-hero.html">Youtube Hero</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">SHOP</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="#">CLASSIC</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../shop-full-width.html">Full width</a></li>
|
||||
<li><a href="../shop-left-sidebar.html">Left sidebar</a></li>
|
||||
<li><a href="../shop-right-sidebar.html">Right sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">PRODUCT DETAILS</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../product-full-width.html">Full width</a></li>
|
||||
<li><a href="../product-left-sidebar.html">Left sidebar</a></li>
|
||||
<li><a href="../product-right-sidebar.html">Right sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="../shopping-cart.html">SHOPING CART</a></li>
|
||||
<li><a href="../checkout.html">CHECKOUT</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">BLOG</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="#">CLASSIC</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../blog-full-width.html">Full width</a></li>
|
||||
<li><a href="../blog-left-sidebar.html">Left sidebar</a></li>
|
||||
<li><a href="../blog-right-sidebar.html">Right sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">GRID</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../blog-grid-one-column.html">One column</a></li>
|
||||
<li><a href="../blog-grid-two-column.html">Two column</a></li>
|
||||
<li><a href="../blog-grid-three-column.html">Three column</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">MASONRY</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../masonry-two-columns.html">Two Columns</a></li>
|
||||
<li><a href="../masonry-three-columns.html">Three Columns</a></li>
|
||||
<li><a href="../masonry-four-columns.html">Four Columns</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">BLOG SINGLE</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../blog-single-full-width.html">Blog Single Full Width</a></li>
|
||||
<li><a href="../blog-single-left-sidebar.html">Blog Single Left Sidebar</a></li>
|
||||
<li><a href="../blog-single-right-sidebar.html">Blog Single Right Sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<!-- MEGAMENU END -->
|
||||
|
||||
<div class="home-slider">
|
||||
<!-- SLIDER REVOLUTION START -->
|
||||
<section class="example">
|
||||
<article class="content">
|
||||
<div id="rev_slider_150_1_wrapper" class="rev_slider_wrapper fullscreen-container"
|
||||
data-alias="80s-intro" data-source="gallery" style="background-color:#000000;padding:0px;">
|
||||
<!-- START REVOLUTION SLIDER 5.4.1 fullscreen mode -->
|
||||
<div id="rev_slider_150_1" class="rev_slider fullscreenbanner" style="display:none;"
|
||||
data-version="5.4.1">
|
||||
<ul>
|
||||
<!-- SLIDE -->
|
||||
<li data-index="rs-410" data-transition="fade" data-slotamount="default"
|
||||
data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default"
|
||||
data-easeout="default" data-masterspeed="300" data-rotate="0"
|
||||
data-saveperformance="off" data-title="Slide" data-param1="" data-param2=""
|
||||
data-param3="" data-param4="" data-param5="" data-param6="" data-param7=""
|
||||
data-param8="" data-param9="" data-param10="" data-description="">
|
||||
<!-- MAIN IMAGE -->
|
||||
<img src="../assets/images/house.jpg" alt="" data-bgposition="center center"
|
||||
data-kenburns="on" data-duration="20000" data-ease="Linear.easeNone"
|
||||
data-scalestart="130" data-scaleend="100" data-rotatestart="0" data-rotateend="0"
|
||||
data-offsetstart="0 0" data-offsetend="0 0" data-bgparallax="off"
|
||||
class="rev-slidebg" data-no-retina>
|
||||
<!-- LAYERS -->
|
||||
|
||||
<!-- LAYER NR. 1 -->
|
||||
<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme" id="slide-410-layer-13"
|
||||
data-x="center" data-hoffset="" data-y="center" data-voffset=""
|
||||
data-width="['full','full','full','full']"
|
||||
data-height="['full','full','full','full']" data-type="shape"
|
||||
data-basealign="slide" data-responsive_offset="on"
|
||||
data-frames='[{"delay":10,"speed":300,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
|
||||
data-textAlign="['inherit','inherit','inherit','inherit']"
|
||||
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 5;background-color:rgba(0, 0, 0, 0.50);"> </div>
|
||||
|
||||
<!-- LAYER NR. 2 -->
|
||||
<div class="tp-caption tp-resizeme" id="slide-410-layer-11" data-x="center"
|
||||
data-hoffset="" data-y="center" data-voffset=""
|
||||
data-width="['full-proportional','full-proportional','full-proportional','full-proportional']"
|
||||
data-height="['full-proportional','full-proportional','full-proportional','full-proportional']"
|
||||
data-type="image" data-basealign="slide" data-responsive_offset="on"
|
||||
data-frames='[{"delay":1000,"speed":1000,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power4.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
|
||||
data-textAlign="['inherit','inherit','inherit','inherit']"
|
||||
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
|
||||
data-blendmode="overlay" style="z-index: 6;"><img
|
||||
src="../assets/images/grainoverlay.gif" alt="" data-ww="full-proportional"
|
||||
data-hh="full-proportional" width="400" height="368" data-no-retina> </div>
|
||||
|
||||
<!-- LAYER NR. 3 -->
|
||||
<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme eightybar"
|
||||
id="slide-410-layer-8" data-x="center" data-hoffset="" data-y="308"
|
||||
data-width="['940']" data-height="['10']" data-type="shape"
|
||||
data-responsive_offset="on"
|
||||
data-frames='[{"delay":1000,"speed":3000,"frame":"0","from":"sX:0;opacity:0;fb:10px;","to":"o:1;fb:0;","ease":"Power2.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
|
||||
data-textAlign="['inherit','inherit','inherit','inherit']"
|
||||
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
|
||||
data-blendmode="screen" style="z-index: 7;background-color:rgba(0, 0, 0, 1.00);">
|
||||
</div>
|
||||
|
||||
<!-- LAYER NR. 4 -->
|
||||
<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme eightybar"
|
||||
id="slide-410-layer-9" data-x="center" data-hoffset="-370" data-y="475"
|
||||
data-width="['200']" data-height="['10']" data-type="shape"
|
||||
data-responsive_offset="on"
|
||||
data-frames='[{"delay":1200,"speed":3000,"frame":"0","from":"sX:0;opacity:0;fb:10px;","to":"o:1;fb:0;","ease":"Power2.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
|
||||
data-textAlign="['inherit','inherit','inherit','inherit']"
|
||||
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
|
||||
data-blendmode="screen" style="z-index: 8;background-color:rgba(0, 0, 0, 1.00);">
|
||||
</div>
|
||||
|
||||
<!-- LAYER NR. 5 -->
|
||||
<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme eightybar"
|
||||
id="slide-410-layer-10" data-x="center" data-hoffset="370" data-y="475"
|
||||
data-width="['200']" data-height="['10']" data-type="shape"
|
||||
data-responsive_offset="on"
|
||||
data-frames='[{"delay":1200,"speed":3000,"frame":"0","from":"sX:0;opacity:0;fb:10px;","to":"o:1;fb:0;","ease":"Power2.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
|
||||
data-textAlign="['inherit','inherit','inherit','inherit']"
|
||||
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
|
||||
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
|
||||
data-blendmode="screen" style="z-index: 9;background-color:rgba(0, 0, 0, 1.00);">
|
||||
</div>
|
||||
|
||||
<!-- LAYER NR. 6 -->
|
||||
<div class="tp-caption tp-resizeme eightygradient" id="slide-410-layer-3"
|
||||
data-x="center" data-hoffset="-403" data-y="center" data-voffset="-38"
|
||||
data-width="['auto']" data-height="['auto']" data-type="text"
|
||||
data-responsive_offset="on"
|
||||
data-frames='[{"delay":300,"speed":3000,"frame":"0","from":"x:-50px;z:0;rX:0;rY:0;rZ:0;sX:0.5;sY:0.5;skX:0;skY:0;opacity:0;fb:10px;","to":"o:1;fb:0;","ease":"Power2.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
|
||||
data-textAlign="['center','center','center','center']"
|
||||
data-paddingtop="[0,0,0,0]" data-paddingright="[30,30,30,30]"
|
||||
data-paddingbottom="[0,0,0,0]" data-paddingleft="[30,30,30,30]"
|
||||
data-blendmode="screen"
|
||||
style="z-index: 10; white-space: nowrap; font-size: 180px; line-height: 180px; font-weight: 700; color: rgba(0, 0, 0, 1.00);font-family:Georgia, serif;">
|
||||
R </div>
|
||||
|
||||
<!-- LAYER NR. 7 -->
|
||||
<div class="tp-caption tp-resizeme eightygradient" id="slide-410-layer-1"
|
||||
data-x="center" data-hoffset="-11" data-y="center" data-voffset="-59"
|
||||
data-width="['auto']" data-height="['auto']" data-type="text"
|
||||
data-responsive_offset="on"
|
||||
data-frames='[{"delay":500,"speed":3000,"frame":"0","from":"y:-50px;z:0;rX:0;rY:0;rZ:0;sX:0.5;sY:0.5;skX:0;skY:0;opacity:0;fb:10px;","to":"o:1;fb:0;","ease":"Power2.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
|
||||
data-textAlign="['center','center','center','center']"
|
||||
data-paddingtop="[0,0,0,0]" data-paddingright="[20,20,20,20]"
|
||||
data-paddingbottom="[0,0,0,0]" data-paddingleft="[20,20,20,20]"
|
||||
data-blendmode="screen"
|
||||
style="z-index: 11; white-space: nowrap; font-size: 120px; line-height: 120px; font-weight: 700; color: rgba(0, 0, 0, 1.00);font-family:Georgia, serif;">
|
||||
EVOLUTIO </div>
|
||||
|
||||
<!-- LAYER NR. 8 -->
|
||||
<div class="tp-caption tp-resizeme eightygradient" id="slide-410-layer-4"
|
||||
data-x="center" data-hoffset="396" data-y="center" data-voffset="-38"
|
||||
data-width="['auto']" data-height="['auto']" data-type="text"
|
||||
data-responsive_offset="on"
|
||||
data-frames='[{"delay":300,"speed":3000,"frame":"0","from":"x:50px;y:0;z:0;rX:0;rY:0;rZ:0;sX:0.5;sY:0.5;skX:0;skY:0;opacity:0;fb:10px;","to":"o:1;fb:0;","ease":"Power2.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
|
||||
data-textAlign="['center','center','center','center']"
|
||||
data-paddingtop="[0,0,0,0]" data-paddingright="[30,30,30,30]"
|
||||
data-paddingbottom="[0,0,0,0]" data-paddingleft="[30,30,30,30]"
|
||||
data-blendmode="screen"
|
||||
style="z-index: 12; white-space: nowrap; font-size: 180px; line-height: 180px; font-weight: 700; color: rgba(0, 0, 0, 1.00);font-family:Georgia, serif;">
|
||||
N </div>
|
||||
|
||||
<!-- LAYER NR. 9 -->
|
||||
<div class="tp-caption tp-resizeme eightygradient" id="slide-410-layer-5"
|
||||
data-x="center" data-hoffset="" data-y="center" data-voffset="60"
|
||||
data-width="['auto']" data-height="['auto']" data-type="text"
|
||||
data-responsive_offset="on"
|
||||
data-frames='[{"delay":700,"speed":3000,"frame":"0","from":"x:0px;y:50px;z:0;rX:0;rY:0;rZ:0;sX:0.5;sY:0.5;skX:0;skY:0;opacity:0;fb:10px;","to":"o:1;fb:0;","ease":"Power2.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
|
||||
data-textAlign="['center','center','center','center']"
|
||||
data-paddingtop="[0,0,0,0]" data-paddingright="[20,20,20,20]"
|
||||
data-paddingbottom="[0,0,0,0]" data-paddingleft="[20,20,20,20]"
|
||||
data-blendmode="screen"
|
||||
style="z-index: 13; white-space: nowrap; font-size: 130px; line-height: 130px; font-weight: 700; color: rgba(0, 0, 0, 1.00);font-family:Georgia, serif;">
|
||||
SLIDER </div>
|
||||
|
||||
<!-- LAYER NR. 10 -->
|
||||
<div class="tp-caption rev-btn eightybar" id="slide-410-layer-17" data-x="center"
|
||||
data-hoffset="" data-y="700" data-width="['auto']" data-height="['auto']"
|
||||
data-type="button"
|
||||
data-actions='[{"event":"click","action":"scrollbelow","offset":"px","delay":"","speed":"300","ease":"Linear.easeNone"}]'
|
||||
data-responsive_offset="on" data-responsive="off"
|
||||
data-frames='[{"delay":1500,"speed":3000,"frame":"0","from":"y:-50px;sX:0.75;sY:0.75;opacity:0;fb:10px;","to":"o:1;fb:0;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"150","ease":"Power1.easeInOut","to":"o:1;rX:0;rY:0;rZ:0;z:0;fb:0;","style":"c:rgba(0, 0, 0, 1.00);bg:rgba(229, 50, 53, 1.00);bc:rgba(255, 0, 0, 1.00);"}]'
|
||||
data-textAlign="['inherit','inherit','inherit','inherit']"
|
||||
data-paddingtop="[0,0,0,0]" data-paddingright="[35,35,35,35]"
|
||||
data-paddingbottom="[0,0,0,0]" data-paddingleft="[35,35,35,35]"
|
||||
data-blendmode="screen"
|
||||
style="z-index: 14; white-space: nowrap; font-size: 15px; line-height: 50px; font-weight: 700; color: rgba(229, 50, 53, 1.00);font-family:Arial;background-color:rgba(0, 0, 0, 0.75);border-color:rgba(229, 50, 53, 1.00);border-style:solid;border-width:2px 2px 2px 2px;letter-spacing:2px;cursor:pointer;">
|
||||
CONTINUE </div>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</article>
|
||||
</section>
|
||||
<!-- SLIDER REVOLUTION END -->
|
||||
</div>
|
||||
</header>
|
||||
<!-- HEADER END -->
|
||||
|
||||
<section>
|
||||
<div class="container mt-5 mb-5">
|
||||
<div class="row">
|
||||
<div class="col-lg-4">
|
||||
<div class="slider-feature-info">
|
||||
<h5 class="overtitle">Slider Intro</h5>
|
||||
<h2>SLIDER REVOLUTION</h2>
|
||||
<p>Including the powerful and stunning Slider Revolution is an innovative, responsive jQuery Slider Plugin that displays your content the beautiful way.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-8 spacing-md">
|
||||
<div class="row">
|
||||
<div class="col-md-6 top-col">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/levels.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">SLIDERS DIVERSITY</h5>
|
||||
<p>With more than 100 templates, it allows you to create almost any type of web pages.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 top-col">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/document.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">DOCUMENTATION</h5>
|
||||
<p>Complete and clear documentation for an easy and fast installation..</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 bottom-col-resp">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/device.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">RESPONSIVE DESIGN</h5>
|
||||
<p>Slider Revolution adapts to any device for a better visual experience..</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/support.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">PREMIUM SUPPORT</h5>
|
||||
<p>If you have any problems in the installation process, we are here to help you.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="rs-line">
|
||||
</div>
|
||||
|
||||
<div class="container rs-call-to-action mt-5 mb-5">
|
||||
<div class="row">
|
||||
<div class="col-lg-8">
|
||||
<div class="ca-left-side">
|
||||
<h3>Premium Multi-Purpose HTML5 Template</h3>
|
||||
<p>Let's develop your project with this impressive and powerful template that helps you
|
||||
create beautiful web pages. An original solution for any business..</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12 col-lg-4">
|
||||
<div class="ca-right-side flex-parent jc-center">
|
||||
<a class="tp-btn-primary" href="https://themeforest.net/item/merit-premium-multipurpose-html5-template/21866679" target="_blank">Purchase now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- FOOTER START -->
|
||||
<footer>
|
||||
<div class="container mt-5">
|
||||
<div class="top-footer">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 col-xl-7">
|
||||
<h3>Creative and affordable website solution</h3>
|
||||
<p>Build modern websites with this powefull Multi-Purpose Template.</p>
|
||||
</div>
|
||||
<div class="col-lg-12 col-xl-5">
|
||||
<div class="footer-btn">
|
||||
<a class="tp-btn-primary" href="https://themeforest.net/item/merit-premium-multipurpose-html5-template/21866679" target="_blank" role="button">Purchase now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="footer-line">
|
||||
<div class="center-footer">
|
||||
<div class="row">
|
||||
<div class="col-lg-5">
|
||||
<div class="footer-col footer-left-col">
|
||||
<figure class="site-footer-logo">
|
||||
<img src="../images/logos/logo.png" alt="">
|
||||
</figure>
|
||||
<p>Let's develop your project with this impressive and powerful template that helps you
|
||||
create beautiful web pages. An original solution for any business.</p>
|
||||
<ul class="footer-social">
|
||||
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-dribbble"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2">
|
||||
<div class="footer-col">
|
||||
<h5>Quick Links</h5>
|
||||
<ul class="quick-links">
|
||||
<li><a href="../index.html">Home</a></li>
|
||||
<li><a href="../services-style-1.html">Services</a></li>
|
||||
<li><a href="../blog-full-width.html">Blogs</a></li>
|
||||
<li><a href="../contact-style-1.html">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2">
|
||||
<div class="footer-col">
|
||||
<h5>About</h5>
|
||||
<ul class="quick-links">
|
||||
<li><a href="../profile-style-1.html">Profile</a></li>
|
||||
<li><a href="../team-style-1.html">Team</a></li>
|
||||
<li><a href="../careers-style-1.html">Careers</a></li>
|
||||
<li><a href="../faq.html">FAQ</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3">
|
||||
<div class="footer-col">
|
||||
<h5>Get in Touch</h5>
|
||||
<ul class="footer-contact">
|
||||
<li class="phone"><a href="tel:123-456-7890">+ 123-456-7890</a></li>
|
||||
<li class="email"><a href="mailto:info@merit.com">info@merit.com</a></li>
|
||||
<li>
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="fas fa-map-pin"></i>
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<p>7391 North Bay Meadows Circle New York, NY 10040.</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="footer-line">
|
||||
<div class="bottom-footer">
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<div class="footer-copyright">
|
||||
<p>© 2022 <a href="https://themeforest.net/item/merit-premium-multipurpose-html5-template/21866679" target="_blank">Merit Premium Template</a> all rights reserved.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<ul class="footer-terms">
|
||||
<li><a href="../terms.html">Terms</a></li>
|
||||
<li><a href="../privacy.html">Privacy</a></li>
|
||||
<li><a href="../contact-style-4.html">Support</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!-- FOOTER END -->
|
||||
|
||||
<!-- SCROLL TOP -->
|
||||
<a href="#0" class="cd-top">Top</a>
|
||||
|
||||
<!-- TEMPLATE MAIN JAVASCRIPT FILES -->
|
||||
<script src="../js/lib/jquery-3.6.0.min.js"></script>
|
||||
<script src="../js/lib/bootstrap.min.js"></script>
|
||||
<script src="../js/lib/plugins.js"></script>
|
||||
<script src="../js/lib/megamenu.js"></script>
|
||||
<script src="../js/lib/navigation.js"></script>
|
||||
<script src="../js/lib/navigation.fixed.min.js"></script>
|
||||
<script src="../js/main.js"></script>
|
||||
|
||||
<!-- REVOLUTION JS FILES -->
|
||||
<script src="../revolution/js/jquery.themepunch.tools.min.js"></script>
|
||||
<script src="../revolution/js/jquery.themepunch.revolution.min.js"></script>
|
||||
|
||||
<!-- SLIDER REVOLUTION 5.0 EXTENSIONS (Load Extensions only on Local File Systems ! The following part can be removed on Server for On Demand Loading) -->
|
||||
<script src="../revolution/js/extensions/revolution.extension.actions.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.carousel.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.migration.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.navigation.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.parallax.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.video.min.js"></script>
|
||||
|
||||
<!-- REQUIRE JS FOR SLIDER REVOLUTION -->
|
||||
<script>
|
||||
var tpj = jQuery;
|
||||
|
||||
var revapi150;
|
||||
tpj(document).ready(function () {
|
||||
if (tpj("#rev_slider_150_1").revolution == undefined) {
|
||||
revslider_showDoubleJqueryError("#rev_slider_150_1");
|
||||
} else {
|
||||
revapi150 = tpj("#rev_slider_150_1").show().revolution({
|
||||
sliderType: "hero",
|
||||
jsFileLocation: "revolution/js/",
|
||||
sliderLayout: "fullscreen",
|
||||
dottedOverlay: "none",
|
||||
delay: 9000,
|
||||
navigation: {},
|
||||
visibilityLevels: [1240, 1024, 778, 480],
|
||||
gridwidth: 1240,
|
||||
gridheight: 868,
|
||||
lazyType: "none",
|
||||
scrolleffect: {
|
||||
fade: "on",
|
||||
blur: "on",
|
||||
on_layers: "on",
|
||||
direction: "top",
|
||||
multiplicator_layers: "2",
|
||||
tilt: "10",
|
||||
disable_on_mobile: "off",
|
||||
},
|
||||
parallax: {
|
||||
type: "mouse",
|
||||
origo: "enterpoint",
|
||||
speed: 400,
|
||||
levels: [5, 10, 15, 20, 25, 30, 35, 40, 45, 46, 47, 48, 49, 50, 51, 55],
|
||||
},
|
||||
shadow: 0,
|
||||
spinner: "off",
|
||||
autoHeight: "off",
|
||||
fullScreenAutoWidth: "off",
|
||||
fullScreenAlignForce: "off",
|
||||
fullScreenOffsetContainer: "",
|
||||
fullScreenOffset: "60px",
|
||||
disableProgressBar: "on",
|
||||
hideThumbsOnMobile: "off",
|
||||
hideSliderAtLimit: 0,
|
||||
hideCaptionAtLimit: 0,
|
||||
hideAllCaptionAtLilmit: 0,
|
||||
debugMode: false,
|
||||
fallbacks: {
|
||||
simplifyAll: "off",
|
||||
disableFocusListener: false,
|
||||
}
|
||||
});
|
||||
}
|
||||
}); /*ready*/
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
|
||||
<!-- Mirrored from quickdevs.com/demo/merit/rev-sliders/style-intro.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 29 Mar 2023 10:46:42 GMT -->
|
||||
</html>
|
||||
1075
public/sunsarioverseas/rev-sliders/web-agency.html
Normal file
1075
public/sunsarioverseas/rev-sliders/web-agency.html
Normal file
File diff suppressed because it is too large
Load Diff
860
public/sunsarioverseas/rev-sliders/web-product.html
Normal file
860
public/sunsarioverseas/rev-sliders/web-product.html
Normal file
@ -0,0 +1,860 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US" class="no-js">
|
||||
|
||||
|
||||
<!-- Mirrored from quickdevs.com/demo/merit/rev-sliders/web-product.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 29 Mar 2023 10:49:16 GMT -->
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
|
||||
<!-- TITLE -->
|
||||
<title>Web Product - Merit Premium Multi-Purpose HTML5 Template</title>
|
||||
|
||||
<!-- META TAGS -->
|
||||
<meta name="keywords" content="premium multi-Purpose, html template, multipurpose template, bootstrap template, niches, clean, modern, multipurpose, responsive">
|
||||
<meta name="description" content="Merit is a modern Multi-Purpose HTML Template any bussines.">
|
||||
|
||||
<!-- FAVICON -->
|
||||
<link rel="shortcut icon" href="../images/icons/favicon.png">
|
||||
|
||||
<!-- REVOLUTION ADDONS -->
|
||||
<link href="http://fonts.googleapis.com/css?family=Roboto%3A700%2C300" rel="stylesheet" property="stylesheet" type="text/css" media="all" />
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/fonts/pe-icon-7-stroke/css/pe-icon-7-stroke.css">
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/fonts/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!-- REVOLUTION STYLE SHEETS -->
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/css/settings.css">
|
||||
|
||||
<!-- REVOLUTION LAYERS STYLES -->
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/css/layers.css">
|
||||
|
||||
<!-- REVOLUTION NAVIGATION STYLES -->
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/css/navigation.css">
|
||||
|
||||
<!-- MAIN CSS STYLE SHEET -->
|
||||
<link rel="stylesheet" href="../css/main.css">
|
||||
<link rel="stylesheet" href="../css/stylesheet.css">
|
||||
<link rel="stylesheet" href="../css/responsive.css">
|
||||
|
||||
<!-- REVOLUTION CUSTOM CSS -->
|
||||
<link rel="stylesheet" href="../css/slider-revolution.css">
|
||||
|
||||
<!-- MODERNIZR LIBRARY -->
|
||||
<script src="../js/modernizr-custom.js"></script>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- PRELOADER START -->
|
||||
<div id="loader-wrapper">
|
||||
<div class="loader">
|
||||
<span class="loader-26"></span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- PRELOADER END -->
|
||||
|
||||
<!-- HEADER START -->
|
||||
<header>
|
||||
<!-- TOP HEADER START -->
|
||||
<div class="top-header">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<ul class="top-contact text-left">
|
||||
<li class="phone"><span class="tel-no"><a href="tel:123-456-7890"> +123-456-7890</a></span>
|
||||
</li>
|
||||
<li class="email"><a href="mailto:info@merit.com">info@merit.com</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-6 text-right">
|
||||
<div class="top-social">
|
||||
<ul class="social-list">
|
||||
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-dribbble"></i></a></li>
|
||||
<li>
|
||||
<!-- Button trigger modal -->
|
||||
<div class="center-element">
|
||||
<button type="button" class="btn btn-default" data-toggle="modal" data-target="#exampleModal2">Login</button>
|
||||
</div>
|
||||
|
||||
<!-- Modal -->
|
||||
<div class="modal fade custom-modal" id="exampleModal2" tabindex="-1" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content login-modal">
|
||||
<button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button>
|
||||
<div class="modal-body">
|
||||
<figure class="login-avatar">
|
||||
<img src="../images/icons/user-login-2.png" alt="">
|
||||
</figure>
|
||||
<h4>Merit</h4>
|
||||
<p>Welcome Back!</p>
|
||||
<div class="google-btn">
|
||||
<button type="submit" class="tp-btn-primary">
|
||||
<img class="tp-goole-icon" src="../images/icons/google-icon.png" alt="">
|
||||
Sign in with Google
|
||||
</button>
|
||||
</div>
|
||||
<p>Or</p>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<form>
|
||||
<div class="form-group">
|
||||
<input type="email" class="form-control login-fc" placeholder="Email or Username">
|
||||
</div>
|
||||
<div class="form-group mt-3">
|
||||
<input type="password" class="form-control login-fc" placeholder="Password">
|
||||
</div>
|
||||
<div class="login-options d-flex justify-content-between mt-3">
|
||||
<div class="have-account">
|
||||
<p><a href="#">Dont have an account?</a></p>
|
||||
</div>
|
||||
<div class="forgot-password">
|
||||
<p><a href="#">Forgot password?</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="login-btn">
|
||||
<button type="submit" class="tp-btn-primary">Login</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="top-line">
|
||||
</div>
|
||||
</div>
|
||||
<!-- TOP HEADER END -->
|
||||
|
||||
<!-- MEGAMENU START -->
|
||||
<div class="main-nav">
|
||||
<div class="container">
|
||||
<nav id="navigation1" class="navigation">
|
||||
<div class="nav-header">
|
||||
<a class="nav-logo" href="../index.html">
|
||||
<img src="../images/logos/logo.png" class="white-logo" alt="">
|
||||
<img src="../images/logos/logo-black.png" class="dark-logo" alt="">
|
||||
</a>
|
||||
<div class="nav-toggle"></div>
|
||||
</div>
|
||||
<div class="nav-menus-wrapper">
|
||||
<ul class="nav-menu align-to-right">
|
||||
<li><a href="#">HOME</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../1-agency.html">Agency</a></li>
|
||||
<li><a href="../2-beauty.html">Beauty</a></li>
|
||||
<li><a href="../3-construction.html">Construction</a></li>
|
||||
<li><a href="../4-corporate.html">Corporate</a></li>
|
||||
<li><a href="../5-courier.html">Courier</a></li>
|
||||
<li><a href="../6-dealer.html">Dealer</a></li>
|
||||
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../7-dental.html">Dental</a></li>
|
||||
<li><a href="../8-education.html">Education</a></li>
|
||||
<li><a href="../9-gym.html">Gym</a></li>
|
||||
<li><a href="../10-hotel.html">Hotel</a></li>
|
||||
<li><a href="../11-medical.html">Medical</a></li>
|
||||
<li><a href="../12-restaurant.html">Restaurant</a></li>
|
||||
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../13-charity.html">Charity</a></li>
|
||||
<li><a href="../14-cleaning.html">Cleaning</a></li>
|
||||
<li><a href="../15-finance.html">Finance</a></li>
|
||||
<li><a href="../16-industrial.html">Industrial</a></li>
|
||||
<li><a href="../17-hosting.html">Hosting</a></li>
|
||||
<li><a href="../18-portfolio.html">Portfolio</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../19-organic.html">Organic</a></li>
|
||||
<li><a href="../20-farm.html">Farm</a></li>
|
||||
<li><a href="../21-yoga.html">Yoga</a></li>
|
||||
<li><a href="../22-travel.html">Travel</a></li>
|
||||
<li><a href="../23-lawyer.html">Lawyer</a></li>
|
||||
<li><a href="../24-fitness.html">Fitness</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">PAGES</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../about-style-1.html">About Us</a></li>
|
||||
<li><a href="../about-style-2.html">About Me</a></li>
|
||||
<li><a href="../about-style-3.html">About Us - ALT 2</a></li>
|
||||
<li><a href="../about-style-4.html">About Us - ALT 3</a></li>
|
||||
<li><a href="../careers-style-1.html">Careers</a></li>
|
||||
<li><a href="../careers-style-2.html">Careers - ALT 2</a></li>
|
||||
<li><a href="../careers-style-3.html">Careers - ALT 3</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../services-style-1.html">Services</a></li>
|
||||
<li><a href="../services-style-2.html">Services - ALT 2</a></li>
|
||||
<li><a href="../services-style-3.html">Services - ALT 3</a></li>
|
||||
<li><a href="../services-style-4.html">Services - ALT 4</a></li>
|
||||
<li><a href="../profile-style-1.html">Profile</a></li>
|
||||
<li><a href="../profile-style-2.html">Profile - ALT 2</a></li>
|
||||
<li><a href="../profile-style-3.html">Profile - ALT 3</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../contact-style-1.html">Contact Us </a></li>
|
||||
<li><a href="../contact-style-2.html">Contact Us - ALT 2</a></li>
|
||||
<li><a href="../contact-style-3.html">Contact Us - ALT 3</a></li>
|
||||
<li><a href="../contact-style-4.html">Contact Us - ALT 4</a></li>
|
||||
<li><a href="../team-style-1.html">Our Team</a></li>
|
||||
<li><a href="../team-style-2.html">Our Team - ALT 2</a></li>
|
||||
<li><a href="../team-style-3.html">Our Team - ALT 3</a></li>
|
||||
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../coming-soon-style-1.html">Coming Soon</a></li>
|
||||
<li><a href="../coming-soon-style-2.html">Coming Soon - ALT 2</a></li>
|
||||
<li><a href="../404-error-style-1.html">404 Page</a></li>
|
||||
<li><a href="../404-error-style-2.html">404 Page - ALT 2</a></li>
|
||||
<li><a href="../login-register-style-1.html">Login / Register</a></li>
|
||||
<li><a href="../faq.html">Faq</a></li>
|
||||
<li><a href="../faq-alt.html">Faq - ALT</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">ELEMENTS</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 1</a></li>
|
||||
<li><a href="../elements/accordions.html"><i class="fas fa-plus-square"></i> Accordions</a></li>
|
||||
<li><a href="../elements/alerts.html"><i class="fas fa-exclamation-circle"></i> Alerts</a></li>
|
||||
<li><a href="../elements/animations.html"><i class="fas fa-exchange-alt"></i> Animations</a></li>
|
||||
<li><a href="../elements/blockquotes.html"><i class="fas fa-quote-left"></i> Blockquotes</a></li>
|
||||
<li><a href="../elements/breadcrumbs.html"><i class="fas fa-share"></i> Breadcrumbs</a></li>
|
||||
<li><a href="../elements/buttons.html"><i class="fas fa-square"></i> Buttons</a></li>
|
||||
<li><a href="../elements/call-to-action.html"><i class="fas fa-bullhorn"></i> Call to Action</a></li>
|
||||
<li><a href="../elements/charts.html"><i class="fas fa-circle-notch"></i> Charts</a></li>
|
||||
<li><a href="../elements/content-boxes.html"><i class="fas fa-th-large"></i> Content Boxes</a></li>
|
||||
<li><a href="../elements/counters.html"><i class="fas fa-bullseye"></i> Counters</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 2</a></li>
|
||||
<li><a href="../elements/customers.html"><i class="fas fa-user-circle"></i> Customer</a></li>
|
||||
<li><a href="../elements/dropcaps.html"><i class="fas fa-font"></i> Dropcaps</a></li>
|
||||
<li><a href="../elements/flip-boxes.html"><i class="fas fa-sync-alt"></i> Flip Box</a></li>
|
||||
<li><a href="../elements/google-maps.html"><i class="fas fa-map"></i> Google Maps</a></li>
|
||||
<li><a href="../elements/grid-boxes.html"><i class="fas fa-th"></i> Grid Boxes</a></li>
|
||||
<li><a href="../elements/icon-boxes.html"><i class="fas fa-th-large"></i> Icon Boxes</a></li>
|
||||
<li><a href="../elements/icon-circle.html"><i class="far fa-circle"></i> Icon Circle</a></li>
|
||||
<li><a href="../elements/image-gallery.html"><i class="fas fa-expand"></i> Image Gallery</a></li>
|
||||
<li><a href="../elements/images.html"><i class="far fa-image"></i> Images</a></li>
|
||||
<li><a href="../elements/image-hover.html"><i class="fas fa-object-ungroup" aria-hidden="true"></i> Image Hover</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 3</a></li>
|
||||
<li><a href="../elements/lightbox.html"><i class="fas fa-lightbulb"></i> LightBox</a></li>
|
||||
<li><a href="../elements/modal-popup.html"><i class="fas fa-search-plus"></i> Modal Popup</a></li>
|
||||
<li><a href="../elements/pagination.html"><i class="fas fa-angle-double-right"></i> Pagination</a></li>
|
||||
<li><a href="../elements/parallax.html"><i class="fas fa-random"></i> Parallax</a></li>
|
||||
<li><a href="../elements/pricing-table.html"><i class="fas fa-table"></i> Pricing Tables</a></li>
|
||||
<li><a href="../elements/process-steps.html"><i class="fas fa-arrow-right"></i> Process Steps</a></li>
|
||||
<li><a href="../elements/profile-cards.html"><i class="fas fa-address-card"></i> Profile Cards</a></li>
|
||||
<li><a href="../elements/progress-bar.html"><i class="fas fa-tasks"></i> Progress Bar</a></li>
|
||||
<li><a href="../elements/recent-posts.html"><i class="fas fa-newspaper"></i> Recent Posts</a></li>
|
||||
<li><a href="../elements/section-styles.html"><i class="fas fa-outdent"></i> Section Styles</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 4</a></li>
|
||||
<li><a href="../elements/separators.html"><i class="fas fa-minus"></i> Separators</a></li>
|
||||
<li><a href="../elements/shop-banners.html"><i class="fas fa-language"></i> Shop Banners</a></li>
|
||||
<li><a href="../elements/social-icons.html"><i class="fab fa-twitter"></i> Social Icons</a></li>
|
||||
<li><a href="../elements/tables.html"><i class="fas fa-table"></i> Tables</a></li>
|
||||
<li><a href="../elements/tabs.html"><i class="fas fa-window-maximize"></i> Tabs</a></li>
|
||||
<li><a href="../elements/team.html"><i class="fas fa-users"></i> Team</a></li>
|
||||
<li><a href="../elements/testimonials.html"><i class="fas fa-edit"></i> Testimonials</a></li>
|
||||
<li><a href="../elements/timeline.html"><i class="fas fa-arrow-down"></i> Timeline</a></li>
|
||||
<li><a href="../elements/videos.html"><i class="fas fa-video"></i> Videos & Audio</a></li>
|
||||
<li><a href="../elements/video-background.html"><i class="fas fa-photo-video"></i> Video Background</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">SLIDERS</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 1</a></li>
|
||||
<li><a href="3d-parallax-scenes.html">3D Parallax Scenes</a></li>
|
||||
<li><a href="404-error.html">404 Error</a></li>
|
||||
<li><a href="agency-slider.html">Agency Slider</a></li>
|
||||
<li><a href="blend-mode.html">Blend Mode</a></li>
|
||||
<li><a href="blur-effect.html">Blur Effect</a></li>
|
||||
<li><a href="car-dealer.html">Car Dealer</a></li>
|
||||
<li><a href="carousel-gallery.html">Carousel Gallery</a></li>
|
||||
<li><a href="classic-carousel.html">Classic Carousel</a></li>
|
||||
<li><a href="coming-soon.html">Coming soon</a></li>
|
||||
<li><a href="concept-slider.html">Concept Slider</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 2</a></li>
|
||||
<li><a href="double-exposure-effect.html">Double Exposure Effect</a></li>
|
||||
<li><a href="exploration-header.html">Exploration Header</a></li>
|
||||
<li><a href="film-strip.html">Film Strip Effect</a></li>
|
||||
<li><a href="fine-dining.html">Fine Dining</a></li>
|
||||
<li><a href="gravity-design.html">Gravity Design</a></li>
|
||||
<li><a href="happy-hollidays.html">Happy Hollidays</a></li>
|
||||
<li><a href="hero-sports.html">Hero Sports</a></li>
|
||||
<li><a href="inspiration-header.html">Inspiration Header</a></li>
|
||||
<li><a href="levano-slider.html">Levano Slider</a></li>
|
||||
<li><a href="magazine-posts.html">Magazine Posts</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 3</a></li>
|
||||
<li><a href="mask-showcase.html">Mask Showcase</a></li>
|
||||
<li><a href="mountain-parallax.html">Mountain Parallax</a></li>
|
||||
<li><a href="over-expousure.html">Over Exposure</a></li>
|
||||
<li><a href="panorama.html">Panorama</a></li>
|
||||
<li><a href="parallax-joy.html">Parallax Joy</a></li>
|
||||
<li><a href="parallax-zoom.html">Parallax Zoom</a></li>
|
||||
<li><a href="particle-effect-one.html">Particle Effect one</a></li>
|
||||
<li><a href="particle-effect-two.html">Particle Effect Two</a></li>
|
||||
<li><a href="particle-effect-three.html">Particle Effect Three</a></li>
|
||||
<li><a href="style-intro.html">Style Intro</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 4</a></li>
|
||||
<li><a href="reveal.html">Reveal</a></li>
|
||||
<li><a href="rock-band.html">Rock Band</a></li>
|
||||
<li><a href="scroll-effects.html">Scroll Effect</a></li>
|
||||
<li><a href="slider-gym.html">Slider Gym</a></li>
|
||||
<li><a href="slider-news.html">Slider News</a></li>
|
||||
<li><a href="sliding-overlays.html">Sliding Overlays</a></li>
|
||||
<li><a href="web-agency.html">Web Agency</a></li>
|
||||
<li><a href="web-product.html">Web Product</a></li>
|
||||
<li><a href="website-intro.html">Website Intro</a></li>
|
||||
<li><a href="youtube-hero.html">Youtube Hero</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">SHOP</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="#">CLASSIC</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../shop-full-width.html">Full width</a></li>
|
||||
<li><a href="../shop-left-sidebar.html">Left sidebar</a></li>
|
||||
<li><a href="../shop-right-sidebar.html">Right sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">PRODUCT DETAILS</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../product-full-width.html">Full width</a></li>
|
||||
<li><a href="../product-left-sidebar.html">Left sidebar</a></li>
|
||||
<li><a href="../product-right-sidebar.html">Right sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="../shopping-cart.html">SHOPING CART</a></li>
|
||||
<li><a href="../checkout.html">CHECKOUT</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">BLOG</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="#">CLASSIC</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../blog-full-width.html">Full width</a></li>
|
||||
<li><a href="../blog-left-sidebar.html">Left sidebar</a></li>
|
||||
<li><a href="../blog-right-sidebar.html">Right sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">GRID</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../blog-grid-one-column.html">One column</a></li>
|
||||
<li><a href="../blog-grid-two-column.html">Two column</a></li>
|
||||
<li><a href="../blog-grid-three-column.html">Three column</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">MASONRY</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../masonry-two-columns.html">Two Columns</a></li>
|
||||
<li><a href="../masonry-three-columns.html">Three Columns</a></li>
|
||||
<li><a href="../masonry-four-columns.html">Four Columns</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">BLOG SINGLE</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../blog-single-full-width.html">Blog Single Full Width</a></li>
|
||||
<li><a href="../blog-single-left-sidebar.html">Blog Single Left Sidebar</a></li>
|
||||
<li><a href="../blog-single-right-sidebar.html">Blog Single Right Sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<!-- MEGAMENU END -->
|
||||
|
||||
<div class="home-slider">
|
||||
<!-- SLIDER REVOLUTION START -->
|
||||
<section class="example">
|
||||
<article class="content">
|
||||
|
||||
<div id="rev_slider_1055_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container"
|
||||
data-alias="web-product-dark-hero125" data-source="gallery"
|
||||
style="margin:0px auto;background-color:transparent;padding:0px;margin-top:0px;margin-bottom:0px;">
|
||||
<!-- START REVOLUTION SLIDER 5.4.1 fullwidth mode -->
|
||||
<div id="rev_slider_1055_1" class="rev_slider fullwidthabanner" style="display:none;"
|
||||
data-version="5.4.1">
|
||||
<ul>
|
||||
<!-- SLIDE -->
|
||||
<li data-index="rs-2957" data-transition="fade" data-slotamount="default"
|
||||
data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default"
|
||||
data-easeout="default" data-masterspeed="1500" data-rotate="0"
|
||||
data-saveperformance="off" data-title="Intro" data-param1="" data-param2=""
|
||||
data-param3="" data-param4="" data-param5="" data-param6="" data-param7=""
|
||||
data-param8="" data-param9="" data-param10="" data-description="">
|
||||
<!-- MAIN IMAGE -->
|
||||
<img src="../assets/images/webproduct_darkbg1.jpg" alt=""
|
||||
data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat"
|
||||
data-bgparallax="5" class="rev-slidebg" data-no-retina>
|
||||
<!-- LAYERS -->
|
||||
|
||||
<!-- LAYER NR. 1 -->
|
||||
<div class="tp-caption tp-resizeme rs-parallaxlevel-1" id="slide-2957-layer-1"
|
||||
data-x="['right','right','center','center']"
|
||||
data-hoffset="['-254','-453','70','60']"
|
||||
data-y="['middle','middle','middle','bottom']"
|
||||
data-voffset="['50','50','211','25']" data-width="none" data-height="none"
|
||||
data-whitespace="nowrap" data-type="image" data-responsive_offset="on"
|
||||
data-frames='[{"from":"x:right;","speed":1500,"to":"o:1;","delay":2500,"ease":"Power3.easeOut"},{"delay":"wait","speed":1500,"to":"opacity:0;","ease":"Power4.easeIn"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 5;text-transform:left;border-width:0px;"><img
|
||||
src="../assets/images/macbookpro.png" alt=""
|
||||
data-ww="['1000px','1000px','500px','350px']"
|
||||
data-hh="['600px','600px','300px','210px']" width="1000" height="600"
|
||||
data-no-retina> </div>
|
||||
|
||||
<!-- LAYER NR. 2 -->
|
||||
<div class="tp-caption tp-resizeme rs-parallaxlevel-1" id="slide-2957-layer-2"
|
||||
data-x="['left','left','center','center']" data-hoffset="['828','865','70','60']"
|
||||
data-y="['top','top','top','bottom']" data-voffset="['217','216','580','63']"
|
||||
data-width="none" data-height="none" data-whitespace="nowrap" data-type="image"
|
||||
data-responsive_offset="on"
|
||||
data-frames='[{"from":"z:0;rX:0deg;rY:0;rZ:0;sX:1.5;sY:1.5;skX:0;skY:0;opacity:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":3350,"ease":"Power3.easeOut"},{"delay":"wait","speed":1500,"to":"opacity:0;","ease":"Power4.easeIn"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 6;text-transform:left;border-width:0px;"><img
|
||||
src="../assets/images/express_macbook_content1.jpg" alt=""
|
||||
data-ww="['653px','653px','330px','230px']"
|
||||
data-hh="['408px','408px','206px','144px']" width="653" height="408"
|
||||
data-no-retina> </div>
|
||||
|
||||
<!-- LAYER NR. 3 -->
|
||||
<div class="tp-caption tp-resizeme rs-parallaxlevel-2" id="slide-2957-layer-3"
|
||||
data-x="['left','left','center','center']"
|
||||
data-hoffset="['593','633','-110','-60']" data-y="['top','top','top','bottom']"
|
||||
data-voffset="['203','203','590','20']" data-width="none" data-height="none"
|
||||
data-whitespace="nowrap" data-type="image" data-responsive_offset="on"
|
||||
data-frames='[{"from":"x:right;","speed":1500,"to":"o:1;","delay":2750,"ease":"Power3.easeOut"},{"delay":"wait","speed":1500,"to":"opacity:0;","ease":"Power4.easeIn"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 7;text-transform:left;border-width:0px;"><img
|
||||
src="../assets/images/ipad_dark.png" alt=""
|
||||
data-ww="['430px','430px','200px','170px']"
|
||||
data-hh="['540px','540px','251px','213px']" width="430" height="540"
|
||||
data-no-retina> </div>
|
||||
|
||||
<!-- LAYER NR. 4 -->
|
||||
<div class="tp-caption tp-resizeme rs-parallaxlevel-2" id="slide-2957-layer-4"
|
||||
data-x="['left','left','left','center']" data-hoffset="['663','703','212','-60']"
|
||||
data-y="['top','top','top','bottom']" data-voffset="['291','291','632','50']"
|
||||
data-width="none" data-height="none" data-whitespace="nowrap" data-type="image"
|
||||
data-responsive_offset="on"
|
||||
data-frames='[{"from":"z:0;rX:0deg;rY:0;rZ:0;sX:1.5;sY:1.5;skX:0;skY:0;opacity:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":3700,"ease":"Power3.easeOut"},{"delay":"wait","speed":1500,"to":"opacity:0;","ease":"Power4.easeIn"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 8;text-transform:left;border-width:0px;"><img
|
||||
src="../assets/images/express_ipad_content1.jpg" alt=""
|
||||
data-ww="['290px','290px','135px','115px']"
|
||||
data-hh="['374px','374px','174px','148px']" width="290" height="374"
|
||||
data-no-retina> </div>
|
||||
|
||||
<!-- LAYER NR. 5 -->
|
||||
<div class="tp-caption tp-resizeme rs-parallaxlevel-3" id="slide-2957-layer-5"
|
||||
data-x="['left','left','left','left']" data-hoffset="['530','553','127','58']"
|
||||
data-y="['top','top','top','top']" data-voffset="['297','297','622','529']"
|
||||
data-width="none" data-height="none" data-whitespace="nowrap" data-type="image"
|
||||
data-responsive_offset="on"
|
||||
data-frames='[{"from":"x:right;","speed":1500,"to":"o:1;","delay":3000,"ease":"Power3.easeOut"},{"delay":"wait","speed":1500,"to":"opacity:0;","ease":"Power4.easeIn"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 9;text-transform:left;border-width:0px;"><img
|
||||
src="../assets/images/ihpone_dark.png" alt=""
|
||||
data-ww="['260px','260px','130px','100px']"
|
||||
data-hh="['450px','450px','225px','173px']" width="260" height="450"
|
||||
data-no-retina> </div>
|
||||
|
||||
<!-- LAYER NR. 6 -->
|
||||
<div class="tp-caption tp-resizeme rs-parallaxlevel-3" id="slide-2957-layer-6"
|
||||
data-x="['left','left','left','left']" data-hoffset="['575','598','150','75']"
|
||||
data-y="['top','top','top','top']" data-voffset="['380','379','663','560']"
|
||||
data-width="none" data-height="none" data-whitespace="nowrap" data-type="image"
|
||||
data-responsive_offset="on"
|
||||
data-frames='[{"from":"z:0;rX:0deg;rY:0;rZ:0;sX:1.5;sY:1.5;skX:0;skY:0;opacity:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":3950,"ease":"Power3.easeOut"},{"delay":"wait","speed":1500,"to":"opacity:0;","ease":"Power4.easeIn"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 10;text-transform:left;border-width:0px;"><img
|
||||
src="../assets/images/express_iphone_content1.jpg" alt=""
|
||||
data-ww="['170px','170px','85px','66px']"
|
||||
data-hh="['286px','286px','143px','111px']" width="170" height="286"
|
||||
data-no-retina> </div>
|
||||
|
||||
<!-- LAYER NR. 7 -->
|
||||
<div class="tp-caption WebProduct-Title-Light tp-resizeme" id="slide-2957-layer-7"
|
||||
data-x="['left','left','left','left']" data-hoffset="['30','30','200','80']"
|
||||
data-y="['middle','middle','top','top']"
|
||||
data-voffset="['-110','-110','137','130']" data-fontsize="['90','90','75','75']"
|
||||
data-lineheight="['90','90','75','70']" data-width="none" data-height="none"
|
||||
data-whitespace="nowrap" data-type="text" data-responsive_offset="on"
|
||||
data-frames='[{"from":"x:-50px;opacity:0;","speed":1000,"to":"o:1;","delay":1000,"ease":"Power2.easeOut"},{"delay":"wait","speed":1500,"to":"opacity:0;","ease":"Power4.easeIn"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 11; white-space: nowrap;text-transform:left;">Beautiful<br />
|
||||
Websites </div>
|
||||
|
||||
<!-- LAYER NR. 8 -->
|
||||
<div class="tp-caption WebProduct-SubTitle-Light tp-resizeme"
|
||||
id="slide-2957-layer-10" data-x="['left','left','left','left']"
|
||||
data-hoffset="['30','30','200','80']" data-y="['middle','middle','top','top']"
|
||||
data-voffset="['14','44','294','277']" data-fontsize="['15','15','15','13']"
|
||||
data-width="none" data-height="none" data-whitespace="nowrap" data-type="text"
|
||||
data-responsive_offset="on"
|
||||
data-frames='[{"from":"x:-50px;opacity:0;","speed":1000,"to":"o:1;","delay":1250,"ease":"Power2.easeOut"},{"delay":"wait","speed":1500,"to":"opacity:0;","ease":"Power4.easeIn"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 12; white-space: nowrap;text-transform:left;letter-spacing:2px;font-weight:500;">
|
||||
WORDPRESS / HTML & CSS / JQUERY </div>
|
||||
|
||||
<!-- LAYER NR. 9 -->
|
||||
<div class="tp-caption WebProduct-Content-Light tp-resizeme"
|
||||
id="slide-2957-layer-9" data-x="['left','left','left','left']"
|
||||
data-hoffset="['30','30','200','80']" data-y="['middle','middle','top','top']"
|
||||
data-voffset="['99','127','345','316']" data-fontsize="['16','16','16','14']"
|
||||
data-lineheight="['24','24','24','22']" data-width="['448','356','334','277']"
|
||||
data-height="['none','none','76','68']" data-whitespace="normal" data-type="text"
|
||||
data-responsive_offset="on"
|
||||
data-frames='[{"from":"x:-50px;opacity:0;","speed":1000,"to":"o:1;","delay":1500,"ease":"Power2.easeOut"},{"delay":"wait","speed":1500,"to":"opacity:0;","ease":"Power4.easeIn"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 13; min-width: 448px; max-width: 448px; white-space: normal;text-transform:left;">
|
||||
Our portfolio includes some of the most prominent clients.<br />
|
||||
You can be a part now! </div>
|
||||
|
||||
<!-- LAYER NR. 10 -->
|
||||
<div class="tp-caption WebProduct-Button rev-btn " id="slide-2957-layer-8"
|
||||
data-x="['left','left','left','left']" data-hoffset="['30','30','200','80']"
|
||||
data-y="['middle','middle','top','top']" data-voffset="['238','238','456','420']"
|
||||
data-width="none" data-height="none" data-whitespace="nowrap" data-type="button"
|
||||
data-actions='[{"event":"click","action":"scrollbelow","offset":"px","delay":""}]'
|
||||
data-responsive_offset="on" data-responsive="off"
|
||||
data-frames='[{"from":"x:-50px;opacity:0;","speed":1000,"to":"o:1;","delay":1750,"ease":"Power2.easeOut"},{"delay":"wait","speed":1500,"to":"opacity:0;","ease":"Power4.easeIn"},{"frame":"hover","speed":"300","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(51, 51, 51, 1.00);bg:rgba(255, 255, 255, 1.00);bw:2px 2px 2px 2px;"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[40,40,40,40]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[40,40,40,40]"
|
||||
style="z-index: 14; white-space: nowrap;text-transform:left;letter-spacing:1px;">
|
||||
GET STARTED TODAY </div>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</article>
|
||||
</section>
|
||||
<!-- SLIDER REVOLUTION END -->
|
||||
</div>
|
||||
</header>
|
||||
<!-- HEADER END -->
|
||||
|
||||
<section>
|
||||
<div class="container mt-5 mb-5">
|
||||
<div class="row">
|
||||
<div class="col-lg-4">
|
||||
<div class="slider-feature-info">
|
||||
<h5 class="overtitle">Web Product</h5>
|
||||
<h2>SLIDER REVOLUTION</h2>
|
||||
<p>Including the powerful and stunning Slider Revolution is an innovative, responsive jQuery Slider Plugin that displays your content the beautiful way.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-8 spacing-md">
|
||||
<div class="row">
|
||||
<div class="col-md-6 top-col">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/levels.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">SLIDERS DIVERSITY</h5>
|
||||
<p>With more than 100 templates, it allows you to create almost any type of web pages.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 top-col">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/document.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">DOCUMENTATION</h5>
|
||||
<p>Complete and clear documentation for an easy and fast installation..</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 bottom-col-resp">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/device.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">RESPONSIVE DESIGN</h5>
|
||||
<p>Slider Revolution adapts to any device for a better visual experience..</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/support.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">PREMIUM SUPPORT</h5>
|
||||
<p>If you have any problems in the installation process, we are here to help you.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="rs-line">
|
||||
</div>
|
||||
|
||||
<div class="container rs-call-to-action mt-5 mb-5">
|
||||
<div class="row">
|
||||
<div class="col-lg-8">
|
||||
<div class="ca-left-side">
|
||||
<h3>Premium Multi-Purpose HTML5 Template</h3>
|
||||
<p>Let's develop your project with this impressive and powerful template that helps you
|
||||
create beautiful web pages. An original solution for any business..</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12 col-lg-4">
|
||||
<div class="ca-right-side flex-parent jc-center">
|
||||
<a class="tp-btn-primary" href="https://themeforest.net/item/merit-premium-multipurpose-html5-template/21866679" target="_blank">Purchase now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- FOOTER START -->
|
||||
<footer>
|
||||
<div class="container mt-5">
|
||||
<div class="top-footer">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 col-xl-7">
|
||||
<h3>Creative and affordable website solution</h3>
|
||||
<p>Build modern websites with this powefull Multi-Purpose Template.</p>
|
||||
</div>
|
||||
<div class="col-lg-12 col-xl-5">
|
||||
<div class="footer-btn">
|
||||
<a class="tp-btn-primary" href="https://themeforest.net/item/merit-premium-multipurpose-html5-template/21866679" target="_blank" role="button">Purchase now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="footer-line">
|
||||
<div class="center-footer">
|
||||
<div class="row">
|
||||
<div class="col-lg-5">
|
||||
<div class="footer-col footer-left-col">
|
||||
<figure class="site-footer-logo">
|
||||
<img src="../images/logos/logo.png" alt="">
|
||||
</figure>
|
||||
<p>Let's develop your project with this impressive and powerful template that helps you
|
||||
create beautiful web pages. An original solution for any business.</p>
|
||||
<ul class="footer-social">
|
||||
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-dribbble"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2">
|
||||
<div class="footer-col">
|
||||
<h5>Quick Links</h5>
|
||||
<ul class="quick-links">
|
||||
<li><a href="../index.html">Home</a></li>
|
||||
<li><a href="../services-style-1.html">Services</a></li>
|
||||
<li><a href="../blog-full-width.html">Blogs</a></li>
|
||||
<li><a href="../contact-style-1.html">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2">
|
||||
<div class="footer-col">
|
||||
<h5>About</h5>
|
||||
<ul class="quick-links">
|
||||
<li><a href="../profile-style-1.html">Profile</a></li>
|
||||
<li><a href="../team-style-1.html">Team</a></li>
|
||||
<li><a href="../careers-style-1.html">Careers</a></li>
|
||||
<li><a href="../faq.html">FAQ</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3">
|
||||
<div class="footer-col">
|
||||
<h5>Get in Touch</h5>
|
||||
<ul class="footer-contact">
|
||||
<li class="phone"><a href="tel:123-456-7890">+ 123-456-7890</a></li>
|
||||
<li class="email"><a href="mailto:info@merit.com">info@merit.com</a></li>
|
||||
<li>
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="fas fa-map-pin"></i>
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<p>7391 North Bay Meadows Circle New York, NY 10040.</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="footer-line">
|
||||
<div class="bottom-footer">
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<div class="footer-copyright">
|
||||
<p>© 2022 <a href="https://themeforest.net/item/merit-premium-multipurpose-html5-template/21866679" target="_blank">Merit Premium Template</a> all rights reserved.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<ul class="footer-terms">
|
||||
<li><a href="../terms.html">Terms</a></li>
|
||||
<li><a href="../privacy.html">Privacy</a></li>
|
||||
<li><a href="../contact-style-4.html">Support</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!-- FOOTER END -->
|
||||
|
||||
<!-- SCROLL TOP -->
|
||||
<a href="#0" class="cd-top">Top</a>
|
||||
|
||||
<!-- TEMPLATE MAIN JAVASCRIPT FILES -->
|
||||
<script src="../js/lib/jquery-3.6.0.min.js"></script>
|
||||
<script src="../js/lib/bootstrap.min.js"></script>
|
||||
<script src="../js/lib/plugins.js"></script>
|
||||
<script src="../js/lib/megamenu.js"></script>
|
||||
<script src="../js/lib/navigation.js"></script>
|
||||
<script src="../js/lib/navigation.fixed.min.js"></script>
|
||||
<script src="../js/main.js"></script>
|
||||
|
||||
<!-- REVOLUTION JS FILES -->
|
||||
<script src="../revolution/js/jquery.themepunch.tools.min.js"></script>
|
||||
<script src="../revolution/js/jquery.themepunch.revolution.min.js"></script>
|
||||
|
||||
<!-- SLIDER REVOLUTION 5.0 EXTENSIONS (Load Extensions only on Local File Systems ! The following part can be removed on Server for On Demand Loading) -->
|
||||
<script src="../revolution/js/extensions/revolution.extension.actions.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.carousel.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.migration.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.navigation.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.parallax.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.video.min.js"></script>
|
||||
|
||||
<!-- REQUIRE JS FOR SLIDER REVOLUTION -->
|
||||
<script>
|
||||
var tpj = jQuery;
|
||||
|
||||
var revapi1055;
|
||||
tpj(document).ready(function () {
|
||||
if (tpj("#rev_slider_1055_1").revolution == undefined) {
|
||||
revslider_showDoubleJqueryError("#rev_slider_1055_1");
|
||||
} else {
|
||||
revapi1055 = tpj("#rev_slider_1055_1").show().revolution({
|
||||
sliderType: "hero",
|
||||
jsFileLocation: "revolution/js/",
|
||||
sliderLayout: "fullwidth",
|
||||
dottedOverlay: "none",
|
||||
delay: 9000,
|
||||
navigation: {},
|
||||
responsiveLevels: [1240, 1024, 778, 480],
|
||||
visibilityLevels: [1240, 1024, 778, 480],
|
||||
gridwidth: [1400, 1240, 778, 480],
|
||||
gridheight: [768, 768, 960, 720],
|
||||
lazyType: "none",
|
||||
parallax: {
|
||||
type: "mouse+scroll",
|
||||
origo: "slidercenter",
|
||||
speed: 2000,
|
||||
levels: [1, 2, 3, 20, 25, 30, 35, 40, 45, 50, 46, 47, 48, 49, 50, 55],
|
||||
type: "mouse+scroll",
|
||||
disable_onmobile: "on"
|
||||
},
|
||||
shadow: 0,
|
||||
spinner: "off",
|
||||
autoHeight: "off",
|
||||
disableProgressBar: "on",
|
||||
hideThumbsOnMobile: "off",
|
||||
hideSliderAtLimit: 0,
|
||||
hideCaptionAtLimit: 0,
|
||||
hideAllCaptionAtLilmit: 0,
|
||||
debugMode: false,
|
||||
fallbacks: {
|
||||
simplifyAll: "off",
|
||||
disableFocusListener: false,
|
||||
}
|
||||
});
|
||||
}
|
||||
}); /*ready*/
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
|
||||
<!-- Mirrored from quickdevs.com/demo/merit/rev-sliders/web-product.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 29 Mar 2023 10:49:27 GMT -->
|
||||
</html>
|
||||
1535
public/sunsarioverseas/rev-sliders/website-intro.html
Normal file
1535
public/sunsarioverseas/rev-sliders/website-intro.html
Normal file
File diff suppressed because it is too large
Load Diff
789
public/sunsarioverseas/rev-sliders/youtube-hero.html
Normal file
789
public/sunsarioverseas/rev-sliders/youtube-hero.html
Normal file
@ -0,0 +1,789 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US" class="no-js">
|
||||
|
||||
|
||||
<!-- Mirrored from quickdevs.com/demo/merit/rev-sliders/youtube-hero.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 29 Mar 2023 10:49:56 GMT -->
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
|
||||
<!-- TITLE -->
|
||||
<title>Youtube Hero - Merit Premium Multi-Purpose HTML5 Template</title>
|
||||
|
||||
<!-- META TAGS -->
|
||||
<meta name="keywords" content="premium multi-Purpose, html template, multipurpose template, bootstrap template, niches, clean, modern, multipurpose, responsive">
|
||||
<meta name="description" content="Merit is a modern Multi-Purpose HTML Template any bussines.">
|
||||
|
||||
<!-- FAVICON -->
|
||||
<link rel="shortcut icon" href="../images/icons/favicon.png">
|
||||
|
||||
<!-- REVOLUTION ADDONS -->
|
||||
<link href="http://fonts.googleapis.com/css?family=Roboto%3A700%2C300" rel="stylesheet" property="stylesheet" type="text/css" media="all" />
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/fonts/pe-icon-7-stroke/css/pe-icon-7-stroke.css">
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/fonts/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!-- REVOLUTION STYLE SHEETS -->
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/css/settings.css">
|
||||
|
||||
<!-- REVOLUTION LAYERS STYLES -->
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/css/layers.css">
|
||||
|
||||
<!-- REVOLUTION NAVIGATION STYLES -->
|
||||
<link rel="stylesheet" type="text/css" href="../revolution/css/navigation.css">
|
||||
|
||||
<!-- LOADING FONTS AND ICONS -->
|
||||
<link href="http://fonts.googleapis.com/css?family=Raleway%3A400%2C800%2C500" rel="stylesheet" property="stylesheet" type="text/css" media="all" />
|
||||
|
||||
<!-- MAIN CSS STYLE SHEET -->
|
||||
<link rel="stylesheet" href="../css/main.css">
|
||||
<link rel="stylesheet" href="../css/stylesheet.css">
|
||||
<link rel="stylesheet" href="../css/responsive.css">
|
||||
|
||||
<!-- REVOLUTION CUSTOM CSS -->
|
||||
<link rel="stylesheet" href="../css/slider-revolution.css">
|
||||
|
||||
<!-- MODERNIZR LIBRARY -->
|
||||
<script src="../js/modernizr-custom.js"></script>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- PRELOADER START -->
|
||||
<div id="loader-wrapper">
|
||||
<div class="loader">
|
||||
<span class="loader-26"></span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- PRELOADER END -->
|
||||
|
||||
<!-- HEADER START -->
|
||||
<header>
|
||||
<!-- TOP HEADER START -->
|
||||
<div class="top-header">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<ul class="top-contact text-left">
|
||||
<li class="phone"><span class="tel-no"><a href="tel:123-456-7890"> +123-456-7890</a></span>
|
||||
</li>
|
||||
<li class="email"><a href="mailto:info@merit.com">info@merit.com</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-6 text-right">
|
||||
<div class="top-social">
|
||||
<ul class="social-list">
|
||||
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-dribbble"></i></a></li>
|
||||
<li>
|
||||
<!-- Button trigger modal -->
|
||||
<div class="center-element">
|
||||
<button type="button" class="btn btn-default" data-toggle="modal" data-target="#exampleModal2">Login</button>
|
||||
</div>
|
||||
|
||||
<!-- Modal -->
|
||||
<div class="modal fade custom-modal" id="exampleModal2" tabindex="-1" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content login-modal">
|
||||
<button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button>
|
||||
<div class="modal-body">
|
||||
<figure class="login-avatar">
|
||||
<img src="../images/icons/user-login-2.png" alt="">
|
||||
</figure>
|
||||
<h4>Merit</h4>
|
||||
<p>Welcome Back!</p>
|
||||
<div class="google-btn">
|
||||
<button type="submit" class="tp-btn-primary">
|
||||
<img class="tp-goole-icon" src="../images/icons/google-icon.png" alt="">
|
||||
Sign in with Google
|
||||
</button>
|
||||
</div>
|
||||
<p>Or</p>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<form>
|
||||
<div class="form-group">
|
||||
<input type="email" class="form-control login-fc" placeholder="Email or Username">
|
||||
</div>
|
||||
<div class="form-group mt-3">
|
||||
<input type="password" class="form-control login-fc" placeholder="Password">
|
||||
</div>
|
||||
<div class="login-options d-flex justify-content-between mt-3">
|
||||
<div class="have-account">
|
||||
<p><a href="#">Dont have an account?</a></p>
|
||||
</div>
|
||||
<div class="forgot-password">
|
||||
<p><a href="#">Forgot password?</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="login-btn">
|
||||
<button type="submit" class="tp-btn-primary">Login</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="top-line">
|
||||
</div>
|
||||
</div>
|
||||
<!-- TOP HEADER END -->
|
||||
|
||||
<!-- MEGAMENU START -->
|
||||
<div class="main-nav">
|
||||
<div class="container">
|
||||
<nav id="navigation1" class="navigation">
|
||||
<div class="nav-header">
|
||||
<a class="nav-logo" href="../index.html">
|
||||
<img src="../images/logos/logo.png" class="white-logo" alt="">
|
||||
<img src="../images/logos/logo-black.png" class="dark-logo" alt="">
|
||||
</a>
|
||||
<div class="nav-toggle"></div>
|
||||
</div>
|
||||
<div class="nav-menus-wrapper">
|
||||
<ul class="nav-menu align-to-right">
|
||||
<li><a href="#">HOME</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../1-agency.html">Agency</a></li>
|
||||
<li><a href="../2-beauty.html">Beauty</a></li>
|
||||
<li><a href="../3-construction.html">Construction</a></li>
|
||||
<li><a href="../4-corporate.html">Corporate</a></li>
|
||||
<li><a href="../5-courier.html">Courier</a></li>
|
||||
<li><a href="../6-dealer.html">Dealer</a></li>
|
||||
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../7-dental.html">Dental</a></li>
|
||||
<li><a href="../8-education.html">Education</a></li>
|
||||
<li><a href="../9-gym.html">Gym</a></li>
|
||||
<li><a href="../10-hotel.html">Hotel</a></li>
|
||||
<li><a href="../11-medical.html">Medical</a></li>
|
||||
<li><a href="../12-restaurant.html">Restaurant</a></li>
|
||||
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../13-charity.html">Charity</a></li>
|
||||
<li><a href="../14-cleaning.html">Cleaning</a></li>
|
||||
<li><a href="../15-finance.html">Finance</a></li>
|
||||
<li><a href="../16-industrial.html">Industrial</a></li>
|
||||
<li><a href="../17-hosting.html">Hosting</a></li>
|
||||
<li><a href="../18-portfolio.html">Portfolio</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../19-organic.html">Organic</a></li>
|
||||
<li><a href="../20-farm.html">Farm</a></li>
|
||||
<li><a href="../21-yoga.html">Yoga</a></li>
|
||||
<li><a href="../22-travel.html">Travel</a></li>
|
||||
<li><a href="../23-lawyer.html">Lawyer</a></li>
|
||||
<li><a href="../24-fitness.html">Fitness</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">PAGES</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../about-style-1.html">About Us</a></li>
|
||||
<li><a href="../about-style-2.html">About Me</a></li>
|
||||
<li><a href="../about-style-3.html">About Us - ALT 2</a></li>
|
||||
<li><a href="../about-style-4.html">About Us - ALT 3</a></li>
|
||||
<li><a href="../careers-style-1.html">Careers</a></li>
|
||||
<li><a href="../careers-style-2.html">Careers - ALT 2</a></li>
|
||||
<li><a href="../careers-style-3.html">Careers - ALT 3</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../services-style-1.html">Services</a></li>
|
||||
<li><a href="../services-style-2.html">Services - ALT 2</a></li>
|
||||
<li><a href="../services-style-3.html">Services - ALT 3</a></li>
|
||||
<li><a href="../services-style-4.html">Services - ALT 4</a></li>
|
||||
<li><a href="../profile-style-1.html">Profile</a></li>
|
||||
<li><a href="../profile-style-2.html">Profile - ALT 2</a></li>
|
||||
<li><a href="../profile-style-3.html">Profile - ALT 3</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../contact-style-1.html">Contact Us </a></li>
|
||||
<li><a href="../contact-style-2.html">Contact Us - ALT 2</a></li>
|
||||
<li><a href="../contact-style-3.html">Contact Us - ALT 3</a></li>
|
||||
<li><a href="../contact-style-4.html">Contact Us - ALT 4</a></li>
|
||||
<li><a href="../team-style-1.html">Our Team</a></li>
|
||||
<li><a href="../team-style-2.html">Our Team - ALT 2</a></li>
|
||||
<li><a href="../team-style-3.html">Our Team - ALT 3</a></li>
|
||||
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li><a href="../coming-soon-style-1.html">Coming Soon</a></li>
|
||||
<li><a href="../coming-soon-style-2.html">Coming Soon - ALT 2</a></li>
|
||||
<li><a href="../404-error-style-1.html">404 Page</a></li>
|
||||
<li><a href="../404-error-style-2.html">404 Page - ALT 2</a></li>
|
||||
<li><a href="../login-register-style-1.html">Login / Register</a></li>
|
||||
<li><a href="../faq.html">Faq</a></li>
|
||||
<li><a href="../faq-alt.html">Faq - ALT</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">ELEMENTS</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 1</a></li>
|
||||
<li><a href="../elements/accordions.html"><i class="fas fa-plus-square"></i> Accordions</a></li>
|
||||
<li><a href="../elements/alerts.html"><i class="fas fa-exclamation-circle"></i> Alerts</a></li>
|
||||
<li><a href="../elements/animations.html"><i class="fas fa-exchange-alt"></i> Animations</a></li>
|
||||
<li><a href="../elements/blockquotes.html"><i class="fas fa-quote-left"></i> Blockquotes</a></li>
|
||||
<li><a href="../elements/breadcrumbs.html"><i class="fas fa-share"></i> Breadcrumbs</a></li>
|
||||
<li><a href="../elements/buttons.html"><i class="fas fa-square"></i> Buttons</a></li>
|
||||
<li><a href="../elements/call-to-action.html"><i class="fas fa-bullhorn"></i> Call to Action</a></li>
|
||||
<li><a href="../elements/charts.html"><i class="fas fa-circle-notch"></i> Charts</a></li>
|
||||
<li><a href="../elements/content-boxes.html"><i class="fas fa-th-large"></i> Content Boxes</a></li>
|
||||
<li><a href="../elements/counters.html"><i class="fas fa-bullseye"></i> Counters</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 2</a></li>
|
||||
<li><a href="../elements/customers.html"><i class="fas fa-user-circle"></i> Customer</a></li>
|
||||
<li><a href="../elements/dropcaps.html"><i class="fas fa-font"></i> Dropcaps</a></li>
|
||||
<li><a href="../elements/flip-boxes.html"><i class="fas fa-sync-alt"></i> Flip Box</a></li>
|
||||
<li><a href="../elements/google-maps.html"><i class="fas fa-map"></i> Google Maps</a></li>
|
||||
<li><a href="../elements/grid-boxes.html"><i class="fas fa-th"></i> Grid Boxes</a></li>
|
||||
<li><a href="../elements/icon-boxes.html"><i class="fas fa-th-large"></i> Icon Boxes</a></li>
|
||||
<li><a href="../elements/icon-circle.html"><i class="far fa-circle"></i> Icon Circle</a></li>
|
||||
<li><a href="../elements/image-gallery.html"><i class="fas fa-expand"></i> Image Gallery</a></li>
|
||||
<li><a href="../elements/images.html"><i class="far fa-image"></i> Images</a></li>
|
||||
<li><a href="../elements/image-hover.html"><i class="fas fa-object-ungroup" aria-hidden="true"></i> Image Hover</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 3</a></li>
|
||||
<li><a href="../elements/lightbox.html"><i class="fas fa-lightbulb"></i> LightBox</a></li>
|
||||
<li><a href="../elements/modal-popup.html"><i class="fas fa-search-plus"></i> Modal Popup</a></li>
|
||||
<li><a href="../elements/pagination.html"><i class="fas fa-angle-double-right"></i> Pagination</a></li>
|
||||
<li><a href="../elements/parallax.html"><i class="fas fa-random"></i> Parallax</a></li>
|
||||
<li><a href="../elements/pricing-table.html"><i class="fas fa-table"></i> Pricing Tables</a></li>
|
||||
<li><a href="../elements/process-steps.html"><i class="fas fa-arrow-right"></i> Process Steps</a></li>
|
||||
<li><a href="../elements/profile-cards.html"><i class="fas fa-address-card"></i> Profile Cards</a></li>
|
||||
<li><a href="../elements/progress-bar.html"><i class="fas fa-tasks"></i> Progress Bar</a></li>
|
||||
<li><a href="../elements/recent-posts.html"><i class="fas fa-newspaper"></i> Recent Posts</a></li>
|
||||
<li><a href="../elements/section-styles.html"><i class="fas fa-outdent"></i> Section Styles</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">ELEMENTS 4</a></li>
|
||||
<li><a href="../elements/separators.html"><i class="fas fa-minus"></i> Separators</a></li>
|
||||
<li><a href="../elements/shop-banners.html"><i class="fas fa-language"></i> Shop Banners</a></li>
|
||||
<li><a href="../elements/social-icons.html"><i class="fab fa-twitter"></i> Social Icons</a></li>
|
||||
<li><a href="../elements/tables.html"><i class="fas fa-table"></i> Tables</a></li>
|
||||
<li><a href="../elements/tabs.html"><i class="fas fa-window-maximize"></i> Tabs</a></li>
|
||||
<li><a href="../elements/team.html"><i class="fas fa-users"></i> Team</a></li>
|
||||
<li><a href="../elements/testimonials.html"><i class="fas fa-edit"></i> Testimonials</a></li>
|
||||
<li><a href="../elements/timeline.html"><i class="fas fa-arrow-down"></i> Timeline</a></li>
|
||||
<li><a href="../elements/videos.html"><i class="fas fa-video"></i> Videos & Audio</a></li>
|
||||
<li><a href="../elements/video-background.html"><i class="fas fa-photo-video"></i> Video Background</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">SLIDERS</a>
|
||||
<div class="megamenu-panel">
|
||||
<div class="megamenu-lists">
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 1</a></li>
|
||||
<li><a href="3d-parallax-scenes.html">3D Parallax Scenes</a></li>
|
||||
<li><a href="404-error.html">404 Error</a></li>
|
||||
<li><a href="agency-slider.html">Agency Slider</a></li>
|
||||
<li><a href="blend-mode.html">Blend Mode</a></li>
|
||||
<li><a href="blur-effect.html">Blur Effect</a></li>
|
||||
<li><a href="car-dealer.html">Car Dealer</a></li>
|
||||
<li><a href="carousel-gallery.html">Carousel Gallery</a></li>
|
||||
<li><a href="classic-carousel.html">Classic Carousel</a></li>
|
||||
<li><a href="coming-soon.html">Coming soon</a></li>
|
||||
<li><a href="concept-slider.html">Concept Slider</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 2</a></li>
|
||||
<li><a href="double-exposure-effect.html">Double Exposure Effect</a></li>
|
||||
<li><a href="exploration-header.html">Exploration Header</a></li>
|
||||
<li><a href="film-strip.html">Film Strip Effect</a></li>
|
||||
<li><a href="fine-dining.html">Fine Dining</a></li>
|
||||
<li><a href="gravity-design.html">Gravity Design</a></li>
|
||||
<li><a href="happy-hollidays.html">Happy Hollidays</a></li>
|
||||
<li><a href="hero-sports.html">Hero Sports</a></li>
|
||||
<li><a href="inspiration-header.html">Inspiration Header</a></li>
|
||||
<li><a href="levano-slider.html">Levano Slider</a></li>
|
||||
<li><a href="magazine-posts.html">Magazine Posts</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 3</a></li>
|
||||
<li><a href="mask-showcase.html">Mask Showcase</a></li>
|
||||
<li><a href="mountain-parallax.html">Mountain Parallax</a></li>
|
||||
<li><a href="over-expousure.html">Over Exposure</a></li>
|
||||
<li><a href="panorama.html">Panorama</a></li>
|
||||
<li><a href="parallax-joy.html">Parallax Joy</a></li>
|
||||
<li><a href="parallax-zoom.html">Parallax Zoom</a></li>
|
||||
<li><a href="particle-effect-one.html">Particle Effect one</a></li>
|
||||
<li><a href="particle-effect-two.html">Particle Effect Two</a></li>
|
||||
<li><a href="particle-effect-three.html">Particle Effect Three</a></li>
|
||||
<li><a href="style-intro.html">Style Intro</a></li>
|
||||
</ul>
|
||||
<ul class="megamenu-list list-col-4">
|
||||
<li class="megamenu-list-title"><a href="#">SLIDERS 4</a></li>
|
||||
<li><a href="reveal.html">Reveal</a></li>
|
||||
<li><a href="rock-band.html">Rock Band</a></li>
|
||||
<li><a href="scroll-effects.html">Scroll Effect</a></li>
|
||||
<li><a href="slider-gym.html">Slider Gym</a></li>
|
||||
<li><a href="slider-news.html">Slider News</a></li>
|
||||
<li><a href="sliding-overlays.html">Sliding Overlays</a></li>
|
||||
<li><a href="web-agency.html">Web Agency</a></li>
|
||||
<li><a href="web-product.html">Web Product</a></li>
|
||||
<li><a href="website-intro.html">Website Intro</a></li>
|
||||
<li><a href="youtube-hero.html">Youtube Hero</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#">SHOP</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="#">CLASSIC</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../shop-full-width.html">Full width</a></li>
|
||||
<li><a href="../shop-left-sidebar.html">Left sidebar</a></li>
|
||||
<li><a href="../shop-right-sidebar.html">Right sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">PRODUCT DETAILS</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../product-full-width.html">Full width</a></li>
|
||||
<li><a href="../product-left-sidebar.html">Left sidebar</a></li>
|
||||
<li><a href="../product-right-sidebar.html">Right sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="../shopping-cart.html">SHOPING CART</a></li>
|
||||
<li><a href="../checkout.html">CHECKOUT</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">BLOG</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="#">CLASSIC</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../blog-full-width.html">Full width</a></li>
|
||||
<li><a href="../blog-left-sidebar.html">Left sidebar</a></li>
|
||||
<li><a href="../blog-right-sidebar.html">Right sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">GRID</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../blog-grid-one-column.html">One column</a></li>
|
||||
<li><a href="../blog-grid-two-column.html">Two column</a></li>
|
||||
<li><a href="../blog-grid-three-column.html">Three column</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">MASONRY</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../masonry-two-columns.html">Two Columns</a></li>
|
||||
<li><a href="../masonry-three-columns.html">Three Columns</a></li>
|
||||
<li><a href="../masonry-four-columns.html">Four Columns</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">BLOG SINGLE</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li><a href="../blog-single-full-width.html">Blog Single Full Width</a></li>
|
||||
<li><a href="../blog-single-left-sidebar.html">Blog Single Left Sidebar</a></li>
|
||||
<li><a href="../blog-single-right-sidebar.html">Blog Single Right Sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<!-- MEGAMENU END -->
|
||||
|
||||
<div class="home-slider">
|
||||
<!-- SLIDER REVOLUTION START -->
|
||||
<section class="example">
|
||||
<article class="content">
|
||||
|
||||
<div id="rev_slider_1042_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container"
|
||||
data-alias="youtube-hero" data-source="gallery"
|
||||
style="margin:0px auto;background-color:transparent;padding:0px;margin-top:0px;margin-bottom:0px;">
|
||||
<!-- START REVOLUTION SLIDER 5.4.1 fullwidth mode -->
|
||||
<div id="rev_slider_1042_1" class="rev_slider fullwidthabanner" style="display:none;"
|
||||
data-version="5.4.1">
|
||||
<ul>
|
||||
<!-- SLIDE -->
|
||||
<li data-index="rs-2898" data-transition="zoomout" data-slotamount="default"
|
||||
data-hideafterloop="0" data-hideslideonmobile="off" data-easein="Power3.easeInOut"
|
||||
data-easeout="Power3.easeInOut" data-masterspeed="3000"
|
||||
data-thumb="../assets/images/youtubebg-100x50.jpg" data-rotate="0"
|
||||
data-saveperformance="off" data-title="Intro" data-param1="" data-param2=""
|
||||
data-param3="" data-param4="" data-param5="" data-param6="" data-param7=""
|
||||
data-param8="" data-param9="" data-param10="" data-description="">
|
||||
<!-- MAIN IMAGE -->
|
||||
<img src="../assets/images/youtubebg.jpg" alt="" data-bgposition="center center"
|
||||
data-bgfit="cover" data-bgparallax="10" class="rev-slidebg" data-no-retina>
|
||||
<!-- LAYERS -->
|
||||
|
||||
<!-- BACKGROUND VIDEO LAYER -->
|
||||
<div class="rs-background-video-layer" data-forcerewind="on" data-volume="mute"
|
||||
data-ytid="8dTzy_N0Pn4"
|
||||
data-videoattributes="version=3&enablejsapi=1&html5=1&hd=1&wmode=opaque&showinfo=0&rel=0;"
|
||||
data-videorate="1" data-videowidth="100%" data-videoheight="100%"
|
||||
data-videocontrols="none" data-videostartat="00:06" data-videoendat="01:40"
|
||||
data-videoloop="loop" data-forceCover="1" data-aspectratio="4:3"
|
||||
data-autoplay="true" data-autoplayonlyfirsttime="false"></div>
|
||||
<!-- LAYER NR. 1 -->
|
||||
<div class="tp-caption tp-shape tp-shapewrapper " id="slide-2898-layer-10"
|
||||
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
|
||||
data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
|
||||
data-width="full" data-height="full" data-whitespace="nowrap" data-type="shape"
|
||||
data-basealign="slide" data-responsive_offset="on" data-responsive="off"
|
||||
data-frames='[{"from":"opacity:0;","speed":1500,"to":"o:1;","delay":750,"ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"ease":"nothing"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 5;text-transform:left;background-color:rgba(0, 0, 0, 0.25);border-color:rgba(0, 0, 0, 0.50);border-width:0px;">
|
||||
</div>
|
||||
|
||||
<!-- LAYER NR. 2 -->
|
||||
<div class="tp-caption NotGeneric-Icon tp-resizeme" id="slide-2898-layer-8"
|
||||
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
|
||||
data-y="['middle','middle','middle','middle']"
|
||||
data-voffset="['-66','-64','-78','-78']" data-width="none" data-height="none"
|
||||
data-whitespace="nowrap" data-type="text" data-responsive_offset="on"
|
||||
data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:[100%];s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":1000,"ease":"Power4.easeInOut"},{"delay":"wait","speed":1000,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 6; white-space: nowrap;text-transform:left;cursor:default;"><i
|
||||
class="pe-7s-film"></i> </div>
|
||||
|
||||
<!-- LAYER NR. 3 -->
|
||||
<div class="tp-caption NotGeneric-Title tp-resizeme" id="slide-2898-layer-1"
|
||||
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
|
||||
data-y="['middle','middle','middle','middle']"
|
||||
data-voffset="['0','0','-22','-29']" data-fontsize="['70','70','70','50']"
|
||||
data-lineheight="['70','70','70','50']" data-width="none" data-height="none"
|
||||
data-whitespace="nowrap" data-type="text" data-responsive_offset="on"
|
||||
data-frames='[{"from":"z:0;rX:0deg;rY:0;rZ:0;sX:1.5;sY:1.5;skX:0;skY:0;opacity:0;","mask":"x:0px;y:0px;","speed":1500,"to":"o:1;","delay":1000,"ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"to":"y:[100%];","mask":"x:inherit;y:inherit;","ease":"Power2.easeInOut"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[10,10,10,10]"
|
||||
data-paddingright="[0,0,0,0]" data-paddingbottom="[10,10,10,10]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 7; white-space: nowrap;text-transform:left;">YOUTUBE HERO </div>
|
||||
|
||||
<!-- LAYER NR. 4 -->
|
||||
<div class="tp-caption NotGeneric-SubTitle tp-resizeme" id="slide-2898-layer-4"
|
||||
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
|
||||
data-y="['middle','middle','middle','middle']"
|
||||
data-voffset="['52','52','28','13']" data-width="none" data-height="none"
|
||||
data-whitespace="nowrap" data-type="text" data-responsive_offset="on"
|
||||
data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:[100%];s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":1000,"ease":"Power4.easeInOut"},{"delay":"wait","speed":1000,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
|
||||
data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
|
||||
data-paddingleft="[0,0,0,0]"
|
||||
style="z-index: 8; white-space: nowrap;text-transform:left;">REVOLUTION SLIDER
|
||||
TEMPLATE </div>
|
||||
|
||||
<!-- LAYER NR. 5 -->
|
||||
<div class="tp-caption Hero-Button rev-btn " id="slide-2898-layer-7"
|
||||
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
|
||||
data-y="['middle','middle','middle','middle']"
|
||||
data-voffset="['124','124','80','65']" data-width="none" data-height="none"
|
||||
data-whitespace="nowrap" data-type="button"
|
||||
data-actions='[{"event":"click","action":"scrollbelow","offset":"0px","delay":""}]'
|
||||
data-responsive_offset="on" data-responsive="off"
|
||||
data-frames='[{"from":"y:50px;opacity:0;","speed":1500,"to":"o:1;","delay":1250,"ease":"Power4.easeInOut"},{"delay":"wait","speed":1000,"to":"y:[175%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"},{"frame":"hover","speed":"300","ease":"Power1.easeInOut","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(0, 0, 0, 1.00);bg:rgba(255, 255, 255, 1.00);bc:rgba(255, 255, 255, 1.00);bw:1px 1px 1px 1px;"}]'
|
||||
data-textAlign="['left','left','left','left']" data-paddingtop="[10,10,10,10]"
|
||||
data-paddingright="[30,30,30,30]" data-paddingbottom="[10,10,10,10]"
|
||||
data-paddingleft="[30,30,30,30]"
|
||||
style="z-index: 9; white-space: nowrap;text-transform:left;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;">
|
||||
CONTINUE ON SITE </div>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</article>
|
||||
</section>
|
||||
<!-- SLIDER REVOLUTION END -->
|
||||
</div>
|
||||
</header>
|
||||
<!-- HEADER END -->
|
||||
|
||||
<section>
|
||||
<div class="container mt-5 mb-5">
|
||||
<div class="row">
|
||||
<div class="col-lg-4">
|
||||
<div class="slider-feature-info">
|
||||
<h5 class="overtitle">Youtube Hero</h5>
|
||||
<h2>SLIDER REVOLUTION</h2>
|
||||
<p>Including the powerful and stunning Slider Revolution is an innovative, responsive jQuery Slider Plugin that displays your content the beautiful way.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-8 spacing-md">
|
||||
<div class="row">
|
||||
<div class="col-md-6 top-col">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/levels.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">SLIDERS DIVERSITY</h5>
|
||||
<p>With more than 100 templates, it allows you to create almost any type of web pages.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 top-col">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/document.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">DOCUMENTATION</h5>
|
||||
<p>Complete and clear documentation for an easy and fast installation..</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 bottom-col-resp">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/device.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">RESPONSIVE DESIGN</h5>
|
||||
<p>Slider Revolution adapts to any device for a better visual experience..</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="../images/icons/support.svg" class="sr-core-icon" alt="...">
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mt-0">PREMIUM SUPPORT</h5>
|
||||
<p>If you have any problems in the installation process, we are here to help you.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="rs-line">
|
||||
</div>
|
||||
|
||||
<div class="container rs-call-to-action mt-5 mb-5">
|
||||
<div class="row">
|
||||
<div class="col-lg-8">
|
||||
<div class="ca-left-side">
|
||||
<h3>Premium Multi-Purpose HTML5 Template</h3>
|
||||
<p>Let's develop your project with this impressive and powerful template that helps you
|
||||
create beautiful web pages. An original solution for any business..</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12 col-lg-4">
|
||||
<div class="ca-right-side flex-parent jc-center">
|
||||
<a class="tp-btn-primary" href="https://themeforest.net/item/merit-premium-multipurpose-html5-template/21866679" target="_blank">Purchase now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- FOOTER START -->
|
||||
<footer>
|
||||
<div class="container mt-5">
|
||||
<div class="top-footer">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 col-xl-7">
|
||||
<h3>Creative and affordable website solution</h3>
|
||||
<p>Build modern websites with this powefull Multi-Purpose Template.</p>
|
||||
</div>
|
||||
<div class="col-lg-12 col-xl-5">
|
||||
<div class="footer-btn">
|
||||
<a class="tp-btn-primary" href="https://themeforest.net/item/merit-premium-multipurpose-html5-template/21866679" target="_blank" role="button">Purchase now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="footer-line">
|
||||
<div class="center-footer">
|
||||
<div class="row">
|
||||
<div class="col-lg-5">
|
||||
<div class="footer-col footer-left-col">
|
||||
<figure class="site-footer-logo">
|
||||
<img src="../images/logos/logo.png" alt="">
|
||||
</figure>
|
||||
<p>Let's develop your project with this impressive and powerful template that helps you
|
||||
create beautiful web pages. An original solution for any business.</p>
|
||||
<ul class="footer-social">
|
||||
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
|
||||
<li><a href="#"><i class="fab fa-dribbble"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2">
|
||||
<div class="footer-col">
|
||||
<h5>Quick Links</h5>
|
||||
<ul class="quick-links">
|
||||
<li><a href="../index.html">Home</a></li>
|
||||
<li><a href="../services-style-1.html">Services</a></li>
|
||||
<li><a href="../blog-full-width.html">Blogs</a></li>
|
||||
<li><a href="../contact-style-1.html">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2">
|
||||
<div class="footer-col">
|
||||
<h5>About</h5>
|
||||
<ul class="quick-links">
|
||||
<li><a href="../profile-style-1.html">Profile</a></li>
|
||||
<li><a href="../team-style-1.html">Team</a></li>
|
||||
<li><a href="../careers-style-1.html">Careers</a></li>
|
||||
<li><a href="../faq.html">FAQ</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3">
|
||||
<div class="footer-col">
|
||||
<h5>Get in Touch</h5>
|
||||
<ul class="footer-contact">
|
||||
<li class="phone"><a href="tel:123-456-7890">+ 123-456-7890</a></li>
|
||||
<li class="email"><a href="mailto:info@merit.com">info@merit.com</a></li>
|
||||
<li>
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="fas fa-map-pin"></i>
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<p>7391 North Bay Meadows Circle New York, NY 10040.</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="footer-line">
|
||||
<div class="bottom-footer">
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<div class="footer-copyright">
|
||||
<p>© 2022 <a href="https://themeforest.net/item/merit-premium-multipurpose-html5-template/21866679" target="_blank">Merit Premium Template</a> all rights reserved.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<ul class="footer-terms">
|
||||
<li><a href="../terms.html">Terms</a></li>
|
||||
<li><a href="../privacy.html">Privacy</a></li>
|
||||
<li><a href="../contact-style-4.html">Support</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!-- FOOTER END -->
|
||||
|
||||
<!-- SCROLL TOP -->
|
||||
<a href="#0" class="cd-top">Top</a>
|
||||
|
||||
<!-- TEMPLATE MAIN JAVASCRIPT FILES -->
|
||||
<script src="../js/lib/jquery-3.6.0.min.js"></script>
|
||||
<script src="../js/lib/bootstrap.min.js"></script>
|
||||
<script src="../js/lib/plugins.js"></script>
|
||||
<script src="../js/lib/megamenu.js"></script>
|
||||
<script src="../js/lib/navigation.js"></script>
|
||||
<script src="../js/lib/navigation.fixed.min.js"></script>
|
||||
<script src="../js/main.js"></script>
|
||||
|
||||
<!-- REVOLUTION JS FILES -->
|
||||
<script src="../revolution/js/jquery.themepunch.tools.min.js"></script>
|
||||
<script src="../revolution/js/jquery.themepunch.revolution.min.js"></script>
|
||||
|
||||
<!-- SLIDER REVOLUTION 5.0 EXTENSIONS (Load Extensions only on Local File Systems ! The following part can be removed on Server for On Demand Loading) -->
|
||||
<script src="../revolution/js/extensions/revolution.extension.actions.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.carousel.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.migration.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.navigation.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.parallax.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
|
||||
<script src="../revolution/js/extensions/revolution.extension.video.min.js"></script>
|
||||
|
||||
<!-- REQUIRE JS FOR SLIDER REVOLUTION -->
|
||||
<script>
|
||||
var tpj = jQuery;
|
||||
|
||||
var revapi1042;
|
||||
tpj(document).ready(function () {
|
||||
if (tpj("#rev_slider_1042_1").revolution == undefined) {
|
||||
revslider_showDoubleJqueryError("#rev_slider_1042_1");
|
||||
} else {
|
||||
revapi1042 = tpj("#rev_slider_1042_1").show().revolution({
|
||||
sliderType: "standard",
|
||||
jsFileLocation: "revolution/js/",
|
||||
sliderLayout: "fullwidth",
|
||||
dottedOverlay: "none",
|
||||
delay: 9000,
|
||||
navigation: {
|
||||
onHoverStop: "off",
|
||||
},
|
||||
responsiveLevels: [1240, 1024, 778, 480],
|
||||
visibilityLevels: [1240, 1024, 778, 480],
|
||||
gridwidth: [1240, 1024, 778, 480],
|
||||
gridheight: [868, 668, 800, 650],
|
||||
lazyType: "none",
|
||||
parallax: {
|
||||
type: "scroll",
|
||||
origo: "slidercenter",
|
||||
speed: 2000,
|
||||
levels: [2, 3, 4, 5, 6, 7, 12, 16, 10, 50, 46, 47, 48, 49, 50, 55],
|
||||
type: "scroll",
|
||||
},
|
||||
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,
|
||||
}
|
||||
});
|
||||
}
|
||||
}); /*ready*/
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
|
||||
<!-- Mirrored from quickdevs.com/demo/merit/rev-sliders/youtube-hero.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 29 Mar 2023 10:50:04 GMT -->
|
||||
</html>
|
||||
Reference in New Issue
Block a user