New page data
This commit is contained in:
CHIEFSOFT\ameye
@@ -6,6 +6,7 @@ class Home extends BaseController
|
||||
{
|
||||
public function index(): string
|
||||
{
|
||||
return view('welcome_message');
|
||||
//return view('welcome_message');
|
||||
return view('index2');
|
||||
}
|
||||
}
|
||||
|
||||
@@ -0,0 +1,961 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<!-- Meta -->
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
|
||||
<!-- SITE TITLE -->
|
||||
<title>HealthRader - Artificial Intelligence Dedicated to your Care</title>
|
||||
<!-- Latest Bootstrap min CSS -->
|
||||
<link rel="stylesheet" href="/asset/bootstrap/css/bootstrap.min.css">
|
||||
<!-- Google Font -->
|
||||
<link href="https://fonts.googleapis.com/css2?family=Prata&display=swap" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css2?family=David+Libre:wght@400;500;700&display=swap" rel="stylesheet">
|
||||
<!-- Font Awesome CSS -->
|
||||
<link rel="stylesheet" href="/asset/fonts/font-awesome.min.css">
|
||||
<!--- owl carousel Css-->
|
||||
<link rel="stylesheet" href="/asset/owlcarousel/css/owl.carousel.css">
|
||||
<link rel="stylesheet" href="/asset/owlcarousel/css/owl.theme.css">
|
||||
<!-- All Min Css -->
|
||||
<link rel="stylesheet" href="/asset/css/all.min.css">
|
||||
<link rel="stylesheet" href="/asset/css/fontawesome.min.css">
|
||||
<!--jquery-simple-mobilemenu Css-->
|
||||
<link rel="stylesheet" href="/asset/css/jquery-simple-mobilemenu.css">
|
||||
<!-- MAGNIFIC CSS -->
|
||||
<link rel="stylesheet" href="/asset/css/magnific-popup.css">
|
||||
<!-- Popup CSS -->
|
||||
<link rel="stylesheet" href="/asset/css/popup.css">
|
||||
<!-- animate CSS -->
|
||||
<link rel="stylesheet" href="/asset/css/animate.css">
|
||||
<!-- Style CSS -->
|
||||
<link rel="stylesheet" href="/asset/css/style.css">
|
||||
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
||||
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
|
||||
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- START PRELOADER -->
|
||||
<div class="preloader">
|
||||
<div class="status">
|
||||
<div class="status-mes"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END PRELOADER -->
|
||||
|
||||
<!-- Start Cursor Pointer -->
|
||||
<div class="mouse-follower">
|
||||
<span class="cursor-outline"></span>
|
||||
<span class="cursor-dot"></span>
|
||||
</div>
|
||||
<!-- End Cursor Pointer -->
|
||||
|
||||
<section id="home" class="home_bg">
|
||||
<!-- START NAVBAR -->
|
||||
<div id="navigation" class="navbar-light bg-faded site-navigation">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-20 align-self-center">
|
||||
<div class="site-logo">
|
||||
<a href="/"><img src="/asset/img/logo.png" alt=""></a>
|
||||
</div>
|
||||
</div><!--- END Col -->
|
||||
|
||||
<div class="col-60 d-flex">
|
||||
<nav id="main-menu">
|
||||
<ul>
|
||||
<li><a href="#home">Home</a></li>
|
||||
<li><a href="#feature">Features</a></li>
|
||||
<li><a href="#screenshots">Screenshots</a></li>
|
||||
<!-- <li><a href="#pricing">Pricing</a></li>-->
|
||||
<li><a href="#download">Download</a></li>
|
||||
<li><a href="#contact">Contact</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div><!--- END Col -->
|
||||
|
||||
<div class="col-20 d-none d-xl-block text-end align-self-center">
|
||||
<div class="call_to_action">
|
||||
<!-- <a id="modal_trigger" class="btn_two" href="#modal">Login/Register</a>-->
|
||||
<a class="btn_two" href="/">Login/Register</a>
|
||||
</div><!--- END SOCIAL PROFILE -->
|
||||
</div><!--- END Col -->
|
||||
|
||||
<ul class="mobile_menu">
|
||||
<li><a href="/">Home</a></li>
|
||||
<li><a href="#feature">Features</a></li>
|
||||
<li><a href="#screenshots">Screenshots</a></li>
|
||||
<!-- <li><a href="#pricing">Pricing</a></li>-->
|
||||
<li><a href="#download">Download</a></li>
|
||||
<li><a href="#contact">Contact</a></li>
|
||||
</ul>
|
||||
</div><!--- END ROW -->
|
||||
</div><!--- END CONTAINER -->
|
||||
</div>
|
||||
<!-- END NAVBAR -->
|
||||
|
||||
<!-- START HOME -->
|
||||
<div class="home-area">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-7 col-sm-12 col-xs-12">
|
||||
<div class="hero-text">
|
||||
<h2>Artificial Intelligence Dedicated to your Care</h2>
|
||||
<!-- <p>Best way to promote your app. With this amazing template</p>-->
|
||||
<div class="home_btn">
|
||||
<a href="#" class="home-btn wow bounceIn" data-wow-delay=".6s"><i
|
||||
class="fa-brands fa-apple"></i> App Store</a>
|
||||
<a href="#" class="home-btn-two wow bounceIn" data-wow-delay=".8s"><i
|
||||
class="fa-solid fa-play"></i> Google Play</a>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--- END COL -->
|
||||
<div class="col-lg-5 col-sm-12 col-xs-12 text-center">
|
||||
<div class="hero-text-img">
|
||||
<img src="/asset/img/hero-image.svg" alt=""/>
|
||||
</div>
|
||||
</div><!--- END COL -->
|
||||
</div><!--- END ROW -->
|
||||
</div><!--- END CONTAINER -->
|
||||
</div>
|
||||
</section>
|
||||
<!-- END HOME -->
|
||||
|
||||
<!-- START ABOUT -->
|
||||
<section id="feature" class="about-content">
|
||||
<div class="container">
|
||||
<div class="row text-center">
|
||||
<div class="col-lg-3 col-sm-6 col-xs-12">
|
||||
<div class="single_about">
|
||||
<i class="fa-solid fa-database"></i>
|
||||
<h4>Data in cloud</h4>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore. </p>
|
||||
</div>
|
||||
</div><!-- END COL-->
|
||||
<div class="col-lg-3 col-sm-6 col-xs-12">
|
||||
<div class="single_about">
|
||||
<i class="fa-solid fa-pencil"></i>
|
||||
<h4>Exclusive design</h4>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore. </p>
|
||||
</div>
|
||||
</div><!-- END COL-->
|
||||
<div class="col-lg-3 col-sm-6 col-xs-12">
|
||||
<div class="single_about">
|
||||
<i class="fa-regular fa-face-laugh-beam"></i>
|
||||
<h4>Enjoy it</h4>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore. </p>
|
||||
</div>
|
||||
</div><!-- END COL-->
|
||||
<div class="col-lg-3 col-sm-6 col-xs-12">
|
||||
<div class="single_about">
|
||||
<i class="fa-solid fa-phone"></i>
|
||||
<h4>24/7 support</h4>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore. </p>
|
||||
</div>
|
||||
</div><!-- END COL-->
|
||||
</div><!-- END ROW-->
|
||||
</div><!-- END CONTAINER-->
|
||||
</section>
|
||||
<!-- END ABOUT -->
|
||||
|
||||
<!-- START FEATURED ONE -->
|
||||
<section class="feature-one section-padding">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-5 col-sm-12 col-xs-12">
|
||||
<div class="single_feature_one">
|
||||
<h3 class="visible-slowly-right">Your HealthCare <br />That Knows You.</h3>
|
||||
<p>Health in motion that intelligently relates you to optimal care options.</p>
|
||||
<a class="single_feature_btn_light" href="#">Download App Now</a>
|
||||
</div>
|
||||
</div><!-- END COL-->
|
||||
<div class="col-lg-7 col-sm-12 col-xs-12">
|
||||
<div class="single_feature_img">
|
||||
<img class="img-fluid wow bounceIn" data-wow-delay=".6s" src="/asset/img/about-image-1.png" alt="">
|
||||
</div>
|
||||
</div><!-- END COL-->
|
||||
</div><!-- END ROW-->
|
||||
</div><!-- END CONTAINER-->
|
||||
</section>
|
||||
<!-- END FEATURED ONE -->
|
||||
|
||||
<!-- START FEATURED TWO -->
|
||||
<section class="feature-two section-padding">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-7 col-sm-12 col-xs-12">
|
||||
<div class="single_feature_two_img">
|
||||
<img class="img-fluid wow bounceIn" data-wow-delay=".6s" src="/asset/img/about-image-2.png" alt="">
|
||||
</div>
|
||||
</div><!-- END COL-->
|
||||
<div class="col-lg-5 col-sm-12 col-xs-12">
|
||||
<div class="single_feature_two">
|
||||
<h3>Additional effects <br> unique to app</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore. </p>
|
||||
<a class="single_feature_btn_light" href="#">Download App Now</a>
|
||||
</div>
|
||||
</div><!-- END COL-->
|
||||
</div><!-- END ROW-->
|
||||
</div><!-- END CONTAINER-->
|
||||
</section>
|
||||
<!-- END FEATURED TWO -->
|
||||
|
||||
<!-- START AMAZING FEATURES -->
|
||||
<section class="amazing_feature">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="section-title text-center wow zoomIn">
|
||||
<h2>Amazing Features</h2>
|
||||
<div class="line"></div>
|
||||
<p>We've got a lot of amaing and cool features.</p>
|
||||
</div>
|
||||
<div class="col-lg-4 col-sm-6 col-xs-12">
|
||||
<div class="single_feature">
|
||||
<i class="fa-solid fa-heart"></i>
|
||||
<h3>Made with Love</h3>
|
||||
<span></span>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras interdum ante vel aliquet euismod
|
||||
aliquet. </p>
|
||||
</div>
|
||||
</div><!-- END COL-->
|
||||
<div class="col-lg-4 col-sm-6 col-xs-12">
|
||||
<div class="single_feature">
|
||||
<i class="fa-regular fa-lightbulb"></i>
|
||||
<h3>Powerful Settings</h3>
|
||||
<span></span>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras interdum ante vel aliquet euismod
|
||||
aliquet. </p>
|
||||
</div>
|
||||
</div><!-- END COL-->
|
||||
<div class="col-lg-4 col-sm-6 col-xs-12">
|
||||
<div class="single_feature">
|
||||
<i class="fa-regular fa-message"></i>
|
||||
<h3>Send Messages</h3>
|
||||
<span></span>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras interdum ante vel aliquet euismod
|
||||
aliquet. </p>
|
||||
</div>
|
||||
</div><!-- END COL-->
|
||||
<div class="col-lg-4 col-sm-6 col-xs-12">
|
||||
<div class="single_feature">
|
||||
<i class="fa-solid fa-money-bill"></i>
|
||||
<h3>Save Money</h3>
|
||||
<span></span>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras interdum ante vel aliquet euismod
|
||||
aliquet. </p>
|
||||
</div>
|
||||
</div><!-- END COL-->
|
||||
<div class="col-lg-4 col-sm-6 col-xs-12">
|
||||
<div class="single_feature">
|
||||
<i class="fa-solid fa-location-crosshairs"></i>
|
||||
<h3>Location Tracking</h3>
|
||||
<span></span>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras interdum ante vel aliquet euismod
|
||||
aliquet. </p>
|
||||
</div>
|
||||
</div><!-- END COL-->
|
||||
<div class="col-lg-4 col-sm-6 col-xs-12">
|
||||
<div class="single_feature">
|
||||
<i class="fa-solid fa-globe"></i>
|
||||
<h3>Multiple Language</h3>
|
||||
<span></span>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras interdum ante vel aliquet euismod
|
||||
aliquet. </p>
|
||||
</div>
|
||||
</div><!-- END COL-->
|
||||
</div><!--- END ROW -->
|
||||
</div><!--- END CONTAINER -->
|
||||
</section>
|
||||
<!-- END AMAZING FEATURES -->
|
||||
|
||||
<!-- START HOW IT WORKS -->
|
||||
<section class="template_how_it_work">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-lg-4 col-sm-12 col-xs-12 no-padding">
|
||||
<div class="single_how_work">
|
||||
<h4>why it is best</h4>
|
||||
<span></span>
|
||||
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been
|
||||
the industry's standard dummy text ever since the when an unknown printer took a galley of type
|
||||
and scrambled.</p>
|
||||
</div>
|
||||
</div><!--- END COL -->
|
||||
<div class="col-lg-4 col-sm-12 col-xs-12 no-padding">
|
||||
<div class="single_how_work_img">
|
||||
<img src="/asset/img/how_it_work.jpg" class="img-fluid" alt=""/>
|
||||
</div>
|
||||
</div><!--- END COL -->
|
||||
<div class="col-lg-4 col-sm-12 col-xs-12 no-padding">
|
||||
<div class="single_how_work">
|
||||
<h4>how it works</h4>
|
||||
<span></span>
|
||||
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been
|
||||
the industry's standard dummy text ever since the when an unknown printer took a galley of type
|
||||
and scrambled.</p>
|
||||
</div>
|
||||
</div><!--- END COL -->
|
||||
</div><!--- END ROW -->
|
||||
</div><!--- END CONTAINER -->
|
||||
</section>
|
||||
<!-- END HOW IT WORKS -->
|
||||
|
||||
<!-- START COUNTER -->
|
||||
<section class="count_area counter_feature">
|
||||
<div class="container">
|
||||
<div class="row count_bg">
|
||||
<div class="col-lg-3 col-sm-6 col-xs-12">
|
||||
<div class="single-project">
|
||||
<h2 class="counter-num">34</h2>
|
||||
<h4>Years <br/> Experience</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-sm-6 col-xs-12">
|
||||
<div class="single-project">
|
||||
<h2 class="counter-num">99</h2>
|
||||
<h4>Customer <br/> Satisfaction</h4>
|
||||
</div>
|
||||
</div><!-- END COL -->
|
||||
<div class="col-lg-3 col-sm-6 col-xs-12">
|
||||
<div class="single-project">
|
||||
<h2 class="counter-num">184</h2>
|
||||
<h4>Awards <br/> Winner</h4>
|
||||
</div>
|
||||
</div><!-- END COL -->
|
||||
<div class="col-lg-3 col-sm-6 col-xs-12">
|
||||
<div class="single-project">
|
||||
<h2 class="counter-num">541</h2>
|
||||
<h4>Porject <br/> Complete</h4>
|
||||
</div>
|
||||
</div><!-- END COL -->
|
||||
</div><!--- END ROW -->
|
||||
</div><!--- END CONTAINER -->
|
||||
</section>
|
||||
<!-- END HOME COUNTER -->
|
||||
|
||||
<!-- START APP SCREENSHOT -->
|
||||
<section id="screenshots" class="app-screenshot section-padding">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="section-title text-center wow zoomIn">
|
||||
<h2>Screenshots</h2>
|
||||
<div class="line"></div>
|
||||
<p>Our awesome app screenshot gallery here.</p>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<div class="s-slider">
|
||||
<div class="item"><img src="/asset/img/screenshot/1.jpg" alt=""/></div>
|
||||
<div class="item"><img src="/asset/img/screenshot/2.jpg" alt=""/></div>
|
||||
<div class="item"><img src="/asset/img/screenshot/3.jpg" alt=""/></div>
|
||||
<div class="item"><img src="/asset/img/screenshot/4.jpg" alt=""/></div>
|
||||
<div class="item"><img src="/asset/img/screenshot/5.jpg" alt=""/></div>
|
||||
<div class="item"><img src="/asset/img/screenshot/6.jpg" alt=""/></div>
|
||||
<div class="item"><img src="/asset/img/screenshot/7.jpg" alt=""/></div>
|
||||
<div class="item"><img src="/asset/img/screenshot/2.jpg" alt=""/></div>
|
||||
</div>
|
||||
</div><!--- END COL -->
|
||||
</div><!--- END ROW -->
|
||||
</div><!--- END CONTAINER -->
|
||||
</section>
|
||||
<!-- END APP SCREENSHOT -->
|
||||
|
||||
<!-- START HOW IT WORKS -->
|
||||
<section class="about_video">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-8 offset-lg-2 col-sm-12 col-xs-12 text-center">
|
||||
<div class="video-container">
|
||||
<a href="https://www.youtube.com/watch?v=RXv_uIN6e-Y" class="magnific_popup video-button"><i
|
||||
class="fa fa-play"></i></a>
|
||||
<h3>Creative way to Showcase your App</h3>
|
||||
</div>
|
||||
<!-- END VIDEO POPUP -->
|
||||
</div><!--- END COL -->
|
||||
</div><!--- END ROW -->
|
||||
</div><!--- END CONTAINER -->
|
||||
</section>
|
||||
<!-- END HOW IT WORKS -->
|
||||
|
||||
<?php
|
||||
//include_once 'part_pricing.php';
|
||||
?>
|
||||
|
||||
|
||||
<!-- START TEAM-->
|
||||
<section class="team_member section-padding">
|
||||
<div class="container">
|
||||
<div class="section-title text-center wow zoomIn">
|
||||
<h2>Meet Experts</h2>
|
||||
<div class="line"></div>
|
||||
<p>Meet Shefa team member to get faster support within minute.</p>
|
||||
</div>
|
||||
<div class="row text-center">
|
||||
<div class="col-lg-3 col-sm-6 col-xs-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.1s"
|
||||
data-wow-offset="0">
|
||||
<div class="our-team">
|
||||
<div class="team_img">
|
||||
<img src="/asset/img/team/1.jpg" alt="team-image">
|
||||
<ul class="social">
|
||||
<li><a href="#" class="top_f_facebook"><i class="fa-brands fa-facebook"></i></a></li>
|
||||
<li><a href="#" class="top_f_twitter"><i class="fa-brands fa-x-twitter"></i></a></li>
|
||||
<li><a href="#" class="top_f_instagram"><i class="fa-brands fa-instagram"></i></a></li>
|
||||
<li><a href="#" class="top_f_linkedin"><i class="fa-brands fa-linkedin-in"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="team-content">
|
||||
<h3 class="title">Stephen Cronin</h3>
|
||||
<span class="post">Designer</span>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--- END COL -->
|
||||
<div class="col-lg-3 col-sm-6 col-xs-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.2s"
|
||||
data-wow-offset="0">
|
||||
<div class="our-team">
|
||||
<div class="team_img">
|
||||
<img src="/asset/img/team/2.jpg" alt="team-image">
|
||||
<ul class="social">
|
||||
<li><a href="#" class="top_f_facebook"><i class="fa-brands fa-facebook"></i></a></li>
|
||||
<li><a href="#" class="top_f_twitter"><i class="fa-brands fa-x-twitter"></i></a></li>
|
||||
<li><a href="#" class="top_f_instagram"><i class="fa-brands fa-instagram"></i></a></li>
|
||||
<li><a href="#" class="top_f_linkedin"><i class="fa-brands fa-linkedin-in"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="team-content">
|
||||
<h3 class="title">Rachel Park</h3>
|
||||
<span class="post">Developer</span>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--- END COL -->
|
||||
<div class="col-lg-3 col-sm-6 col-xs-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s"
|
||||
data-wow-offset="0">
|
||||
<div class="our-team">
|
||||
<div class="team_img">
|
||||
<img src="/asset/img/team/3.jpg" alt="team-image">
|
||||
<ul class="social">
|
||||
<li><a href="#" class="top_f_facebook"><i class="fa-brands fa-facebook"></i></a></li>
|
||||
<li><a href="#" class="top_f_twitter"><i class="fa-brands fa-x-twitter"></i></a></li>
|
||||
<li><a href="#" class="top_f_instagram"><i class="fa-brands fa-instagram"></i></a></li>
|
||||
<li><a href="#" class="top_f_linkedin"><i class="fa-brands fa-linkedin-in"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="team-content">
|
||||
<h3 class="title">Dan Billson</h3>
|
||||
<span class="post">Marketer</span>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--- END COL -->
|
||||
<div class="col-lg-3 col-sm-6 col-xs-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.4s"
|
||||
data-wow-offset="0">
|
||||
<div class="our-team">
|
||||
<div class="team_img">
|
||||
<img src="/asset/img/team/4.jpg" alt="team-image">
|
||||
<ul class="social">
|
||||
<li><a href="#" class="top_f_facebook"><i class="fa-brands fa-facebook"></i></a></li>
|
||||
<li><a href="#" class="top_f_twitter"><i class="fa-brands fa-x-twitter"></i></a></li>
|
||||
<li><a href="#" class="top_f_instagram"><i class="fa-brands fa-instagram"></i></a></li>
|
||||
<li><a href="#" class="top_f_linkedin"><i class="fa-brands fa-linkedin-in"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="team-content">
|
||||
<h3 class="title">Gina Mellow</h3>
|
||||
<span class="post">Co-founder</span>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--- END COL -->
|
||||
</div><!-- END ROW -->
|
||||
</div><!-- END CONTAINER -->
|
||||
</section>
|
||||
<!-- END TEAM -->
|
||||
|
||||
<!-- START TESTIMONIAL -->
|
||||
<section class="testimonial_area section-padding">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="section-title text-center wow zoomIn">
|
||||
<h2>Testimonial</h2>
|
||||
<div class="line"></div>
|
||||
<p>What users saying about Shefa.</p>
|
||||
</div>
|
||||
<div class="col-lg-12">
|
||||
<div id="testimonial-slider" class="owl-carousel">
|
||||
<div class="testimonial">
|
||||
<div class="testi_pic_title">
|
||||
<div class="pic">
|
||||
<img src="/asset/img/testimonial/1.jpg" alt="">
|
||||
</div>
|
||||
<h4>Kallu Shefa</h4>
|
||||
<small class="post">Bissa Batpar</small>
|
||||
</div>
|
||||
<p>I immediately shared the results with a friend who couldn’t believe it was written by an AI.
|
||||
is worth every Yaley and then some. Describe my business along with my business name.</p>
|
||||
<i class="fa fa-star"></i>
|
||||
<i class="fa fa-star"></i>
|
||||
<i class="fa fa-star"></i>
|
||||
<i class="fa fa-star"></i>
|
||||
<i class="fa fa-star"></i>
|
||||
</div><!-- END TESTIMONIAL -->
|
||||
<div class="testimonial">
|
||||
<div class="testi_pic_title">
|
||||
<div class="pic">
|
||||
<img src="/asset/img/testimonial/2.jpg" alt="">
|
||||
</div>
|
||||
<h4>Kader Kaku</h4>
|
||||
<small class="post">Mitthay Expert</small>
|
||||
</div>
|
||||
<p>I immediately shared the results with a friend who couldn’t believe it was written by an AI.
|
||||
is worth every Yaley and then some. Describe my business along with my business name.</p>
|
||||
<i class="fa fa-star"></i>
|
||||
<i class="fa fa-star"></i>
|
||||
<i class="fa fa-star"></i>
|
||||
<i class="fa fa-star"></i>
|
||||
<i class="fa fa-star"></i>
|
||||
</div><!-- END TESTIMONIAL -->
|
||||
<div class="testimonial">
|
||||
<div class="testi_pic_title">
|
||||
<div class="pic">
|
||||
<img src="/asset/img/testimonial/3.jpg" alt="">
|
||||
</div>
|
||||
<h4>Mittha Hasina</h4>
|
||||
<small class="post">Lotpat Company</small>
|
||||
</div>
|
||||
<p>I immediately shared the results with a friend who couldn’t believe it was written by an AI.
|
||||
is worth every Yaley and then some. Describe my business along with my business name.</p>
|
||||
<i class="fa fa-star"></i>
|
||||
<i class="fa fa-star"></i>
|
||||
<i class="fa fa-star"></i>
|
||||
<i class="fa fa-star"></i>
|
||||
<i class="fa fa-star"></i>
|
||||
</div><!-- END TESTIMONIAL -->
|
||||
<div class="testimonial">
|
||||
<div class="testi_pic_title">
|
||||
<div class="pic">
|
||||
<img src="/asset/img/testimonial/4.jpg" alt="">
|
||||
</div>
|
||||
<h4>Hasau Mahmud</h4>
|
||||
<small class="post">Shefa group</small>
|
||||
</div>
|
||||
<p>I immediately shared the results with a friend who couldn’t believe it was written by an AI.
|
||||
is worth every Yaley and then some. Describe my business along with my business name.</p>
|
||||
<i class="fa fa-star"></i>
|
||||
<i class="fa fa-star"></i>
|
||||
<i class="fa fa-star"></i>
|
||||
<i class="fa fa-star"></i>
|
||||
<i class="fa fa-star"></i>
|
||||
</div><!-- END TESTIMONIAL -->
|
||||
<div class="testimonial">
|
||||
<div class="testi_pic_title">
|
||||
<div class="pic">
|
||||
<img src="/asset/img/testimonial/1.jpg" alt="">
|
||||
</div>
|
||||
<h4>Kutta Leauge</h4>
|
||||
<small class="post">Kutta iNC</small>
|
||||
</div>
|
||||
<p>I immediately shared the results with a friend who couldn’t believe it was written by an AI.
|
||||
is worth every Yaley and then some. Describe my business along with my business name.</p>
|
||||
<i class="fa fa-star"></i>
|
||||
<i class="fa fa-star"></i>
|
||||
<i class="fa fa-star"></i>
|
||||
<i class="fa fa-star"></i>
|
||||
<i class="fa fa-star"></i>
|
||||
</div><!-- END TESTIMONIAL -->
|
||||
</div><!-- END TESTIMONIAL SLIDER -->
|
||||
</div><!-- END COL -->
|
||||
</div><!-- END ROW -->
|
||||
</div><!--- END CONTAINER -->
|
||||
</section>
|
||||
<!-- END TESTIMONIAL -->
|
||||
|
||||
<!-- START DOWNLOAD -->
|
||||
<section id="download" class="download section-padding">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-8 offset-lg-2 col-sm-12 col-xs-12 text-center">
|
||||
<div class="download_icon">
|
||||
<h2>Now Available. Download the App now</h2>
|
||||
<span></span>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore et.Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
|
||||
<a href="#" class="btn_light">App Store <i class="fa-brands fa-apple"></i></a>
|
||||
<a href="#" class="btn_color">Play Store <i class="fa-solid fa-play"></i></a>
|
||||
</div>
|
||||
</div><!--- END COL -->
|
||||
</div><!--- END ROW -->
|
||||
</div><!--- END CONTAINER -->
|
||||
</section>
|
||||
<!-- END DOWNLOAD -->
|
||||
|
||||
<!-- START FAQ -->
|
||||
<section class="faq_area section-padding">
|
||||
<div class="container">
|
||||
<div class="section-title text-center wow zoomIn">
|
||||
<h2>Frequently Asked Questions</h2>
|
||||
<div class="line"></div>
|
||||
<p>Get your Answer today</p>
|
||||
</div>
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-6 col-sm-12 col-xs-12">
|
||||
<div class="accordion" id="accordionExample">
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="headingOne">
|
||||
<button class="accordion-button" type="button" data-bs-toggle="collapse"
|
||||
data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
|
||||
What does it take excellent author?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne"
|
||||
data-bs-parent="#accordionExample">
|
||||
<div class="accordion-body">
|
||||
Great value and so easy to use and saves me so much time! I was shocked by how much time
|
||||
and brain energy it saved me. Simple & easy gotta love that. Great value and so easy to
|
||||
use.
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- END ACCORDION ITEM -->
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="headingTwo">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
|
||||
data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
|
||||
Who will view my content?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo"
|
||||
data-bs-parent="#accordionExample">
|
||||
<div class="accordion-body">
|
||||
Great value and so easy to use and saves me so much time! I was shocked by how much time
|
||||
and brain energy it saved me. Simple & easy gotta love that. Great value and so easy to
|
||||
use.
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- END ACCORDION ITEM -->
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="headingThree">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
|
||||
data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
|
||||
What does it take become an author?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree"
|
||||
data-bs-parent="#accordionExample">
|
||||
<div class="accordion-body">
|
||||
Great value and so easy to use and saves me so much time! I was shocked by how much time
|
||||
and brain energy it saved me. Simple & easy gotta love that. Great value and so easy to
|
||||
use.
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- END ACCORDION ITEM -->
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="headingFour">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
|
||||
data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
|
||||
How to Change my Password easily?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour"
|
||||
data-bs-parent="#accordionExample">
|
||||
<div class="accordion-body">
|
||||
Great value and so easy to use and saves me so much time! I was shocked by how much time
|
||||
and brain energy it saved me. Simple & easy gotta love that. Great value and so easy to
|
||||
use.
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- END ACCORDION ITEM -->
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="headingFive">
|
||||
<button class="accordion-button" type="button" data-bs-toggle="collapse"
|
||||
data-bs-target="#collapseFive" aria-expanded="true" aria-controls="collapseFive">
|
||||
How does it create content?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapseFive" class="accordion-collapse collapse" aria-labelledby="headingFive"
|
||||
data-bs-parent="#accordionExample">
|
||||
<div class="accordion-body">
|
||||
Great value and so easy to use and saves me so much time! I was shocked by how much time
|
||||
and brain energy it saved me. Simple & easy gotta love that. Great value and so easy to
|
||||
use.
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- END ACCORDION ITEM -->
|
||||
</div>
|
||||
</div><!-- END COL -->
|
||||
<div class="col-lg-6 col-sm-12 col-xs-12">
|
||||
<div class="pt_faq">
|
||||
<img src="/asset/img/faq.jpg" class="img-fluid" alt="image"/>
|
||||
</div>
|
||||
</div><!-- END COL -->
|
||||
</div><!--END ROW -->
|
||||
</div><!--- END CONTAINER -->
|
||||
</section>
|
||||
<!-- END FAQ -->
|
||||
|
||||
<!-- START NEWSLETTER -->
|
||||
<section class="newsletter_area section-padding">
|
||||
<div class="container">
|
||||
<div class="row text-center">
|
||||
<div class="col-lg-8 offset-lg-2 col-sm-12 col-xs-12">
|
||||
<div class="subs_form">
|
||||
<h3>Subscripbe to our newsletter, We don't make any spam.</h3>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elitsed eiusmod tempor enim minim</p>
|
||||
<form action="#" class="home_subs">
|
||||
<input type="text" class="form-control subscribe__input" placeholder="Enter your Email Address"
|
||||
required="required">
|
||||
<button type="button" class="subscribe__btn"><i class="fa-regular fa-paper-plane"></i></button>
|
||||
</form>
|
||||
</div>
|
||||
</div><!-- END COL -->
|
||||
</div><!-- END ROW -->
|
||||
</div><!--- END CONTAINER -->
|
||||
</section>
|
||||
<!-- END NEWSLETTER -->
|
||||
|
||||
<!-- START CONTACT FORM-->
|
||||
<section id="contact" class="contact_area section-padding">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="section-title text-center wow zoomIn">
|
||||
<h2>Say Hello</h2>
|
||||
<div class="line"></div>
|
||||
<p>If you have any question, get in touch here.</p>
|
||||
</div>
|
||||
<div class="col-lg-7 col-sm-12 col-xs-12">
|
||||
<div class="contact">
|
||||
<form id="contactForm" class="contact-form" action="#" method="post">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<input type="text" id="name" class="form-control" value=""
|
||||
placeholder="Steve Milner" required="" data-error="Please enter your Name"/>
|
||||
<div class="help-block with-errors"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<input type="email" id="email" class="form-control" value=""
|
||||
placeholder="hello@websitename.com" required=""
|
||||
data-error="Please enter your Email"/>
|
||||
<div class="help-block with-errors"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<div class="form-group">
|
||||
<input type="text" id="subject" class="form-control" value=""
|
||||
placeholder="Your Subject" required="" data-error="Please enter your Name"/>
|
||||
<div class="help-block with-errors"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<div class="form-group">
|
||||
<textarea name="message" id="message" class="form-control" rows="4"
|
||||
placeholder="Write Your message" required=""
|
||||
data-error="Please Write your Message"></textarea>
|
||||
<div class="help-block with-errors"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<div class="form-group mb-0">
|
||||
<button type="submit" class="btn_one">
|
||||
Send Me Message <i class="ri-mail-line"></i>
|
||||
</button>
|
||||
<div id="msgSubmit" class="hidden"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12 text-center">
|
||||
<p class="input-success">We have received your mail, We will get back to you soon!</p>
|
||||
<p class="input-error">Sorry, Message could not send! Please try again.</p>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div><!-- END COL -->
|
||||
<div class="col-lg-5 col-sm-12 col-xs-12">
|
||||
<div class="contact-address">
|
||||
<!-- <div class="single-address">-->
|
||||
<!-- <i class="fa-regular fa-map"></i>-->
|
||||
<!-- <h4>Our Location</h4>-->
|
||||
<!-- <p>3481 Melrose Place, Beverly Hills CA 90210</p>-->
|
||||
<!-- </div>-->
|
||||
<!-- <div class="single-address wow fadeInLeft">-->
|
||||
<!-- <i class="fa-solid fa-headphones"></i>-->
|
||||
<!-- <h4>Call us on</h4>-->
|
||||
<!-- <p>(+1) 517 397 7100 <br> (+1) 617 497 8200</p>-->
|
||||
<!-- </div>-->
|
||||
<div class="single-address wow fadeInLeft">
|
||||
<i class="fa-regular fa-envelope"></i>
|
||||
<h4>Send your message</h4>
|
||||
<p>Info@rader.app.<br>admin@rader.app</p>
|
||||
</div>
|
||||
|
||||
<div class="contact_social">
|
||||
<div class="contact_social">
|
||||
<ul>
|
||||
<li><a class="f_facebook" href="#"><i class="fa-brands fa-facebook"></i></a></li>
|
||||
<li><a class="f_twitter" href="#"><i class="fa-brands fa-x-twitter"></i></a></li>
|
||||
<li><a class="f_linkedin" href="#"><i class="fa-brands fa-linkedin-in"></i></a></li>
|
||||
<li><a class="f_youtube" href="#"><i class="fa-brands fa-youtube"></i></a></li>
|
||||
<li><a class="f_skype" href="#"><i class="fa-brands fa-skype"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--- END COL -->
|
||||
</div><!--- END ROW -->
|
||||
</div><!--- END CONTAINER -->
|
||||
</section>
|
||||
<!-- END CONTACT FORM -->
|
||||
|
||||
<!-- START FOOTER -->
|
||||
<div class="footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-sm-6 col-xs-12 wow zoomIn">
|
||||
<div class="copyright">
|
||||
<p>Copyright © <?= date('Y') ?> | Rader.</p>
|
||||
</div><!--- END FOOTER COPYRIGHT -->
|
||||
</div><!--- END COL -->
|
||||
<div class="col-md-6 col-sm-6 col-xs-12 wow zoomIn">
|
||||
<div class="footer_menu">
|
||||
<ul>
|
||||
<li><a href="#">Home</a></li>
|
||||
<li><a href="#">About</a></li>
|
||||
<li><a href="#">Terms</a></li>
|
||||
<!-- <li><a href="#">Privacy Policy</a></li>-->
|
||||
<!-- <li><a href="#">Licenses</a></li>-->
|
||||
</ul>
|
||||
</div>
|
||||
</div><!--- END COL -->
|
||||
</div><!--- END ROW -->
|
||||
</div><!--- END CONTAINER -->
|
||||
</div>
|
||||
<!-- END FOOTER -->
|
||||
|
||||
<!-- START LOGIN -->
|
||||
<div id="modal" class="popupContainer" style="display:none;">
|
||||
<header class="popupHeader">
|
||||
<span class="header_title">Login</span>
|
||||
<span class="modal_close"><i class="fa fa-times"></i></span>
|
||||
</header>
|
||||
|
||||
<section class="popupBody">
|
||||
<!-- Social Login -->
|
||||
<div class="social_login">
|
||||
<div class="">
|
||||
<a href="#" class="social_box fb">
|
||||
<span class="icon"><i class="fa-brands fa-facebook"></i></span>
|
||||
<span class="icon_title">Connect with Facebook</span>
|
||||
|
||||
</a>
|
||||
|
||||
<a href="#" class="social_box google">
|
||||
<span class="icon"><i class="fa-brands fa-x-twitter"></i></span>
|
||||
<span class="icon_title">Connect with Twitter</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="centeredText">
|
||||
<span>Or use your Email address</span>
|
||||
</div>
|
||||
|
||||
<div class="action_btns">
|
||||
<div class="one_half"><a href="#" id="login_form" class="abtn">Login</a></div>
|
||||
<div class="one_half last"><a href="#" id="register_form" class="abtn">Sign up</a></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Username & Password Login form -->
|
||||
<div class="user_login">
|
||||
<form>
|
||||
<label>Email / Username</label>
|
||||
<input type="text"/>
|
||||
<br/>
|
||||
|
||||
<label>Password</label>
|
||||
<input type="password"/>
|
||||
<br/>
|
||||
|
||||
<div class="checkbox">
|
||||
<input id="remember" type="checkbox"/>
|
||||
<label for="remember">Remember me on this computer</label>
|
||||
</div>
|
||||
|
||||
<div class="action_btns">
|
||||
<div class="one_half"><a href="#" class="abtn back_btn"><i class="fa fa-angle-double-left"></i> Back</a>
|
||||
</div>
|
||||
<div class="one_half last"><a href="#" class="abtn">Login</a></div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<a href="#" class="forgot_password">Forgot password?</a>
|
||||
</div>
|
||||
|
||||
<!-- Register Form -->
|
||||
<div class="user_register">
|
||||
<form>
|
||||
<label>Full Name</label>
|
||||
<input type="text"/>
|
||||
<br/>
|
||||
|
||||
<label>Email Address</label>
|
||||
<input type="email"/>
|
||||
<br/>
|
||||
|
||||
<label>Password</label>
|
||||
<input type="password"/>
|
||||
<br/>
|
||||
|
||||
<div class="checkbox">
|
||||
<input id="send_updates" type="checkbox"/>
|
||||
<label for="send_updates">Send me occasional email updates</label>
|
||||
</div>
|
||||
|
||||
<div class="action_btns">
|
||||
<div class="one_half"><a href="#" class="abtn back_btn"><i class="fa fa-angle-double-left"></i> Back</a>
|
||||
</div>
|
||||
<div class="one_half last"><a href="#" class="abtn">Register</a></div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
<!-- END LOGIN -->
|
||||
|
||||
|
||||
<!-- Latest jQuery -->
|
||||
<script src="/asset/js/jquery-3.6.0.min.js"></script>
|
||||
<!-- Latest compiled and minified Bootstrap -->
|
||||
<script src="/asset/bootstrap/js/bootstrap.min.js"></script>
|
||||
<!-- modernizer JS -->
|
||||
<script src="/asset/js/modernizr-2.8.3.min.js"></script>
|
||||
<!-- jquery-simple-mobilemenu.min -->
|
||||
<script src="/asset/js/jquery-simple-mobilemenu.js"></script>
|
||||
<!-- magnific-popup js -->
|
||||
<script src="/asset/js/jquery.magnific-popup.min.js"></script>
|
||||
<!-- GSAP AND LOCOMOTIV JS-->
|
||||
<script src="/asset/js/gsap.min.js"></script>
|
||||
<script src="/asset/js/ScrollTrigger.min.js"></script>
|
||||
<script src="/asset/js/lenis.js"></script>
|
||||
<!-- countTo js -->
|
||||
<script src="/asset/js/jquery.inview.min.js"></script>
|
||||
<!-- owl-carousel min js -->
|
||||
<script src="/asset/owlcarousel/js/owl.carousel.min.js"></script>
|
||||
<!-- jquery leanModal min js -->
|
||||
<script src="/asset/js/jquery.leanModal.min.js"></script>
|
||||
<!-- login js -->
|
||||
<script src="/asset/js/login.js"></script>
|
||||
<!-- scrolltopcontrol js -->
|
||||
<script src="/asset/js/scrolltopcontrol.js"></script>
|
||||
<!-- WOW - Reveal Animations When You Scroll -->
|
||||
<script src="/asset/js/wow.min.js"></script>
|
||||
<!-- scripts js -->
|
||||
<script src="/asset/js/scripts.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,71 @@
|
||||
Pricing plan
|
||||
|
||||
<!-- START PRICING TABLE -->
|
||||
<section id="pricing" class="our_pricing section-padding">
|
||||
<div class="container">
|
||||
<div class="row text-center">
|
||||
<div class="section-title wow zoomIn">
|
||||
<h2>Pricing plan</h2>
|
||||
<div class="line"></div>
|
||||
<p>Get start your business with our awesome pricing plan.</p>
|
||||
</div>
|
||||
<div class="col-lg-3 col-sm-6 col-xs-12">
|
||||
<div class="single-pricing">
|
||||
<h4>Personal</h4>
|
||||
<h1 class="block-caption"><small>$</small>9</h1>
|
||||
<ul>
|
||||
<li>Fully Responsive</li>
|
||||
<li>Clean and modern</li>
|
||||
<li>Simple and professional</li>
|
||||
<li>Easy to use</li>
|
||||
<li>24/7 support</li>
|
||||
</ul>
|
||||
<a href="#" class="btn-pricing-bg">Order Now</a>
|
||||
</div>
|
||||
</div><!-- END COL -->
|
||||
<div class="col-lg-3 col-sm-6 col-xs-12">
|
||||
<div class="single-pricing">
|
||||
<h4>Professional</h4>
|
||||
<h1 class="block-caption"><small>$</small>29</h1>
|
||||
<ul>
|
||||
<li>Fully Responsive</li>
|
||||
<li>Clean and modern</li>
|
||||
<li>Simple and professional</li>
|
||||
<li>Easy to use</li>
|
||||
<li>24/7 support</li>
|
||||
</ul>
|
||||
<a href="#" class="btn-pricing-bg">Order Now</a>
|
||||
</div>
|
||||
</div><!-- END COL -->
|
||||
<div class="col-lg-3 col-sm-6 col-xs-12">
|
||||
<div class="single-pricing single-pricing-block">
|
||||
<h4>business</h4>
|
||||
<h1 class="block-caption block-caption-white"><small>$</small>59</h1>
|
||||
<ul>
|
||||
<li>Fully Responsive</li>
|
||||
<li>Clean and modern</li>
|
||||
<li>Simple and professional</li>
|
||||
<li>Easy to use</li>
|
||||
<li>24/7 support</li>
|
||||
</ul>
|
||||
<a href="#" class="btn-pricing-bg btn-pricing-bg-block">Order Now</a>
|
||||
</div>
|
||||
</div><!-- END COL -->
|
||||
<div class="col-lg-3 col-sm-6 col-xs-12">
|
||||
<div class="single-pricing">
|
||||
<h4>Corporate</h4>
|
||||
<h1 class="block-caption"><small>$</small>79</h1>
|
||||
<ul>
|
||||
<li>Fully Responsive</li>
|
||||
<li>Clean and modern</li>
|
||||
<li>Simple and professional</li>
|
||||
<li>Easy to use</li>
|
||||
<li>24/7 support</li>
|
||||
</ul>
|
||||
<a href="#" class="btn-pricing-bg">Order Now</a>
|
||||
</div>
|
||||
</div><!-- END COL -->
|
||||
</div><!--- END ROW -->
|
||||
</div><!--- END CONTAINER -->
|
||||
</section>
|
||||
<!-- END PRICING TABLE -->
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 50 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 277 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 44 KiB |
File diff suppressed because one or more lines are too long
+7
File diff suppressed because one or more lines are too long
Vendored
+9
File diff suppressed because one or more lines are too long
Vendored
+3303
File diff suppressed because it is too large
Load Diff
Vendored
+9
File diff suppressed because one or more lines are too long
@@ -0,0 +1,176 @@
|
||||
/*
|
||||
JQuery Simple MobileMenu
|
||||
https://github.com/Position2/jQuery-Simple-MobileMenu
|
||||
*/
|
||||
/*Main style*/
|
||||
body.mmactive {
|
||||
overflow: hidden;
|
||||
}
|
||||
.mobile_menu {
|
||||
display: none;
|
||||
position: relative;
|
||||
}
|
||||
.sm_menu_outer.active .mobile_menu {
|
||||
display: block;
|
||||
padding-top: 60px;
|
||||
}
|
||||
.sm_menu_outer {
|
||||
height: calc(100vh - 60px);
|
||||
overflow-y: scroll;
|
||||
overflow-x: hidden;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: -9;
|
||||
width: 100%;
|
||||
opacity: 0;
|
||||
background-color: #000;
|
||||
-webkit-transition: opacity 0.2s;
|
||||
-moz-transition: opacity 0.2s;
|
||||
transition: opacity 0.2s;
|
||||
}
|
||||
.sm_menu_outer.active {
|
||||
opacity: 1;
|
||||
z-index: 999;
|
||||
}
|
||||
.sm_menu_outer .mobile_menu li.back a {
|
||||
padding: 20px 5px 20px 55px;
|
||||
background: url("../img/back.png") no-repeat scroll 15px center / 2% auto;
|
||||
}
|
||||
.sm_menu_outer .mobile_menu a {
|
||||
color: #ffffff;
|
||||
display: block;
|
||||
padding: 15px 50px;
|
||||
text-transform: uppercase;
|
||||
text-decoration: none;
|
||||
font-size: 14px;
|
||||
}
|
||||
/*Sub Menu anim */
|
||||
.sm_menu_outer.slide .mobile_menu .sub-menu {
|
||||
background-color: #000;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
right: -100%;
|
||||
top: 30px;
|
||||
transition: all 0.5s ease 0s;
|
||||
width: 100%;
|
||||
z-index: 999;
|
||||
}
|
||||
.sm_menu_outer.slide .mobile_menu li.active>.sub-menu {
|
||||
right: 0;
|
||||
}
|
||||
.sm_menu_outer .mobile_menu li {
|
||||
list-style-type: none;
|
||||
border-bottom: 0.5px solid rgba(0, 0, 0, 0);
|
||||
border-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, #2a2a2a 20%, #2a2a2a 50%, #2a2a2a 80%, rgba(0, 0, 0, 0) 100%) 0 0 1 0;
|
||||
color: #ffffff;
|
||||
}
|
||||
.sm_menu_outer.slide .mobile_menu li.hasChild>a {
|
||||
background: url("../img/next.png") no-repeat scroll 95% center / 2% auto;
|
||||
}
|
||||
/*Hamburger Animation */
|
||||
#sm_menu_ham {
|
||||
cursor: pointer;
|
||||
float: right;
|
||||
height: 25px;
|
||||
position: fixed;
|
||||
right: 5px;
|
||||
-webkit-transform: rotate(0deg);
|
||||
-moz-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
-webkit-transition: all 0.5s ease-in-out 0s;
|
||||
-moz-transition: all 0.5s ease-in-out 0s;
|
||||
-o-transition: all 0.5s ease-in-out 0s;
|
||||
transition: all 0.5s ease-in-out 0s;
|
||||
width: 30px;
|
||||
top: 15px;
|
||||
right: 15px;
|
||||
z-index: 9999;
|
||||
display: none;
|
||||
}
|
||||
#sm_menu_ham span {
|
||||
background-color: #000;
|
||||
border-radius: 5px;
|
||||
display: block;
|
||||
height: 2px;
|
||||
left: 0;
|
||||
opacity: 1;
|
||||
position: absolute;
|
||||
-webkit-transform: rotate(0deg);
|
||||
-moz-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
-webkit-transition: all 0.25s ease-in-out 0s;
|
||||
-moz-transition: all 0.25s ease-in-out 0s;
|
||||
-o-transition: all 0.25s ease-in-out 0s;
|
||||
transition: all 0.25s ease-in-out 0s;
|
||||
width: 30px;
|
||||
}
|
||||
#sm_menu_ham.open span{
|
||||
background-color: #000;
|
||||
}
|
||||
#sm_menu_ham span:nth-child(1) {
|
||||
top: 0;
|
||||
}
|
||||
#sm_menu_ham span:nth-child(2),
|
||||
#sm_menu_ham span:nth-child(3) {
|
||||
top: 10px;
|
||||
}
|
||||
#sm_menu_ham span:nth-child(4) {
|
||||
top: 20px;
|
||||
}
|
||||
#sm_menu_ham.open span:nth-child(1) {
|
||||
left: 50%;
|
||||
top: 18px;
|
||||
width: 0;
|
||||
}
|
||||
#sm_menu_ham.open span:nth-child(2) {
|
||||
-webkit-transform: rotate(45deg);
|
||||
-moz-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
#sm_menu_ham.open span:nth-child(3) {
|
||||
-webkit-transform: rotate(-45deg);
|
||||
-moz-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
#sm_menu_ham.open span:nth-child(4) {
|
||||
left: 50%;
|
||||
top: 18px;
|
||||
width: 0;
|
||||
}
|
||||
.sm_menu_outer.accordion .mobile_menu .sub-menu, .sm_menu_outer.accordion .mobile_menu li.hasChild ul.sub-menu {
|
||||
display: none;
|
||||
}
|
||||
.sm_menu_outer.accordion .mobile_menu .hasChild > .sub-menu li {
|
||||
padding-left: 20px;
|
||||
}
|
||||
.sm_menu_outer.accordion .mobile_menu li.active > .sub-menu {
|
||||
right: auto;
|
||||
}
|
||||
.sm_menu_outer.accordion .mobile_menu li.hasChild > a {
|
||||
position: relative;
|
||||
}
|
||||
.sm_menu_outer.accordion .mobile_menu li.hasChild>a::before {
|
||||
position: absolute;
|
||||
content: '';
|
||||
background: url("../img/next.png") no-repeat scroll 50% center / 60% auto;
|
||||
right: 0;
|
||||
top: 20px;
|
||||
width: 40px;
|
||||
height: 25px;
|
||||
transition: all 0.19s ease;
|
||||
}
|
||||
.sm_menu_outer.accordion .mobile_menu li.hasChild.active>a::before {
|
||||
transform: rotate(89deg);
|
||||
transition: all 0.19s ease;
|
||||
}
|
||||
@media (min-width: 1024px) {
|
||||
#sm_menu_ham,
|
||||
.sm_menu_outer {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.sm_menu_outer.accordion li {
|
||||
display: block;
|
||||
}
|
||||
@@ -0,0 +1,351 @@
|
||||
/* Magnific Popup CSS */
|
||||
.mfp-bg {
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 1042;
|
||||
overflow: hidden;
|
||||
position: fixed;
|
||||
background: #0b0b0b;
|
||||
opacity: 0.8; }
|
||||
|
||||
.mfp-wrap {
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 1043;
|
||||
position: fixed;
|
||||
outline: none !important;
|
||||
-webkit-backface-visibility: hidden; }
|
||||
|
||||
.mfp-container {
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
padding: 0 8px;
|
||||
box-sizing: border-box; }
|
||||
|
||||
.mfp-container:before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
height: 100%;
|
||||
vertical-align: middle; }
|
||||
|
||||
.mfp-align-top .mfp-container:before {
|
||||
display: none; }
|
||||
|
||||
.mfp-content {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin: 0 auto;
|
||||
text-align: left;
|
||||
z-index: 1045; }
|
||||
|
||||
.mfp-inline-holder .mfp-content,
|
||||
.mfp-ajax-holder .mfp-content {
|
||||
width: 100%;
|
||||
cursor: auto; }
|
||||
|
||||
.mfp-ajax-cur {
|
||||
cursor: progress; }
|
||||
|
||||
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
|
||||
cursor: -moz-zoom-out;
|
||||
cursor: -webkit-zoom-out;
|
||||
cursor: zoom-out; }
|
||||
|
||||
.mfp-zoom {
|
||||
cursor: pointer;
|
||||
cursor: -webkit-zoom-in;
|
||||
cursor: -moz-zoom-in;
|
||||
cursor: zoom-in; }
|
||||
|
||||
.mfp-auto-cursor .mfp-content {
|
||||
cursor: auto; }
|
||||
|
||||
.mfp-close,
|
||||
.mfp-arrow,
|
||||
.mfp-preloader,
|
||||
.mfp-counter {
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none; }
|
||||
|
||||
.mfp-loading.mfp-figure {
|
||||
display: none; }
|
||||
|
||||
.mfp-hide {
|
||||
display: none !important; }
|
||||
|
||||
.mfp-preloader {
|
||||
color: #CCC;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: auto;
|
||||
text-align: center;
|
||||
margin-top: -0.8em;
|
||||
left: 8px;
|
||||
right: 8px;
|
||||
z-index: 1044; }
|
||||
.mfp-preloader a {
|
||||
color: #CCC; }
|
||||
.mfp-preloader a:hover {
|
||||
color: #FFF; }
|
||||
|
||||
.mfp-s-ready .mfp-preloader {
|
||||
display: none; }
|
||||
|
||||
.mfp-s-error .mfp-content {
|
||||
display: none; }
|
||||
|
||||
button.mfp-close,
|
||||
button.mfp-arrow {
|
||||
overflow: visible;
|
||||
cursor: pointer;
|
||||
background: transparent;
|
||||
border: 0;
|
||||
-webkit-appearance: none;
|
||||
display: block;
|
||||
outline: none;
|
||||
padding: 0;
|
||||
z-index: 1046;
|
||||
box-shadow: none;
|
||||
touch-action: manipulation; }
|
||||
|
||||
button::-moz-focus-inner {
|
||||
padding: 0;
|
||||
border: 0; }
|
||||
|
||||
.mfp-close {
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
line-height: 44px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
opacity: 0.65;
|
||||
padding: 0 0 18px 10px;
|
||||
color: #FFF;
|
||||
font-style: normal;
|
||||
font-size: 28px;
|
||||
font-family: Arial, Baskerville, monospace; }
|
||||
.mfp-close:hover,
|
||||
.mfp-close:focus {
|
||||
opacity: 1; }
|
||||
.mfp-close:active {
|
||||
top: 1px; }
|
||||
|
||||
.mfp-close-btn-in .mfp-close {
|
||||
color: #333; }
|
||||
|
||||
.mfp-image-holder .mfp-close,
|
||||
.mfp-iframe-holder .mfp-close {
|
||||
color: #FFF;
|
||||
right: -6px;
|
||||
text-align: right;
|
||||
padding-right: 6px;
|
||||
width: 100%; }
|
||||
|
||||
.mfp-counter {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
color: #CCC;
|
||||
font-size: 12px;
|
||||
line-height: 18px;
|
||||
white-space: nowrap; }
|
||||
|
||||
.mfp-arrow {
|
||||
position: absolute;
|
||||
opacity: 0.65;
|
||||
margin: 0;
|
||||
top: 50%;
|
||||
margin-top: -55px;
|
||||
padding: 0;
|
||||
width: 90px;
|
||||
height: 110px;
|
||||
-webkit-tap-highlight-color: transparent; }
|
||||
.mfp-arrow:active {
|
||||
margin-top: -54px; }
|
||||
.mfp-arrow:hover,
|
||||
.mfp-arrow:focus {
|
||||
opacity: 1; }
|
||||
.mfp-arrow:before,
|
||||
.mfp-arrow:after {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
margin-top: 35px;
|
||||
margin-left: 35px;
|
||||
border: medium inset transparent; }
|
||||
.mfp-arrow:after {
|
||||
border-top-width: 13px;
|
||||
border-bottom-width: 13px;
|
||||
top: 8px; }
|
||||
.mfp-arrow:before {
|
||||
border-top-width: 21px;
|
||||
border-bottom-width: 21px;
|
||||
opacity: 0.7; }
|
||||
|
||||
.mfp-arrow-left {
|
||||
left: 0; }
|
||||
.mfp-arrow-left:after {
|
||||
border-right: 17px solid #FFF;
|
||||
margin-left: 31px; }
|
||||
.mfp-arrow-left:before {
|
||||
margin-left: 25px;
|
||||
border-right: 27px solid #3F3F3F; }
|
||||
|
||||
.mfp-arrow-right {
|
||||
right: 0; }
|
||||
.mfp-arrow-right:after {
|
||||
border-left: 17px solid #FFF;
|
||||
margin-left: 39px; }
|
||||
.mfp-arrow-right:before {
|
||||
border-left: 27px solid #3F3F3F; }
|
||||
|
||||
.mfp-iframe-holder {
|
||||
padding-top: 40px;
|
||||
padding-bottom: 40px; }
|
||||
.mfp-iframe-holder .mfp-content {
|
||||
line-height: 0;
|
||||
width: 100%;
|
||||
max-width: 900px; }
|
||||
.mfp-iframe-holder .mfp-close {
|
||||
top: -40px; }
|
||||
|
||||
.mfp-iframe-scaler {
|
||||
width: 100%;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
padding-top: 56.25%; }
|
||||
.mfp-iframe-scaler iframe {
|
||||
position: absolute;
|
||||
display: block;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
|
||||
background: #000; }
|
||||
|
||||
/* Main image in popup */
|
||||
img.mfp-img {
|
||||
width: auto;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
display: block;
|
||||
line-height: 0;
|
||||
box-sizing: border-box;
|
||||
padding: 40px 0 40px;
|
||||
margin: 0 auto; }
|
||||
|
||||
/* The shadow behind the image */
|
||||
.mfp-figure {
|
||||
line-height: 0; }
|
||||
.mfp-figure:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 40px;
|
||||
bottom: 40px;
|
||||
display: block;
|
||||
right: 0;
|
||||
width: auto;
|
||||
height: auto;
|
||||
z-index: -1;
|
||||
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
|
||||
background: #444; }
|
||||
.mfp-figure small {
|
||||
color: #BDBDBD;
|
||||
display: block;
|
||||
font-size: 12px;
|
||||
line-height: 14px; }
|
||||
.mfp-figure figure {
|
||||
margin: 0; }
|
||||
|
||||
.mfp-bottom-bar {
|
||||
margin-top: -36px;
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
cursor: auto; }
|
||||
|
||||
.mfp-title {
|
||||
text-align: left;
|
||||
line-height: 18px;
|
||||
color: #F3F3F3;
|
||||
word-wrap: break-word;
|
||||
padding-right: 36px; }
|
||||
|
||||
.mfp-image-holder .mfp-content {
|
||||
max-width: 100%; }
|
||||
|
||||
.mfp-gallery .mfp-image-holder .mfp-figure {
|
||||
cursor: pointer; }
|
||||
|
||||
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
|
||||
/**
|
||||
* Remove all paddings around the image on small screen
|
||||
*/
|
||||
.mfp-img-mobile .mfp-image-holder {
|
||||
padding-left: 0;
|
||||
padding-right: 0; }
|
||||
.mfp-img-mobile img.mfp-img {
|
||||
padding: 0; }
|
||||
.mfp-img-mobile .mfp-figure:after {
|
||||
top: 0;
|
||||
bottom: 0; }
|
||||
.mfp-img-mobile .mfp-figure small {
|
||||
display: inline;
|
||||
margin-left: 5px; }
|
||||
.mfp-img-mobile .mfp-bottom-bar {
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
bottom: 0;
|
||||
margin: 0;
|
||||
top: auto;
|
||||
padding: 3px 5px;
|
||||
position: fixed;
|
||||
box-sizing: border-box; }
|
||||
.mfp-img-mobile .mfp-bottom-bar:empty {
|
||||
padding: 0; }
|
||||
.mfp-img-mobile .mfp-counter {
|
||||
right: 5px;
|
||||
top: 3px; }
|
||||
.mfp-img-mobile .mfp-close {
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
line-height: 35px;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
position: fixed;
|
||||
text-align: center;
|
||||
padding: 0; } }
|
||||
|
||||
@media all and (max-width: 900px) {
|
||||
.mfp-arrow {
|
||||
-webkit-transform: scale(0.75);
|
||||
transform: scale(0.75); }
|
||||
.mfp-arrow-left {
|
||||
-webkit-transform-origin: 0;
|
||||
transform-origin: 0; }
|
||||
.mfp-arrow-right {
|
||||
-webkit-transform-origin: 100%;
|
||||
transform-origin: 100%; }
|
||||
.mfp-container {
|
||||
padding-left: 6px;
|
||||
padding-right: 6px; } }
|
||||
@@ -0,0 +1,155 @@
|
||||
|
||||
#lean_overlay {
|
||||
position: fixed;
|
||||
z-index:100;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
height:100%;
|
||||
width:100%;
|
||||
background: #000;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.popupContainer{
|
||||
position:absolute;
|
||||
width:500px;
|
||||
height: auto;
|
||||
left:45%;
|
||||
top:50px !important;
|
||||
background: #FFF;
|
||||
}
|
||||
|
||||
#modal_trigger {}
|
||||
|
||||
.abtn {
|
||||
background:#5625D2;
|
||||
border-radius: 30px;
|
||||
background-size: 200% auto;
|
||||
border-style: none;
|
||||
color: #fff;
|
||||
font-weight: 700;
|
||||
padding: 14px 40px;
|
||||
text-transform: capitalize;
|
||||
z-index: 1;
|
||||
overflow: hidden;
|
||||
display: inline-block;
|
||||
-webkit-transition: all 0.3s ease 0s;
|
||||
transition: all 0.3s ease 0s;
|
||||
font-size: 13px;
|
||||
margin-top: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
.abtn:hover{
|
||||
background-position: right center;
|
||||
color:#fff;
|
||||
}
|
||||
.btn_red:hover {background: #C12B05;}
|
||||
|
||||
a.abtn {
|
||||
background:#5625D2;
|
||||
border-radius: 30px;
|
||||
background-size: 200% auto;
|
||||
border-style: none;
|
||||
color: #fff;
|
||||
font-weight: 700;
|
||||
padding: 14px 40px;
|
||||
text-transform: capitalize;
|
||||
z-index: 1;
|
||||
overflow: hidden;
|
||||
display: inline-block;
|
||||
-webkit-transition: all 0.3s ease 0s;
|
||||
transition: all 0.3s ease 0s;
|
||||
font-size: 13px;
|
||||
margin-top: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
a.abtn:hover{
|
||||
background-position: right center;
|
||||
color:#fff;
|
||||
}
|
||||
a.btn_red {color: #FFF;}
|
||||
|
||||
.one_half {width:50%; display: block; float:left;}
|
||||
.one_half.last {width:45%; margin-left:5%;}
|
||||
|
||||
/* Popup Styles*/
|
||||
.popupHeader {
|
||||
font-size: 16px;
|
||||
text-transform: capitalize;
|
||||
color: #000;
|
||||
}
|
||||
.popupHeader {background:#fff; position:relative; padding:10px 20px; border-bottom:1px solid rgba(255,255,255,0.1); font-weight:bold;}
|
||||
.popupHeader .modal_close {position: absolute; right: 0; top:0; padding:10px 15px; background:#fff; cursor: pointer; color:#aaa; font-size:16px;}
|
||||
|
||||
.popupBody {padding:20px;background:#fff;}
|
||||
|
||||
|
||||
/* Social Login Form */
|
||||
.social_login {}
|
||||
.social_login .social_box {
|
||||
display: block;
|
||||
clear: both;
|
||||
padding: 20px;
|
||||
margin-bottom: 10px;
|
||||
background: #f7f7f7;
|
||||
overflow: hidden;
|
||||
}
|
||||
.social_login .icon {
|
||||
display: block;
|
||||
width: 10px;
|
||||
margin-right: 10px;
|
||||
float: left;
|
||||
color: #FFF;
|
||||
font-size: 16px;
|
||||
text-align: center;
|
||||
width: 40px;
|
||||
border-radius: 30px;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
}
|
||||
.social_login .fb .icon {background:#3B5998;}
|
||||
.social_login .google .icon {background:#000;}
|
||||
.social_login .icon_title {
|
||||
display: block;
|
||||
padding: 5px 0;
|
||||
float: left;
|
||||
/* font-weight: 600; */
|
||||
/* font-size: 14px; */
|
||||
color: #000 !important;
|
||||
}
|
||||
.social_login:hover .icon_title {color: #fff;}
|
||||
.centeredText {
|
||||
text-align: center;
|
||||
text-transform: capitalize;
|
||||
/* font-weight: 600; */
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.action_btns {clear:both; overflow: hidden;}
|
||||
.action_btns a {display: block;}
|
||||
|
||||
/* User Login Form */
|
||||
.user_login {display: none;}
|
||||
.user_login label {display: block; margin-bottom:5px;color:#000;}
|
||||
.user_login input[type="text"], .user_login input[type="email"], .user_login input[type="password"] {display: block; width:100%; padding: 10px; border:1px solid #DDD; color:#000;}
|
||||
.user_login input[type="checkbox"] {float:left; margin-right:5px;}
|
||||
.user_login input[type="checkbox"]+label {float:left;}
|
||||
.user_login input {
|
||||
background: #f7f7f7;
|
||||
border: 1px solid rgba(255,255,255,0.2) !important;
|
||||
}
|
||||
.user_login .checkbox {margin-bottom: 10px; clear: both; overflow: hidden;}
|
||||
.forgot_password {display:block; margin: 20px 0 10px; clear: both; overflow: hidden; text-decoration: none; color:#000;}
|
||||
.forgot_password:hover {color:#16A2E8;}
|
||||
|
||||
/* User Register Form */
|
||||
.user_register {display: none;}
|
||||
.user_register label {display: block; margin-bottom:5px;color:#000;}
|
||||
.user_register input[type="text"], .user_register input[type="email"], .user_register input[type="password"] {display: block; width:100%; padding: 10px; border:1px solid #DDD; color:#000;}
|
||||
.user_register input[type="checkbox"] {float:left; margin-right:5px;}
|
||||
.user_register input[type="checkbox"]+label {float:left;}
|
||||
.user_register input {
|
||||
background: #f7f7f7;
|
||||
border: 1px solid rgba(255,255,255,0.2) !important;
|
||||
}
|
||||
.user_register .checkbox {margin-bottom: 10px; clear: both; overflow: hidden;}
|
||||
File diff suppressed because it is too large
Load Diff
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 415 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 123 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 419 B |
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.5 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 5.0 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 368 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 433 B |
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 9.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 9.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 9.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 9.9 KiB |
+11
File diff suppressed because one or more lines are too long
Vendored
+11
File diff suppressed because one or more lines are too long
Vendored
+11
File diff suppressed because one or more lines are too long
Vendored
+5
File diff suppressed because one or more lines are too long
Vendored
+2
File diff suppressed because one or more lines are too long
+104
@@ -0,0 +1,104 @@
|
||||
/**
|
||||
* JQuery Simple MobileMenu
|
||||
* Copyright (c) 2017 Position2 Inc.
|
||||
* Licensed under MIT (http://opensource.org/licenses/MIT)
|
||||
* https://github.com/Position2/jQuery-Simple-MobileMenu
|
||||
*/
|
||||
|
||||
(function($) {
|
||||
var defaults = {
|
||||
"hamburgerId": "sm_menu_ham", //Hamburger Id
|
||||
"wrapperClass": "sm_menu_outer", //Menu Wrapper Class
|
||||
"submenuClass": "sub-menu", //Submenu Class
|
||||
"menuStyle": "slide", //Menu Style
|
||||
"onMenuLoad": function() { return true; }, //Calls when menu loaded
|
||||
"onMenuToggle": function() { return true; } //Calls when menu open/close
|
||||
};
|
||||
$.fn.simpleMobileMenu = function(options) {
|
||||
if (this.length === 0) { return this; }
|
||||
var smMenu = {},
|
||||
ds = $(this);
|
||||
var init = function() {
|
||||
smMenu.settings = $.extend({}, defaults, options);
|
||||
smMenu.styleClass = smMenu.settings.menuStyle.toLowerCase() === 'slide' ? "slide" : "accordion";
|
||||
// Create Wrapper div & hamburger
|
||||
createWrapper_Ham();
|
||||
// Create Back Menu for each sub menu
|
||||
createBackButton();
|
||||
// Callback - Menu loaded
|
||||
if (typeof smMenu.settings.onMenuLoad == 'function') {
|
||||
smMenu.settings.onMenuLoad(ds);
|
||||
}
|
||||
},
|
||||
createWrapper_Ham = function() {
|
||||
smMenu.hamburger = $("<div/>", {
|
||||
"id": smMenu.settings.hamburgerId,
|
||||
"html": "<span></span><span></span><span></span><span></span>"
|
||||
}),
|
||||
smMenu.smmOuter = $("<div/>", { "class": smMenu.settings.wrapperClass+" "+smMenu.styleClass });
|
||||
ds.appendTo(smMenu.smmOuter);
|
||||
smMenu.hamburger.add(smMenu.smmOuter).appendTo($("body"));
|
||||
},
|
||||
createBackButton = function() {
|
||||
smMenu.smmOuter.find("ul." + smMenu.settings.submenuClass).each(function() {
|
||||
var dis = $(this),
|
||||
disPar = dis.closest("li"),
|
||||
disfA = disPar.find("> a"),
|
||||
disBack = $("<li/>", {
|
||||
"class": "back",
|
||||
"html": "<a href='#'>" + disfA.text() + "</a>"
|
||||
})
|
||||
disPar.addClass("hasChild");
|
||||
if(smMenu.settings.menuStyle.toLowerCase() === 'slide') {
|
||||
disBack.prependTo(dis);
|
||||
}
|
||||
});
|
||||
},
|
||||
toggleMobileMenu = function(e) {
|
||||
$("#" + smMenu.settings.hamburgerId).toggleClass("open");
|
||||
$("." + smMenu.settings.wrapperClass).toggleClass("active").find("li.active").removeClass("active");
|
||||
$("body").toggleClass("mmactive");
|
||||
if(smMenu.settings.menuStyle.toLowerCase() === 'accordion') {
|
||||
$("."+smMenu.settings.wrapperClass).find("ul."+smMenu.settings.submenuClass).hide();
|
||||
}
|
||||
// Callback - Menu Toggle
|
||||
if (typeof smMenu.settings.onMenuToggle == 'function') {
|
||||
smMenu.settings.onMenuToggle(ds, $("#" + smMenu.settings.hamburgerId).hasClass("open"));
|
||||
}
|
||||
},
|
||||
showSlideSubMenu = function(e) {
|
||||
$("." + smMenu.settings.wrapperClass).scrollTop(0);
|
||||
$(this).parent().addClass("active").siblings().removeClass("active");
|
||||
},
|
||||
showAccordionSubMenu = function(e) {
|
||||
e.preventDefault();
|
||||
var dis = $(this),
|
||||
dispar = $(this).parent(),
|
||||
lastActive = dispar.siblings(".active");
|
||||
dispar.find("> ."+smMenu.settings.submenuClass).slideToggle(function() {
|
||||
if ($(this).is(":visible")) {
|
||||
var offset = dis[0].offsetTop;
|
||||
$("." + smMenu.settings.wrapperClass).stop().animate({ scrollTop: offset }, 300);
|
||||
}
|
||||
});
|
||||
lastActive.find("ul."+ smMenu.settings.submenuClass).slideUp(function() {
|
||||
$(this).find(".hasChild").removeClass("active");
|
||||
})
|
||||
dispar.toggleClass("active").siblings().removeClass("active");
|
||||
},
|
||||
goBack = function(e) {
|
||||
e.preventDefault();
|
||||
$(this).closest("ul." + smMenu.settings.submenuClass).parent().removeClass("active");
|
||||
}
|
||||
/*Init*/
|
||||
init();
|
||||
/* Open Menu */
|
||||
smMenu.hamburger.click(toggleMobileMenu);
|
||||
/* Show Slide SubMenu */
|
||||
smMenu.smmOuter.filter(".slide").find("li.hasChild > a").click(showSlideSubMenu);
|
||||
/* Show Accordion SubMenu */
|
||||
smMenu.smmOuter.filter(".accordion").find("li.hasChild > a").click(showAccordionSubMenu);
|
||||
/* Go Back */
|
||||
smMenu.smmOuter.find("li.back a").click(goBack);
|
||||
};
|
||||
})(jQuery)
|
||||
Vendored
+1
@@ -0,0 +1 @@
|
||||
!function(t){function e(){var e,i,n={height:a.innerHeight,width:a.innerWidth};return n.height||(e=r.compatMode,(e||!t.support.boxModel)&&(i="CSS1Compat"===e?f:r.body,n={height:i.clientHeight,width:i.clientWidth})),n}function i(){return{top:a.pageYOffset||f.scrollTop||r.body.scrollTop,left:a.pageXOffset||f.scrollLeft||r.body.scrollLeft}}function n(){var n,l=t(),r=0;if(t.each(d,function(t,e){var i=e.data.selector,n=e.$element;l=l.add(i?n.find(i):n)}),n=l.length)for(o=o||e(),h=h||i();n>r;r++)if(t.contains(f,l[r])){var a,c,p,s=t(l[r]),u={height:s.height(),width:s.width()},g=s.offset(),v=s.data("inview");if(!h||!o)return;g.top+u.height>h.top&&g.top<h.top+o.height&&g.left+u.width>h.left&&g.left<h.left+o.width?(a=h.left>g.left?"right":h.left+o.width<g.left+u.width?"left":"both",c=h.top>g.top?"bottom":h.top+o.height<g.top+u.height?"top":"both",p=a+"-"+c,v&&v===p||s.data("inview",p).trigger("inview",[!0,a,c])):v&&s.data("inview",!1).trigger("inview",[!1])}}var o,h,l,d={},r=document,a=window,f=r.documentElement,c=t.expando;t.event.special.inview={add:function(e){d[e.guid+"-"+this[c]]={data:e,$element:t(this)},l||t.isEmptyObject(d)||(l=setInterval(n,250))},remove:function(e){try{delete d[e.guid+"-"+this[c]]}catch(i){}t.isEmptyObject(d)&&(clearInterval(l),l=null)}},t(a).bind("scroll resize scrollstop",function(){o=h=null}),!f.addEventListener&&f.attachEvent&&f.attachEvent("onfocusin",function(){h=null})}(jQuery);
|
||||
+5
@@ -0,0 +1,5 @@
|
||||
// leanModal v1.1 by Ray Stone - http://finelysliced.com.au
|
||||
// Dual licensed under the MIT and GPL
|
||||
|
||||
(function($){$.fn.extend({leanModal:function(options){var defaults={top:100,overlay:0.5,closeButton:null};var overlay=$("<div id='lean_overlay'></div>");$("body").append(overlay);options=$.extend(defaults,options);return this.each(function(){var o=options;$(this).click(function(e){var modal_id=$(this).attr("href");$("#lean_overlay").click(function(){close_modal(modal_id)});$(o.closeButton).click(function(){close_modal(modal_id)});var modal_height=$(modal_id).outerHeight();var modal_width=$(modal_id).outerWidth();
|
||||
$("#lean_overlay").css({"display":"block",opacity:0});$("#lean_overlay").fadeTo(200,o.overlay);$(modal_id).css({"display":"block","position":"fixed","opacity":0,"z-index":11000,"left":50+"%","margin-left":-(modal_width/2)+"px","top":o.top+"px"});$(modal_id).fadeTo(200,1);e.preventDefault()})});function close_modal(modal_id){$("#lean_overlay").fadeOut(200);$(modal_id).css({"display":"none"})}}})})(jQuery);
|
||||
File diff suppressed because one or more lines are too long
+9
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -0,0 +1,43 @@
|
||||
|
||||
(function($) {
|
||||
'use strict';
|
||||
|
||||
|
||||
$("#modal_trigger").leanModal({top : 100, overlay : 0.6, closeButton: ".modal_close" });
|
||||
|
||||
$(function(){
|
||||
// Calling Login Form
|
||||
$("#login_form").click(function(){
|
||||
$(".social_login").hide();
|
||||
$(".user_login").show();
|
||||
return false;
|
||||
});
|
||||
|
||||
// Calling Register Form
|
||||
$("#register_form").click(function(){
|
||||
$(".social_login").hide();
|
||||
$(".user_register").show();
|
||||
$(".header_title").text('Register');
|
||||
return false;
|
||||
});
|
||||
|
||||
// Going back to Social Forms
|
||||
$(".back_btn").click(function(){
|
||||
$(".user_login").hide();
|
||||
$(".user_register").hide();
|
||||
$(".social_login").show();
|
||||
$(".header_title").text('Login');
|
||||
return false;
|
||||
});
|
||||
|
||||
})
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
})(jQuery);
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -0,0 +1,215 @@
|
||||
/*! MagicMouse.js - v1.1
|
||||
* A lightweight javascript library to create some amazing effects for the mouse (cursor) on your website
|
||||
* https://github.com/dshongphuc/magic-mouse-js
|
||||
* Copyright (c) 2020 Phuc H. <dshongphuc@gmail.com> under MIT license; */
|
||||
|
||||
"use strict";
|
||||
function magicMouse(options) {
|
||||
// I believe we don't want this cursor on tablet/mobile
|
||||
if (!Modernizr.touchevents){
|
||||
options = options || {};
|
||||
options.outerWidth = options.outerWidth || 30;
|
||||
options.outerHeight = options.outerHeight || 30;
|
||||
options.cursorOuter = options.cursorOuter || "circle-basic";
|
||||
options.hoverEffect = options.hoverEffect || "circle-move";
|
||||
options.hoverItemMove = options.hoverItemMove || false;
|
||||
options.defaultCursor = options.defaultCursor || false;
|
||||
|
||||
// Add cursor DOM to body :
|
||||
if ("disable" != options.cursorOuter) {
|
||||
var newCursorDOM = document.createElement("div");
|
||||
newCursorDOM.setAttribute("id", "magicMouseCursor");
|
||||
document.body.appendChild(newCursorDOM);
|
||||
|
||||
// Select the cursor DOM which has been added to body before:
|
||||
var cursorDOM = document.getElementById("magicMouseCursor");
|
||||
}
|
||||
|
||||
// Check if user wanna use our custom cursor or not
|
||||
// If yes, create DOM for it
|
||||
if (!options.defaultCursor) {
|
||||
document.body.style.cursor = "none";
|
||||
var newPointerDOM = document.createElement("div");
|
||||
newPointerDOM.setAttribute("id", "magicPointer");
|
||||
document.body.appendChild(newPointerDOM);
|
||||
var pointerDOM = document.getElementById("magicPointer");
|
||||
}
|
||||
|
||||
if (cursorDOM) {
|
||||
cursorDOM.style.width = options.outerWidth + "px";
|
||||
cursorDOM.style.height = options.outerHeight + "px";
|
||||
var cursorOuterWidth = options.outerWidth,
|
||||
cursorOuterHeight = options.outerHeight,
|
||||
originalCursorWidth = options.outerWidth,
|
||||
originalCursorHeight = options.outerHeight;
|
||||
}
|
||||
|
||||
//Update position of cursor when move:
|
||||
var outerX = 0,
|
||||
outerY = 0,
|
||||
pointerX = 0,
|
||||
pointerY = 0,
|
||||
stopFlag = false,
|
||||
itemHoverX = 0,
|
||||
itemHoverY = 0;
|
||||
document.addEventListener("mousemove", function(event) {
|
||||
pointerX = event.clientX;
|
||||
pointerY = event.clientY;
|
||||
setTimeout(() => {
|
||||
if (!stopFlag) {
|
||||
outerX = event.clientX - cursorOuterWidth / 2;
|
||||
outerY = event.clientY - cursorOuterHeight / 2;
|
||||
}
|
||||
}, 50);
|
||||
});
|
||||
|
||||
//Hover effects :
|
||||
var hoverEls = document.querySelectorAll(".magic-hover");
|
||||
hoverEls.forEach((item, i) => {
|
||||
item.addEventListener("mouseenter", event => {
|
||||
switch (options.hoverEffect) {
|
||||
case "circle-move":
|
||||
circleMove_mouseEnterHover(item);
|
||||
//Move the item hover on:
|
||||
if (options.hoverItemMove) {
|
||||
hoverItemMove(event, item);
|
||||
}
|
||||
break;
|
||||
case "pointer-blur":
|
||||
pointerClass_mouseEnterHover(item, "pointer-blur");
|
||||
break;
|
||||
case "pointer-overlay":
|
||||
pointerClass_mouseEnterHover(item, "pointer-overlay");
|
||||
break;
|
||||
}
|
||||
});
|
||||
|
||||
item.addEventListener("mouseleave", event => {
|
||||
item.style.transform = "translate3d(0,0,0)";
|
||||
switch (options.hoverEffect) {
|
||||
case "circle-move":
|
||||
circleMove_mouseLeaveHover();
|
||||
break;
|
||||
case "pointer-blur":
|
||||
pointerClass_mouseLeaveHover("pointer-blur");
|
||||
break;
|
||||
case "pointer-overlay":
|
||||
pointerClass_mouseLeaveHover("pointer-overlay");
|
||||
break;
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// sometime we just don't want to use magicmouse on some specific elements:
|
||||
const noCursorEls = document.querySelectorAll(".no-cursor");
|
||||
noCursorEls.forEach((item, i) => {
|
||||
item.addEventListener("mouseenter", event => {
|
||||
cursorDOM.style.opacity = 0
|
||||
pointerDOM.style.opacity = 0
|
||||
document.body.style.cursor = "auto";
|
||||
});
|
||||
|
||||
item.addEventListener("mouseleave", event => {
|
||||
cursorDOM.style.opacity = 1
|
||||
pointerDOM.style.opacity = 1
|
||||
document.body.style.cursor = "none";
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
//Move the cursorDOM:
|
||||
var movement = () => {
|
||||
if (cursorDOM) {
|
||||
cursorDOM.style.transform =
|
||||
"matrix(1, 0, 0, 1, " + outerX + ", " + outerY + ")";
|
||||
cursorDOM.style.width = cursorOuterWidth + "px";
|
||||
cursorDOM.style.height = cursorOuterHeight + "px";
|
||||
}
|
||||
|
||||
//Move the custom pointer :
|
||||
if (pointerDOM) {
|
||||
pointerDOM.style.transform =
|
||||
"matrix(1, 0, 0, 1, " +
|
||||
pointerX +
|
||||
", " +
|
||||
pointerY +
|
||||
") translate3d(-50%, -50%, 0)";
|
||||
}
|
||||
requestAnimationFrame(movement);
|
||||
};
|
||||
requestAnimationFrame(movement);
|
||||
|
||||
const circleMove_mouseEnterHover = item => {
|
||||
stopFlag = true;
|
||||
if (cursorDOM) {
|
||||
cursorDOM.style.transition =
|
||||
"transform 0.2s, width 0.3s, height 0.3s, border-radius 0.2s";
|
||||
cursorDOM.classList.add("is-hover");
|
||||
var elementPos = event.currentTarget.getBoundingClientRect();
|
||||
if (item.classList.contains("magic-hover__square")) {
|
||||
cursorDOM.classList.add("cursor-square");
|
||||
outerX = elementPos.left;
|
||||
outerY = elementPos.top;
|
||||
cursorOuterWidth = elementPos.width;
|
||||
cursorOuterHeight = elementPos.height;
|
||||
} else {
|
||||
outerX = elementPos.left;
|
||||
outerY = elementPos.top;
|
||||
cursorOuterWidth = elementPos.width;
|
||||
cursorOuterHeight = elementPos.height;
|
||||
}
|
||||
}
|
||||
|
||||
if (pointerDOM) {
|
||||
pointerDOM.classList.add("is-hover");
|
||||
}
|
||||
};
|
||||
|
||||
const circleMove_mouseLeaveHover = () => {
|
||||
stopFlag = false;
|
||||
if (cursorDOM) {
|
||||
cursorOuterWidth = originalCursorWidth;
|
||||
cursorOuterHeight = originalCursorHeight;
|
||||
cursorDOM.style.transition =
|
||||
"transform 0.07s, width 0.3s, height 0.3s, border-radius 0.2s";
|
||||
cursorDOM.classList.remove("cursor-square");
|
||||
cursorDOM.classList.remove("is-hover");
|
||||
}
|
||||
|
||||
if (pointerDOM) {
|
||||
pointerDOM.classList.remove("is-hover");
|
||||
}
|
||||
};
|
||||
|
||||
const pointerClass_mouseEnterHover = (item, className) => {
|
||||
if (pointerDOM) {
|
||||
pointerDOM.classList.add(className);
|
||||
}
|
||||
};
|
||||
|
||||
const pointerClass_mouseLeaveHover = className => {
|
||||
if (pointerDOM) {
|
||||
pointerDOM.classList.remove(className);
|
||||
}
|
||||
};
|
||||
|
||||
const hoverItemMove = (event, item) => {
|
||||
itemHoverX = event.clientX;
|
||||
itemHoverY = event.clientY;
|
||||
item.addEventListener("mousemove", mouseEvent => {
|
||||
item.style.transform =
|
||||
"matrix(1,0,0,1," +
|
||||
(mouseEvent.offsetX - mouseEvent.target.offsetWidth / 2) / 2 +
|
||||
", " +
|
||||
(mouseEvent.offsetY - mouseEvent.target.offsetHeight / 2) / 2 +
|
||||
")";
|
||||
});
|
||||
};
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
/*! modernizr 3.6.0 (Custom Build) | MIT *
|
||||
* https://modernizr.com/download/?-touchevents-setclasses !*/
|
||||
!function(e,n,t){function o(e,n){return typeof e===n}function s(){var e,n,t,s,a,i,r;for(var l in c)if(c.hasOwnProperty(l)){if(e=[],n=c[l],n.name&&(e.push(n.name.toLowerCase()),n.options&&n.options.aliases&&n.options.aliases.length))for(t=0;t<n.options.aliases.length;t++)e.push(n.options.aliases[t].toLowerCase());for(s=o(n.fn,"function")?n.fn():n.fn,a=0;a<e.length;a++)i=e[a],r=i.split("."),1===r.length?Modernizr[r[0]]=s:(!Modernizr[r[0]]||Modernizr[r[0]]instanceof Boolean||(Modernizr[r[0]]=new Boolean(Modernizr[r[0]])),Modernizr[r[0]][r[1]]=s),f.push((s?"":"no-")+r.join("-"))}}function a(e){var n=p.className,t=Modernizr._config.classPrefix||"";if(h&&(n=n.baseVal),Modernizr._config.enableJSClass){var o=new RegExp("(^|\\s)"+t+"no-js(\\s|$)");n=n.replace(o,"$1"+t+"js$2")}Modernizr._config.enableClasses&&(n+=" "+t+e.join(" "+t),h?p.className.baseVal=n:p.className=n)}function i(){return"function"!=typeof n.createElement?n.createElement(arguments[0]):h?n.createElementNS.call(n,"http://www.w3.org/2000/svg",arguments[0]):n.createElement.apply(n,arguments)}function r(){var e=n.body;return e||(e=i(h?"svg":"body"),e.fake=!0),e}function l(e,t,o,s){var a,l,f,c,d="modernizr",u=i("div"),h=r();if(parseInt(o,10))for(;o--;)f=i("div"),f.id=s?s[o]:d+(o+1),u.appendChild(f);return a=i("style"),a.type="text/css",a.id="s"+d,(h.fake?h:u).appendChild(a),h.appendChild(u),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(n.createTextNode(e)),u.id=d,h.fake&&(h.style.background="",h.style.overflow="hidden",c=p.style.overflow,p.style.overflow="hidden",p.appendChild(h)),l=t(u,e),h.fake?(h.parentNode.removeChild(h),p.style.overflow=c,p.offsetHeight):u.parentNode.removeChild(u),!!l}var f=[],c=[],d={_version:"3.6.0",_config:{classPrefix:"",enableClasses:!0,enableJSClass:!0,usePrefixes:!0},_q:[],on:function(e,n){var t=this;setTimeout(function(){n(t[e])},0)},addTest:function(e,n,t){c.push({name:e,fn:n,options:t})},addAsyncTest:function(e){c.push({name:null,fn:e})}},Modernizr=function(){};Modernizr.prototype=d,Modernizr=new Modernizr;var u=d._config.usePrefixes?" -webkit- -moz- -o- -ms- ".split(" "):["",""];d._prefixes=u;var p=n.documentElement,h="svg"===p.nodeName.toLowerCase(),m=d.testStyles=l;Modernizr.addTest("touchevents",function(){var t;if("ontouchstart"in e||e.DocumentTouch&&n instanceof DocumentTouch)t=!0;else{var o=["@media (",u.join("touch-enabled),("),"heartz",")","{#modernizr{top:9px;position:absolute}}"].join("");m(o,function(e){t=9===e.offsetTop})}return t}),s(),a(f),delete d.addTest,delete d.addAsyncTest;for(var v=0;v<Modernizr._q.length;v++)Modernizr._q[v]();e.Modernizr=Modernizr}(window,document);
|
||||
+4
File diff suppressed because one or more lines are too long
@@ -0,0 +1,193 @@
|
||||
/*
|
||||
Author : theme_ocean.
|
||||
Template Name: Mastan - Responsive App Landing Page
|
||||
Version : 1.0
|
||||
*/
|
||||
(function($) {
|
||||
'use strict';
|
||||
|
||||
|
||||
|
||||
/*PRELOADER JS*/
|
||||
$(window).on('load', function() {
|
||||
$('.status').fadeOut();
|
||||
$('.preloader').delay(350).fadeOut('slow');
|
||||
});
|
||||
/*END PRELOADER JS*/
|
||||
|
||||
/*START MENU JS*/
|
||||
$(".mobile_menu").simpleMobileMenu({
|
||||
"menuStyle": "slide"
|
||||
});
|
||||
$(window).on('scroll', function(){
|
||||
if ( $(window).scrollTop() > 70 ) {
|
||||
$('.site-navigation, .header-white, .header').addClass('navbar-fixed');
|
||||
} else {
|
||||
$('.site-navigation, .header-white, .header').removeClass('navbar-fixed');
|
||||
}
|
||||
});
|
||||
/*END MENU JS*/
|
||||
|
||||
/* START SCREENSHOTS SLIDER JS*/
|
||||
$('.s-slider').owlCarousel({
|
||||
autoPlay: 10000, //Set AutoPlay to 4 seconds
|
||||
items : 4,
|
||||
itemsDesktop : [1199,4],
|
||||
itemsDesktopSmall : [979,3],
|
||||
itemsTablet : [768,2],
|
||||
itemsMobile : [479,1],
|
||||
pagination : true,
|
||||
});
|
||||
/* END START SCREENSHOTS SLIDER JS*/
|
||||
|
||||
/*START VIDEO JS*/
|
||||
$('.magnific_popup').magnificPopup({
|
||||
type: 'iframe'
|
||||
});
|
||||
/*END VIDEO JS*/
|
||||
|
||||
/*START TESTIMONIAL JS*/
|
||||
$("#testimonial-slider").owlCarousel({
|
||||
items:3,
|
||||
itemsDesktop:[1000,3],
|
||||
itemsDesktopSmall:[980,2],
|
||||
itemsTablet:[768,2],
|
||||
itemsMobile:[650,1],
|
||||
pagination:true,
|
||||
navigation:true,
|
||||
navigationText:["",""],
|
||||
slideSpeed:1000,
|
||||
autoPlay:false
|
||||
});
|
||||
/*END TESTIMONIAL JS*/
|
||||
|
||||
/* START COUNTDOWN JS*/
|
||||
$('.counter_feature').on('inview', function(event, visible, visiblePartX, visiblePartY) {
|
||||
if (visible) {
|
||||
$(this).find('.counter-num').each(function () {
|
||||
var $this = $(this);
|
||||
$({ Counter: 0 }).animate({ Counter: $this.text() }, {
|
||||
duration: 2000,
|
||||
easing: 'swing',
|
||||
step: function () {
|
||||
$this.text(Math.ceil(this.Counter));
|
||||
}
|
||||
});
|
||||
});
|
||||
$(this).unbind('inview');
|
||||
}
|
||||
});
|
||||
/* END COUNTDOWN JS */
|
||||
|
||||
/*AJAX CONTACT JS*/
|
||||
|
||||
// Function for email address validation
|
||||
function isValidEmail(emailAddress) {
|
||||
var pattern = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i);
|
||||
|
||||
return pattern.test(emailAddress);
|
||||
|
||||
}
|
||||
$("#contactForm").on('submit', function(e) {
|
||||
e.preventDefault();
|
||||
var data = {
|
||||
name: $("#name").val(),
|
||||
email: $("#email").val(),
|
||||
subject: $("#subject").val(),
|
||||
message: $("#message").val()
|
||||
};
|
||||
|
||||
if (isValidEmail(data['email']) && (data['message'].length > 1) && (data['name'].length > 1) && (data['subject'].length > 1)) {
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: "sendmail.php",
|
||||
data: data,
|
||||
success: function() {
|
||||
$('#contactForm .input-success').delay(500).fadeIn(1000);
|
||||
$('#contactForm .input-error').fadeOut(500);
|
||||
}
|
||||
});
|
||||
} else {
|
||||
$('#contactForm .input-error').delay(500).fadeIn(1000);
|
||||
$('#contactForm .input-success').fadeOut(500);
|
||||
}
|
||||
|
||||
return false;
|
||||
});
|
||||
|
||||
|
||||
|
||||
/*START WOW ANIMATION JS*/
|
||||
new WOW().init();
|
||||
/*END WOW ANIMATION JS*/
|
||||
|
||||
/*const lenis = new Lenis()
|
||||
|
||||
|
||||
lenis.on('scroll', ScrollTrigger.update)
|
||||
|
||||
gsap.ticker.add((time) => {
|
||||
lenis.raf(time * 1000)
|
||||
})
|
||||
|
||||
gsap.ticker.lagSmoothing(0)*/
|
||||
|
||||
})(jQuery);
|
||||
|
||||
/*START MAGIC MOUSE JS*/
|
||||
// Mouse Follower
|
||||
const follower = document.querySelector(
|
||||
".mouse-follower .cursor-outline"
|
||||
);
|
||||
const dot = document.querySelector(".mouse-follower .cursor-dot");
|
||||
window.addEventListener("mousemove", (e) => {
|
||||
follower.animate(
|
||||
[
|
||||
{
|
||||
opacity: 1,
|
||||
left: `${e.clientX}px`,
|
||||
top: `${e.clientY}px`,
|
||||
easing: "ease-in-out",
|
||||
},
|
||||
],
|
||||
{
|
||||
duration: 3000,
|
||||
fill: "forwards",
|
||||
}
|
||||
);
|
||||
dot.animate(
|
||||
[
|
||||
{
|
||||
opacity: 1,
|
||||
left: `${e.clientX}px`,
|
||||
top: `${e.clientY}px`,
|
||||
easing: "ease-in-out",
|
||||
},
|
||||
],
|
||||
{
|
||||
duration: 1500,
|
||||
fill: "forwards",
|
||||
}
|
||||
);
|
||||
});
|
||||
|
||||
// Mouse Follower Hide Function
|
||||
$("a, button").on("mouseenter mouseleave", function () {
|
||||
$(".mouse-follower").toggleClass("hide-cursor");
|
||||
});
|
||||
|
||||
var terElement = $(
|
||||
"h1, h2, h3, h4, .display-one, .display-two, .display-three, .display-four, .display-five, .display-six"
|
||||
);
|
||||
$(terElement).on("mouseenter mouseleave", function () {
|
||||
$(".mouse-follower").toggleClass("highlight-cursor-head");
|
||||
$(this).toggleClass("highlight-cursor-head");
|
||||
});
|
||||
|
||||
var terElement = $("p");
|
||||
$(terElement).on("mouseenter mouseleave", function () {
|
||||
$(".mouse-follower").toggleClass("highlight-cursor-para");
|
||||
$(this).toggleClass("highlight-cursor-para");
|
||||
});
|
||||
/*END MAGIC MOUSE JS*/
|
||||
|
||||
@@ -0,0 +1,76 @@
|
||||
//** jQuery Scroll to Top Control script- (c) Dynamic Drive DHTML code library: http://www.dynamicdrive.com.
|
||||
//** Available/ usage terms at http://www.dynamicdrive.com (March 30th, 09')
|
||||
//** v1.1 (April 7th, 09'):
|
||||
//** 1) Adds ability to scroll to an absolute position (from top of page) or specific element on the page instead.
|
||||
//** 2) Fixes scroll animation not working in Opera.
|
||||
|
||||
|
||||
var scrolltotop={
|
||||
//startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
|
||||
//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
|
||||
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
|
||||
controlHTML: '<i class="fa fa-angle-up scrolltop"></i>', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
|
||||
controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner
|
||||
anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
|
||||
|
||||
state: {isvisible:false, shouldvisible:false},
|
||||
|
||||
scrollup:function(){
|
||||
if (!this.cssfixedsupport) //if control is positioned using JavaScript
|
||||
this.$control.css({opacity:0}) //hide control immediately after clicking it
|
||||
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
|
||||
if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
|
||||
dest=jQuery('#'+dest).offset().top
|
||||
else
|
||||
dest=0
|
||||
this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
|
||||
},
|
||||
|
||||
keepfixed:function(){
|
||||
var $window=jQuery(window)
|
||||
var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
|
||||
var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
|
||||
this.$control.css({left:controlx+'px', top:controly+'px'})
|
||||
},
|
||||
|
||||
togglecontrol:function(){
|
||||
var scrolltop=jQuery(window).scrollTop()
|
||||
if (!this.cssfixedsupport)
|
||||
this.keepfixed()
|
||||
this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
|
||||
if (this.state.shouldvisible && !this.state.isvisible){
|
||||
this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
|
||||
this.state.isvisible=true
|
||||
}
|
||||
else if (this.state.shouldvisible==false && this.state.isvisible){
|
||||
this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
|
||||
this.state.isvisible=false
|
||||
}
|
||||
},
|
||||
|
||||
init:function(){
|
||||
jQuery(document).ready(function($){
|
||||
var mainobj=scrolltotop
|
||||
var iebrws=document.all
|
||||
mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
|
||||
mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
|
||||
mainobj.$control=$('<div id="topcontrol" class="topcontrol">'+mainobj.controlHTML+'</div>')
|
||||
.css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
|
||||
.attr({title:''})
|
||||
.click(function(){mainobj.scrollup(); return false})
|
||||
.appendTo('body')
|
||||
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
|
||||
mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
|
||||
mainobj.togglecontrol()
|
||||
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
|
||||
mainobj.scrollup()
|
||||
return false
|
||||
})
|
||||
$(window).bind('scroll resize', function(e){
|
||||
mainobj.togglecontrol()
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
scrolltotop.init()
|
||||
@@ -0,0 +1,14 @@
|
||||
|
||||
$(function () {
|
||||
|
||||
gsap.registerPlugin(ScrollTrigger, ScrollSmoother);
|
||||
|
||||
ScrollTrigger.normalizeScroll(false);
|
||||
|
||||
// create the smooth scroller FIRST!
|
||||
let smoother = ScrollSmoother.create({
|
||||
smooth: 2,
|
||||
effects: true,
|
||||
});
|
||||
|
||||
});
|
||||
Vendored
+2
File diff suppressed because one or more lines are too long
@@ -0,0 +1,71 @@
|
||||
/*
|
||||
* Core Owl Carousel CSS File
|
||||
* v1.3.2
|
||||
*/
|
||||
|
||||
/* clearfix */
|
||||
.owl-carousel .owl-wrapper:after {
|
||||
content: ".";
|
||||
display: block;
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
line-height: 0;
|
||||
height: 0;
|
||||
}
|
||||
/* display none until init */
|
||||
.owl-carousel{
|
||||
display: none;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
-ms-touch-action: pan-y;
|
||||
}
|
||||
.owl-carousel .owl-wrapper{
|
||||
display: none;
|
||||
position: relative;
|
||||
-webkit-transform: translate3d(0px, 0px, 0px);
|
||||
}
|
||||
.owl-carousel .owl-wrapper-outer{
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
.owl-carousel .owl-wrapper-outer.autoHeight{
|
||||
-webkit-transition: height 500ms ease-in-out;
|
||||
-moz-transition: height 500ms ease-in-out;
|
||||
-ms-transition: height 500ms ease-in-out;
|
||||
-o-transition: height 500ms ease-in-out;
|
||||
transition: height 500ms ease-in-out;
|
||||
}
|
||||
|
||||
.owl-carousel .owl-item{
|
||||
float: left;
|
||||
}
|
||||
.owl-controls .owl-page,
|
||||
.owl-controls .owl-buttons div{
|
||||
cursor: pointer;
|
||||
}
|
||||
.owl-controls {
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
/* mouse grab icon */
|
||||
.grabbing {
|
||||
cursor:url('grabbing.png') 8 8, move;
|
||||
}
|
||||
|
||||
/* fix */
|
||||
.owl-carousel .owl-wrapper,
|
||||
.owl-carousel .owl-item{
|
||||
-webkit-backface-visibility: hidden;
|
||||
-moz-backface-visibility: hidden;
|
||||
-ms-backface-visibility: hidden;
|
||||
-webkit-transform: translate3d(0,0,0);
|
||||
-moz-transform: translate3d(0,0,0);
|
||||
-ms-transform: translate3d(0,0,0);
|
||||
}
|
||||
|
||||
@@ -0,0 +1,80 @@
|
||||
/*
|
||||
* Owl Carousel Owl Demo Theme
|
||||
* v1.3.2
|
||||
*/
|
||||
|
||||
.owl-theme .owl-controls{
|
||||
display: none!important;
|
||||
margin-top: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* Styling Next and Prev buttons */
|
||||
|
||||
.owl-theme .owl-controls .owl-buttons div{
|
||||
color: #FFF;
|
||||
display: inline-block;
|
||||
zoom: 1;
|
||||
*display: inline;/*IE7 life-saver */
|
||||
margin: 5px;
|
||||
padding: 3px 10px;
|
||||
font-size: 12px;
|
||||
-webkit-border-radius: 30px;
|
||||
-moz-border-radius: 30px;
|
||||
border-radius: 30px;
|
||||
background: #869791;
|
||||
filter: Alpha(Opacity=50);/*IE7 fix*/
|
||||
opacity: 0.5;
|
||||
}
|
||||
/* Clickable class fix problem with hover on touch devices */
|
||||
/* Use it for non-touch hover action */
|
||||
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
|
||||
filter: Alpha(Opacity=100);/*IE7 fix*/
|
||||
opacity: 1;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* Styling Pagination*/
|
||||
|
||||
.owl-theme .owl-controls .owl-page{
|
||||
display: inline-block;
|
||||
zoom: 1;
|
||||
*display: inline;/*IE7 life-saver */
|
||||
}
|
||||
.owl-theme .owl-controls .owl-page span{
|
||||
display: none;
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
margin: 5px 7px;
|
||||
filter: Alpha(Opacity=50);/*IE7 fix*/
|
||||
opacity: 0.5;
|
||||
-webkit-border-radius: 20px;
|
||||
-moz-border-radius: 20px;
|
||||
border-radius: 20px;
|
||||
background: #869791;
|
||||
}
|
||||
|
||||
.owl-theme .owl-controls .owl-page.active span,
|
||||
.owl-theme .owl-controls.clickable .owl-page:hover span{
|
||||
filter: Alpha(Opacity=100);/*IE7 fix*/
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* If PaginationNumbers is true */
|
||||
|
||||
.owl-theme .owl-controls .owl-page span.owl-numbers{
|
||||
height: auto;
|
||||
width: auto;
|
||||
color: #FFF;
|
||||
padding: 2px 10px;
|
||||
font-size: 12px;
|
||||
-webkit-border-radius: 30px;
|
||||
-moz-border-radius: 30px;
|
||||
border-radius: 30px;
|
||||
}
|
||||
|
||||
/* preloading images */
|
||||
.owl-item.loading{
|
||||
min-height: 150px;
|
||||
background: url(AjaxLoader.gif) no-repeat center center
|
||||
}
|
||||
@@ -0,0 +1,163 @@
|
||||
/*
|
||||
* Owl Carousel CSS3 Transitions
|
||||
* v1.3.2
|
||||
*/
|
||||
|
||||
.owl-origin {
|
||||
-webkit-perspective: 1200px;
|
||||
-webkit-perspective-origin-x : 50%;
|
||||
-webkit-perspective-origin-y : 50%;
|
||||
-moz-perspective : 1200px;
|
||||
-moz-perspective-origin-x : 50%;
|
||||
-moz-perspective-origin-y : 50%;
|
||||
perspective : 1200px;
|
||||
}
|
||||
/* fade */
|
||||
.owl-fade-out {
|
||||
z-index: 10;
|
||||
-webkit-animation: fadeOut .7s both ease;
|
||||
-moz-animation: fadeOut .7s both ease;
|
||||
animation: fadeOut .7s both ease;
|
||||
}
|
||||
.owl-fade-in {
|
||||
-webkit-animation: fadeIn .7s both ease;
|
||||
-moz-animation: fadeIn .7s both ease;
|
||||
animation: fadeIn .7s both ease;
|
||||
}
|
||||
/* backSlide */
|
||||
.owl-backSlide-out {
|
||||
-webkit-animation: backSlideOut 1s both ease;
|
||||
-moz-animation: backSlideOut 1s both ease;
|
||||
animation: backSlideOut 1s both ease;
|
||||
}
|
||||
.owl-backSlide-in {
|
||||
-webkit-animation: backSlideIn 1s both ease;
|
||||
-moz-animation: backSlideIn 1s both ease;
|
||||
animation: backSlideIn 1s both ease;
|
||||
}
|
||||
/* goDown */
|
||||
.owl-goDown-out {
|
||||
-webkit-animation: scaleToFade .7s ease both;
|
||||
-moz-animation: scaleToFade .7s ease both;
|
||||
animation: scaleToFade .7s ease both;
|
||||
}
|
||||
.owl-goDown-in {
|
||||
-webkit-animation: goDown .6s ease both;
|
||||
-moz-animation: goDown .6s ease both;
|
||||
animation: goDown .6s ease both;
|
||||
}
|
||||
/* scaleUp */
|
||||
.owl-fadeUp-in {
|
||||
-webkit-animation: scaleUpFrom .5s ease both;
|
||||
-moz-animation: scaleUpFrom .5s ease both;
|
||||
animation: scaleUpFrom .5s ease both;
|
||||
}
|
||||
|
||||
.owl-fadeUp-out {
|
||||
-webkit-animation: scaleUpTo .5s ease both;
|
||||
-moz-animation: scaleUpTo .5s ease both;
|
||||
animation: scaleUpTo .5s ease both;
|
||||
}
|
||||
/* Keyframes */
|
||||
/*empty*/
|
||||
@-webkit-keyframes empty {
|
||||
0% {opacity: 1}
|
||||
}
|
||||
@-moz-keyframes empty {
|
||||
0% {opacity: 1}
|
||||
}
|
||||
@keyframes empty {
|
||||
0% {opacity: 1}
|
||||
}
|
||||
@-webkit-keyframes fadeIn {
|
||||
0% { opacity:0; }
|
||||
100% { opacity:1; }
|
||||
}
|
||||
@-moz-keyframes fadeIn {
|
||||
0% { opacity:0; }
|
||||
100% { opacity:1; }
|
||||
}
|
||||
@keyframes fadeIn {
|
||||
0% { opacity:0; }
|
||||
100% { opacity:1; }
|
||||
}
|
||||
@-webkit-keyframes fadeOut {
|
||||
0% { opacity:1; }
|
||||
100% { opacity:0; }
|
||||
}
|
||||
@-moz-keyframes fadeOut {
|
||||
0% { opacity:1; }
|
||||
100% { opacity:0; }
|
||||
}
|
||||
@keyframes fadeOut {
|
||||
0% { opacity:1; }
|
||||
100% { opacity:0; }
|
||||
}
|
||||
@-webkit-keyframes backSlideOut {
|
||||
25% { opacity: .5; -webkit-transform: translateZ(-500px); }
|
||||
75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
|
||||
100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
|
||||
}
|
||||
@-moz-keyframes backSlideOut {
|
||||
25% { opacity: .5; -moz-transform: translateZ(-500px); }
|
||||
75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
|
||||
100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
|
||||
}
|
||||
@keyframes backSlideOut {
|
||||
25% { opacity: .5; transform: translateZ(-500px); }
|
||||
75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
|
||||
100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
|
||||
}
|
||||
@-webkit-keyframes backSlideIn {
|
||||
0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
|
||||
75% { opacity: .5; -webkit-transform: translateZ(-500px); }
|
||||
100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
|
||||
}
|
||||
@-moz-keyframes backSlideIn {
|
||||
0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
|
||||
75% { opacity: .5; -moz-transform: translateZ(-500px); }
|
||||
100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
|
||||
}
|
||||
@keyframes backSlideIn {
|
||||
0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
|
||||
75% { opacity: .5; transform: translateZ(-500px); }
|
||||
100% { opacity: 1; transform: translateZ(0) translateX(0); }
|
||||
}
|
||||
@-webkit-keyframes scaleToFade {
|
||||
to { opacity: 0; -webkit-transform: scale(.8); }
|
||||
}
|
||||
@-moz-keyframes scaleToFade {
|
||||
to { opacity: 0; -moz-transform: scale(.8); }
|
||||
}
|
||||
@keyframes scaleToFade {
|
||||
to { opacity: 0; transform: scale(.8); }
|
||||
}
|
||||
@-webkit-keyframes goDown {
|
||||
from { -webkit-transform: translateY(-100%); }
|
||||
}
|
||||
@-moz-keyframes goDown {
|
||||
from { -moz-transform: translateY(-100%); }
|
||||
}
|
||||
@keyframes goDown {
|
||||
from { transform: translateY(-100%); }
|
||||
}
|
||||
|
||||
@-webkit-keyframes scaleUpFrom {
|
||||
from { opacity: 0; -webkit-transform: scale(1.5); }
|
||||
}
|
||||
@-moz-keyframes scaleUpFrom {
|
||||
from { opacity: 0; -moz-transform: scale(1.5); }
|
||||
}
|
||||
@keyframes scaleUpFrom {
|
||||
from { opacity: 0; transform: scale(1.5); }
|
||||
}
|
||||
|
||||
@-webkit-keyframes scaleUpTo {
|
||||
to { opacity: 0; -webkit-transform: scale(1.5); }
|
||||
}
|
||||
@-moz-keyframes scaleUpTo {
|
||||
to { opacity: 0; -moz-transform: scale(1.5); }
|
||||
}
|
||||
@keyframes scaleUpTo {
|
||||
to { opacity: 0; transform: scale(1.5); }
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
+47
@@ -0,0 +1,47 @@
|
||||
"function"!==typeof Object.create&&(Object.create=function(f){function g(){}g.prototype=f;return new g});
|
||||
(function(f,g,k){var l={init:function(a,b){this.$elem=f(b);this.options=f.extend({},f.fn.owlCarousel.options,this.$elem.data(),a);this.userOptions=a;this.loadContent()},loadContent:function(){function a(a){var d,e="";if("function"===typeof b.options.jsonSuccess)b.options.jsonSuccess.apply(this,[a]);else{for(d in a.owl)a.owl.hasOwnProperty(d)&&(e+=a.owl[d].item);b.$elem.html(e)}b.logIn()}var b=this,e;"function"===typeof b.options.beforeInit&&b.options.beforeInit.apply(this,[b.$elem]);"string"===typeof b.options.jsonPath?
|
||||
(e=b.options.jsonPath,f.getJSON(e,a)):b.logIn()},logIn:function(){this.$elem.data("owl-originalStyles",this.$elem.attr("style"));this.$elem.data("owl-originalClasses",this.$elem.attr("class"));this.$elem.css({opacity:0});this.orignalItems=this.options.items;this.checkBrowser();this.wrapperWidth=0;this.checkVisible=null;this.setVars()},setVars:function(){if(0===this.$elem.children().length)return!1;this.baseClass();this.eventTypes();this.$userItems=this.$elem.children();this.itemsAmount=this.$userItems.length;
|
||||
this.wrapItems();this.$owlItems=this.$elem.find(".owl-item");this.$owlWrapper=this.$elem.find(".owl-wrapper");this.playDirection="next";this.prevItem=0;this.prevArr=[0];this.currentItem=0;this.customEvents();this.onStartup()},onStartup:function(){this.updateItems();this.calculateAll();this.buildControls();this.updateControls();this.response();this.moveEvents();this.stopOnHover();this.owlStatus();!1!==this.options.transitionStyle&&this.transitionTypes(this.options.transitionStyle);!0===this.options.autoPlay&&
|
||||
(this.options.autoPlay=5E3);this.play();this.$elem.find(".owl-wrapper").css("display","block");this.$elem.is(":visible")?this.$elem.css("opacity",1):this.watchVisibility();this.onstartup=!1;this.eachMoveUpdate();"function"===typeof this.options.afterInit&&this.options.afterInit.apply(this,[this.$elem])},eachMoveUpdate:function(){!0===this.options.lazyLoad&&this.lazyLoad();!0===this.options.autoHeight&&this.autoHeight();this.onVisibleItems();"function"===typeof this.options.afterAction&&this.options.afterAction.apply(this,
|
||||
[this.$elem])},updateVars:function(){"function"===typeof this.options.beforeUpdate&&this.options.beforeUpdate.apply(this,[this.$elem]);this.watchVisibility();this.updateItems();this.calculateAll();this.updatePosition();this.updateControls();this.eachMoveUpdate();"function"===typeof this.options.afterUpdate&&this.options.afterUpdate.apply(this,[this.$elem])},reload:function(){var a=this;g.setTimeout(function(){a.updateVars()},0)},watchVisibility:function(){var a=this;if(!1===a.$elem.is(":visible"))a.$elem.css({opacity:0}),
|
||||
g.clearInterval(a.autoPlayInterval),g.clearInterval(a.checkVisible);else return!1;a.checkVisible=g.setInterval(function(){a.$elem.is(":visible")&&(a.reload(),a.$elem.animate({opacity:1},200),g.clearInterval(a.checkVisible))},500)},wrapItems:function(){this.$userItems.wrapAll('<div class="owl-wrapper">').wrap('<div class="owl-item"></div>');this.$elem.find(".owl-wrapper").wrap('<div class="owl-wrapper-outer">');this.wrapperOuter=this.$elem.find(".owl-wrapper-outer");this.$elem.css("display","block")},
|
||||
baseClass:function(){var a=this.$elem.hasClass(this.options.baseClass),b=this.$elem.hasClass(this.options.theme);a||this.$elem.addClass(this.options.baseClass);b||this.$elem.addClass(this.options.theme)},updateItems:function(){var a,b;if(!1===this.options.responsive)return!1;if(!0===this.options.singleItem)return this.options.items=this.orignalItems=1,this.options.itemsCustom=!1,this.options.itemsDesktop=!1,this.options.itemsDesktopSmall=!1,this.options.itemsTablet=!1,this.options.itemsTabletSmall=
|
||||
!1,this.options.itemsMobile=!1;a=f(this.options.responsiveBaseWidth).width();a>(this.options.itemsDesktop[0]||this.orignalItems)&&(this.options.items=this.orignalItems);if(!1!==this.options.itemsCustom)for(this.options.itemsCustom.sort(function(a,b){return a[0]-b[0]}),b=0;b<this.options.itemsCustom.length;b+=1)this.options.itemsCustom[b][0]<=a&&(this.options.items=this.options.itemsCustom[b][1]);else a<=this.options.itemsDesktop[0]&&!1!==this.options.itemsDesktop&&(this.options.items=this.options.itemsDesktop[1]),
|
||||
a<=this.options.itemsDesktopSmall[0]&&!1!==this.options.itemsDesktopSmall&&(this.options.items=this.options.itemsDesktopSmall[1]),a<=this.options.itemsTablet[0]&&!1!==this.options.itemsTablet&&(this.options.items=this.options.itemsTablet[1]),a<=this.options.itemsTabletSmall[0]&&!1!==this.options.itemsTabletSmall&&(this.options.items=this.options.itemsTabletSmall[1]),a<=this.options.itemsMobile[0]&&!1!==this.options.itemsMobile&&(this.options.items=this.options.itemsMobile[1]);this.options.items>this.itemsAmount&&
|
||||
!0===this.options.itemsScaleUp&&(this.options.items=this.itemsAmount)},response:function(){var a=this,b,e;if(!0!==a.options.responsive)return!1;e=f(g).width();a.resizer=function(){f(g).width()!==e&&(!1!==a.options.autoPlay&&g.clearInterval(a.autoPlayInterval),g.clearTimeout(b),b=g.setTimeout(function(){e=f(g).width();a.updateVars()},a.options.responsiveRefreshRate))};f(g).resize(a.resizer)},updatePosition:function(){this.jumpTo(this.currentItem);!1!==this.options.autoPlay&&this.checkAp()},appendItemsSizes:function(){var a=
|
||||
this,b=0,e=a.itemsAmount-a.options.items;a.$owlItems.each(function(c){var d=f(this);d.css({width:a.itemWidth}).data("owl-item",Number(c));if(0===c%a.options.items||c===e)c>e||(b+=1);d.data("owl-roundPages",b)})},appendWrapperSizes:function(){this.$owlWrapper.css({width:this.$owlItems.length*this.itemWidth*2,left:0});this.appendItemsSizes()},calculateAll:function(){this.calculateWidth();this.appendWrapperSizes();this.loops();this.max()},calculateWidth:function(){this.itemWidth=Math.round(this.$elem.width()/
|
||||
this.options.items)},max:function(){var a=-1*(this.itemsAmount*this.itemWidth-this.options.items*this.itemWidth);this.options.items>this.itemsAmount?this.maximumPixels=a=this.maximumItem=0:(this.maximumItem=this.itemsAmount-this.options.items,this.maximumPixels=a);return a},min:function(){return 0},loops:function(){var a=0,b=0,e,c;this.positionsInArray=[0];this.pagesInArray=[];for(e=0;e<this.itemsAmount;e+=1)b+=this.itemWidth,this.positionsInArray.push(-b),!0===this.options.scrollPerPage&&(c=f(this.$owlItems[e]),
|
||||
c=c.data("owl-roundPages"),c!==a&&(this.pagesInArray[a]=this.positionsInArray[e],a=c))},buildControls:function(){if(!0===this.options.navigation||!0===this.options.pagination)this.owlControls=f('<div class="owl-controls"/>').toggleClass("clickable",!this.browser.isTouch).appendTo(this.$elem);!0===this.options.pagination&&this.buildPagination();!0===this.options.navigation&&this.buildButtons()},buildButtons:function(){var a=this,b=f('<div class="owl-buttons"/>');a.owlControls.append(b);a.buttonPrev=
|
||||
f("<div/>",{"class":"owl-prev",html:a.options.navigationText[0]||""});a.buttonNext=f("<div/>",{"class":"owl-next",html:a.options.navigationText[1]||""});b.append(a.buttonPrev).append(a.buttonNext);b.on("touchstart.owlControls mousedown.owlControls",'div[class^="owl"]',function(a){a.preventDefault()});b.on("touchend.owlControls mouseup.owlControls",'div[class^="owl"]',function(b){b.preventDefault();f(this).hasClass("owl-next")?a.next():a.prev()})},buildPagination:function(){var a=this;a.paginationWrapper=
|
||||
f('<div class="owl-pagination"/>');a.owlControls.append(a.paginationWrapper);a.paginationWrapper.on("touchend.owlControls mouseup.owlControls",".owl-page",function(b){b.preventDefault();Number(f(this).data("owl-page"))!==a.currentItem&&a.goTo(Number(f(this).data("owl-page")),!0)})},updatePagination:function(){var a,b,e,c,d,g;if(!1===this.options.pagination)return!1;this.paginationWrapper.html("");a=0;b=this.itemsAmount-this.itemsAmount%this.options.items;for(c=0;c<this.itemsAmount;c+=1)0===c%this.options.items&&
|
||||
(a+=1,b===c&&(e=this.itemsAmount-this.options.items),d=f("<div/>",{"class":"owl-page"}),g=f("<span></span>",{text:!0===this.options.paginationNumbers?a:"","class":!0===this.options.paginationNumbers?"owl-numbers":""}),d.append(g),d.data("owl-page",b===c?e:c),d.data("owl-roundPages",a),this.paginationWrapper.append(d));this.checkPagination()},checkPagination:function(){var a=this;if(!1===a.options.pagination)return!1;a.paginationWrapper.find(".owl-page").each(function(){f(this).data("owl-roundPages")===
|
||||
f(a.$owlItems[a.currentItem]).data("owl-roundPages")&&(a.paginationWrapper.find(".owl-page").removeClass("active"),f(this).addClass("active"))})},checkNavigation:function(){if(!1===this.options.navigation)return!1;!1===this.options.rewindNav&&(0===this.currentItem&&0===this.maximumItem?(this.buttonPrev.addClass("disabled"),this.buttonNext.addClass("disabled")):0===this.currentItem&&0!==this.maximumItem?(this.buttonPrev.addClass("disabled"),this.buttonNext.removeClass("disabled")):this.currentItem===
|
||||
this.maximumItem?(this.buttonPrev.removeClass("disabled"),this.buttonNext.addClass("disabled")):0!==this.currentItem&&this.currentItem!==this.maximumItem&&(this.buttonPrev.removeClass("disabled"),this.buttonNext.removeClass("disabled")))},updateControls:function(){this.updatePagination();this.checkNavigation();this.owlControls&&(this.options.items>=this.itemsAmount?this.owlControls.hide():this.owlControls.show())},destroyControls:function(){this.owlControls&&this.owlControls.remove()},next:function(a){if(this.isTransition)return!1;
|
||||
this.currentItem+=!0===this.options.scrollPerPage?this.options.items:1;if(this.currentItem>this.maximumItem+(!0===this.options.scrollPerPage?this.options.items-1:0))if(!0===this.options.rewindNav)this.currentItem=0,a="rewind";else return this.currentItem=this.maximumItem,!1;this.goTo(this.currentItem,a)},prev:function(a){if(this.isTransition)return!1;this.currentItem=!0===this.options.scrollPerPage&&0<this.currentItem&&this.currentItem<this.options.items?0:this.currentItem-(!0===this.options.scrollPerPage?
|
||||
this.options.items:1);if(0>this.currentItem)if(!0===this.options.rewindNav)this.currentItem=this.maximumItem,a="rewind";else return this.currentItem=0,!1;this.goTo(this.currentItem,a)},goTo:function(a,b,e){var c=this;if(c.isTransition)return!1;"function"===typeof c.options.beforeMove&&c.options.beforeMove.apply(this,[c.$elem]);a>=c.maximumItem?a=c.maximumItem:0>=a&&(a=0);c.currentItem=c.owl.currentItem=a;if(!1!==c.options.transitionStyle&&"drag"!==e&&1===c.options.items&&!0===c.browser.support3d)return c.swapSpeed(0),
|
||||
!0===c.browser.support3d?c.transition3d(c.positionsInArray[a]):c.css2slide(c.positionsInArray[a],1),c.afterGo(),c.singleItemTransition(),!1;a=c.positionsInArray[a];!0===c.browser.support3d?(c.isCss3Finish=!1,!0===b?(c.swapSpeed("paginationSpeed"),g.setTimeout(function(){c.isCss3Finish=!0},c.options.paginationSpeed)):"rewind"===b?(c.swapSpeed(c.options.rewindSpeed),g.setTimeout(function(){c.isCss3Finish=!0},c.options.rewindSpeed)):(c.swapSpeed("slideSpeed"),g.setTimeout(function(){c.isCss3Finish=!0},
|
||||
c.options.slideSpeed)),c.transition3d(a)):!0===b?c.css2slide(a,c.options.paginationSpeed):"rewind"===b?c.css2slide(a,c.options.rewindSpeed):c.css2slide(a,c.options.slideSpeed);c.afterGo()},jumpTo:function(a){"function"===typeof this.options.beforeMove&&this.options.beforeMove.apply(this,[this.$elem]);a>=this.maximumItem||-1===a?a=this.maximumItem:0>=a&&(a=0);this.swapSpeed(0);!0===this.browser.support3d?this.transition3d(this.positionsInArray[a]):this.css2slide(this.positionsInArray[a],1);this.currentItem=
|
||||
this.owl.currentItem=a;this.afterGo()},afterGo:function(){this.prevArr.push(this.currentItem);this.prevItem=this.owl.prevItem=this.prevArr[this.prevArr.length-2];this.prevArr.shift(0);this.prevItem!==this.currentItem&&(this.checkPagination(),this.checkNavigation(),this.eachMoveUpdate(),!1!==this.options.autoPlay&&this.checkAp());"function"===typeof this.options.afterMove&&this.prevItem!==this.currentItem&&this.options.afterMove.apply(this,[this.$elem])},stop:function(){this.apStatus="stop";g.clearInterval(this.autoPlayInterval)},
|
||||
checkAp:function(){"stop"!==this.apStatus&&this.play()},play:function(){var a=this;a.apStatus="play";if(!1===a.options.autoPlay)return!1;g.clearInterval(a.autoPlayInterval);a.autoPlayInterval=g.setInterval(function(){a.next(!0)},a.options.autoPlay)},swapSpeed:function(a){"slideSpeed"===a?this.$owlWrapper.css(this.addCssSpeed(this.options.slideSpeed)):"paginationSpeed"===a?this.$owlWrapper.css(this.addCssSpeed(this.options.paginationSpeed)):"string"!==typeof a&&this.$owlWrapper.css(this.addCssSpeed(a))},
|
||||
addCssSpeed:function(a){return{"-webkit-transition":"all "+a+"ms ease","-moz-transition":"all "+a+"ms ease","-o-transition":"all "+a+"ms ease",transition:"all "+a+"ms ease"}},removeTransition:function(){return{"-webkit-transition":"","-moz-transition":"","-o-transition":"",transition:""}},doTranslate:function(a){return{"-webkit-transform":"translate3d("+a+"px, 0px, 0px)","-moz-transform":"translate3d("+a+"px, 0px, 0px)","-o-transform":"translate3d("+a+"px, 0px, 0px)","-ms-transform":"translate3d("+
|
||||
a+"px, 0px, 0px)",transform:"translate3d("+a+"px, 0px,0px)"}},transition3d:function(a){this.$owlWrapper.css(this.doTranslate(a))},css2move:function(a){this.$owlWrapper.css({left:a})},css2slide:function(a,b){var e=this;e.isCssFinish=!1;e.$owlWrapper.stop(!0,!0).animate({left:a},{duration:b||e.options.slideSpeed,complete:function(){e.isCssFinish=!0}})},checkBrowser:function(){var a=k.createElement("div");a.style.cssText=" -moz-transform:translate3d(0px, 0px, 0px); -ms-transform:translate3d(0px, 0px, 0px); -o-transform:translate3d(0px, 0px, 0px); -webkit-transform:translate3d(0px, 0px, 0px); transform:translate3d(0px, 0px, 0px)";
|
||||
a=a.style.cssText.match(/translate3d\(0px, 0px, 0px\)/g);this.browser={support3d:null!==a&&1===a.length,isTouch:"ontouchstart"in g||g.navigator.msMaxTouchPoints}},moveEvents:function(){if(!1!==this.options.mouseDrag||!1!==this.options.touchDrag)this.gestures(),this.disabledEvents()},eventTypes:function(){var a=["s","e","x"];this.ev_types={};!0===this.options.mouseDrag&&!0===this.options.touchDrag?a=["touchstart.owl mousedown.owl","touchmove.owl mousemove.owl","touchend.owl touchcancel.owl mouseup.owl"]:
|
||||
!1===this.options.mouseDrag&&!0===this.options.touchDrag?a=["touchstart.owl","touchmove.owl","touchend.owl touchcancel.owl"]:!0===this.options.mouseDrag&&!1===this.options.touchDrag&&(a=["mousedown.owl","mousemove.owl","mouseup.owl"]);this.ev_types.start=a[0];this.ev_types.move=a[1];this.ev_types.end=a[2]},disabledEvents:function(){this.$elem.on("dragstart.owl",function(a){a.preventDefault()});this.$elem.on("mousedown.disableTextSelect",function(a){return f(a.target).is("input, textarea, select, option")})},
|
||||
gestures:function(){function a(a){if(void 0!==a.touches)return{x:a.touches[0].pageX,y:a.touches[0].pageY};if(void 0===a.touches){if(void 0!==a.pageX)return{x:a.pageX,y:a.pageY};if(void 0===a.pageX)return{x:a.clientX,y:a.clientY}}}function b(a){"on"===a?(f(k).on(d.ev_types.move,e),f(k).on(d.ev_types.end,c)):"off"===a&&(f(k).off(d.ev_types.move),f(k).off(d.ev_types.end))}function e(b){b=b.originalEvent||b||g.event;d.newPosX=a(b).x-h.offsetX;d.newPosY=a(b).y-h.offsetY;d.newRelativeX=d.newPosX-h.relativePos;
|
||||
"function"===typeof d.options.startDragging&&!0!==h.dragging&&0!==d.newRelativeX&&(h.dragging=!0,d.options.startDragging.apply(d,[d.$elem]));(8<d.newRelativeX||-8>d.newRelativeX)&&!0===d.browser.isTouch&&(void 0!==b.preventDefault?b.preventDefault():b.returnValue=!1,h.sliding=!0);(10<d.newPosY||-10>d.newPosY)&&!1===h.sliding&&f(k).off("touchmove.owl");d.newPosX=Math.max(Math.min(d.newPosX,d.newRelativeX/5),d.maximumPixels+d.newRelativeX/5);!0===d.browser.support3d?d.transition3d(d.newPosX):d.css2move(d.newPosX)}
|
||||
function c(a){a=a.originalEvent||a||g.event;var c;a.target=a.target||a.srcElement;h.dragging=!1;!0!==d.browser.isTouch&&d.$owlWrapper.removeClass("grabbing");d.dragDirection=0>d.newRelativeX?d.owl.dragDirection="left":d.owl.dragDirection="right";0!==d.newRelativeX&&(c=d.getNewPosition(),d.goTo(c,!1,"drag"),h.targetElement===a.target&&!0!==d.browser.isTouch&&(f(a.target).on("click.disable",function(a){a.stopImmediatePropagation();a.stopPropagation();a.preventDefault();f(a.target).off("click.disable")}),
|
||||
a=f._data(a.target,"events").click,c=a.pop(),a.splice(0,0,c)));b("off")}var d=this,h={offsetX:0,offsetY:0,baseElWidth:0,relativePos:0,position:null,minSwipe:null,maxSwipe:null,sliding:null,dargging:null,targetElement:null};d.isCssFinish=!0;d.$elem.on(d.ev_types.start,".owl-wrapper",function(c){c=c.originalEvent||c||g.event;var e;if(3===c.which)return!1;if(!(d.itemsAmount<=d.options.items)){if(!1===d.isCssFinish&&!d.options.dragBeforeAnimFinish||!1===d.isCss3Finish&&!d.options.dragBeforeAnimFinish)return!1;
|
||||
!1!==d.options.autoPlay&&g.clearInterval(d.autoPlayInterval);!0===d.browser.isTouch||d.$owlWrapper.hasClass("grabbing")||d.$owlWrapper.addClass("grabbing");d.newPosX=0;d.newRelativeX=0;f(this).css(d.removeTransition());e=f(this).position();h.relativePos=e.left;h.offsetX=a(c).x-e.left;h.offsetY=a(c).y-e.top;b("on");h.sliding=!1;h.targetElement=c.target||c.srcElement}})},getNewPosition:function(){var a=this.closestItem();a>this.maximumItem?a=this.currentItem=this.maximumItem:0<=this.newPosX&&(this.currentItem=
|
||||
a=0);return a},closestItem:function(){var a=this,b=!0===a.options.scrollPerPage?a.pagesInArray:a.positionsInArray,e=a.newPosX,c=null;f.each(b,function(d,g){e-a.itemWidth/20>b[d+1]&&e-a.itemWidth/20<g&&"left"===a.moveDirection()?(c=g,a.currentItem=!0===a.options.scrollPerPage?f.inArray(c,a.positionsInArray):d):e+a.itemWidth/20<g&&e+a.itemWidth/20>(b[d+1]||b[d]-a.itemWidth)&&"right"===a.moveDirection()&&(!0===a.options.scrollPerPage?(c=b[d+1]||b[b.length-1],a.currentItem=f.inArray(c,a.positionsInArray)):
|
||||
(c=b[d+1],a.currentItem=d+1))});return a.currentItem},moveDirection:function(){var a;0>this.newRelativeX?(a="right",this.playDirection="next"):(a="left",this.playDirection="prev");return a},customEvents:function(){var a=this;a.$elem.on("owl.next",function(){a.next()});a.$elem.on("owl.prev",function(){a.prev()});a.$elem.on("owl.play",function(b,e){a.options.autoPlay=e;a.play();a.hoverStatus="play"});a.$elem.on("owl.stop",function(){a.stop();a.hoverStatus="stop"});a.$elem.on("owl.goTo",function(b,e){a.goTo(e)});
|
||||
a.$elem.on("owl.jumpTo",function(b,e){a.jumpTo(e)})},stopOnHover:function(){var a=this;!0===a.options.stopOnHover&&!0!==a.browser.isTouch&&!1!==a.options.autoPlay&&(a.$elem.on("mouseover",function(){a.stop()}),a.$elem.on("mouseout",function(){"stop"!==a.hoverStatus&&a.play()}))},lazyLoad:function(){var a,b,e,c,d;if(!1===this.options.lazyLoad)return!1;for(a=0;a<this.itemsAmount;a+=1)b=f(this.$owlItems[a]),"loaded"!==b.data("owl-loaded")&&(e=b.data("owl-item"),c=b.find(".lazyOwl"),"string"!==typeof c.data("src")?
|
||||
b.data("owl-loaded","loaded"):(void 0===b.data("owl-loaded")&&(c.hide(),b.addClass("loading").data("owl-loaded","checked")),(d=!0===this.options.lazyFollow?e>=this.currentItem:!0)&&e<this.currentItem+this.options.items&&c.length&&this.lazyPreload(b,c)))},lazyPreload:function(a,b){function e(){a.data("owl-loaded","loaded").removeClass("loading");b.removeAttr("data-src");"fade"===d.options.lazyEffect?b.fadeIn(400):b.show();"function"===typeof d.options.afterLazyLoad&&d.options.afterLazyLoad.apply(this,
|
||||
[d.$elem])}function c(){f+=1;d.completeImg(b.get(0))||!0===k?e():100>=f?g.setTimeout(c,100):e()}var d=this,f=0,k;"DIV"===b.prop("tagName")?(b.css("background-image","url("+b.data("src")+")"),k=!0):b[0].src=b.data("src");c()},autoHeight:function(){function a(){var a=f(e.$owlItems[e.currentItem]).height();e.wrapperOuter.css("height",a+"px");e.wrapperOuter.hasClass("autoHeight")||g.setTimeout(function(){e.wrapperOuter.addClass("autoHeight")},0)}function b(){d+=1;e.completeImg(c.get(0))?a():100>=d?g.setTimeout(b,
|
||||
100):e.wrapperOuter.css("height","")}var e=this,c=f(e.$owlItems[e.currentItem]).find("img"),d;void 0!==c.get(0)?(d=0,b()):a()},completeImg:function(a){return!a.complete||"undefined"!==typeof a.naturalWidth&&0===a.naturalWidth?!1:!0},onVisibleItems:function(){var a;!0===this.options.addClassActive&&this.$owlItems.removeClass("active");this.visibleItems=[];for(a=this.currentItem;a<this.currentItem+this.options.items;a+=1)this.visibleItems.push(a),!0===this.options.addClassActive&&f(this.$owlItems[a]).addClass("active");
|
||||
this.owl.visibleItems=this.visibleItems},transitionTypes:function(a){this.outClass="owl-"+a+"-out";this.inClass="owl-"+a+"-in"},singleItemTransition:function(){var a=this,b=a.outClass,e=a.inClass,c=a.$owlItems.eq(a.currentItem),d=a.$owlItems.eq(a.prevItem),f=Math.abs(a.positionsInArray[a.currentItem])+a.positionsInArray[a.prevItem],g=Math.abs(a.positionsInArray[a.currentItem])+a.itemWidth/2;a.isTransition=!0;a.$owlWrapper.addClass("owl-origin").css({"-webkit-transform-origin":g+"px","-moz-perspective-origin":g+
|
||||
"px","perspective-origin":g+"px"});d.css({position:"relative",left:f+"px"}).addClass(b).on("webkitAnimationEnd oAnimationEnd MSAnimationEnd animationend",function(){a.endPrev=!0;d.off("webkitAnimationEnd oAnimationEnd MSAnimationEnd animationend");a.clearTransStyle(d,b)});c.addClass(e).on("webkitAnimationEnd oAnimationEnd MSAnimationEnd animationend",function(){a.endCurrent=!0;c.off("webkitAnimationEnd oAnimationEnd MSAnimationEnd animationend");a.clearTransStyle(c,e)})},clearTransStyle:function(a,
|
||||
b){a.css({position:"",left:""}).removeClass(b);this.endPrev&&this.endCurrent&&(this.$owlWrapper.removeClass("owl-origin"),this.isTransition=this.endCurrent=this.endPrev=!1)},owlStatus:function(){this.owl={userOptions:this.userOptions,baseElement:this.$elem,userItems:this.$userItems,owlItems:this.$owlItems,currentItem:this.currentItem,prevItem:this.prevItem,visibleItems:this.visibleItems,isTouch:this.browser.isTouch,browser:this.browser,dragDirection:this.dragDirection}},clearEvents:function(){this.$elem.off(".owl owl mousedown.disableTextSelect");
|
||||
f(k).off(".owl owl");f(g).off("resize",this.resizer)},unWrap:function(){0!==this.$elem.children().length&&(this.$owlWrapper.unwrap(),this.$userItems.unwrap().unwrap(),this.owlControls&&this.owlControls.remove());this.clearEvents();this.$elem.attr("style",this.$elem.data("owl-originalStyles")||"").attr("class",this.$elem.data("owl-originalClasses"))},destroy:function(){this.stop();g.clearInterval(this.checkVisible);this.unWrap();this.$elem.removeData()},reinit:function(a){a=f.extend({},this.userOptions,
|
||||
a);this.unWrap();this.init(a,this.$elem)},addItem:function(a,b){var e;if(!a)return!1;if(0===this.$elem.children().length)return this.$elem.append(a),this.setVars(),!1;this.unWrap();e=void 0===b||-1===b?-1:b;e>=this.$userItems.length||-1===e?this.$userItems.eq(-1).after(a):this.$userItems.eq(e).before(a);this.setVars()},removeItem:function(a){if(0===this.$elem.children().length)return!1;a=void 0===a||-1===a?-1:a;this.unWrap();this.$userItems.eq(a).remove();this.setVars()}};f.fn.owlCarousel=function(a){return this.each(function(){if(!0===
|
||||
f(this).data("owl-init"))return!1;f(this).data("owl-init",!0);var b=Object.create(l);b.init(a,this);f.data(this,"owlCarousel",b)})};f.fn.owlCarousel.options={items:5,itemsCustom:!1,itemsDesktop:[1199,4],itemsDesktopSmall:[979,3],itemsTablet:[768,2],itemsTabletSmall:!1,itemsMobile:[479,1],singleItem:!1,itemsScaleUp:!1,slideSpeed:200,paginationSpeed:800,rewindSpeed:1E3,autoPlay:!1,stopOnHover:!1,navigation:!1,navigationText:["prev","next"],rewindNav:!0,scrollPerPage:!1,pagination:!0,paginationNumbers:!1,
|
||||
responsive:!0,responsiveRefreshRate:200,responsiveBaseWidth:g,baseClass:"owl-carousel",theme:"owl-theme",lazyLoad:!1,lazyFollow:!0,lazyEffect:"fade",autoHeight:!1,jsonPath:!1,jsonSuccess:!1,dragBeforeAnimFinish:!0,mouseDrag:!0,touchDrag:!0,addClassActive:!1,transitionStyle:!1,beforeUpdate:!1,afterUpdate:!1,beforeInit:!1,afterInit:!1,beforeMove:!1,afterMove:!1,afterAction:!1,startDragging:!1,afterLazyLoad:!1}})(jQuery,window,document);
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
File diff suppressed because it is too large
Load Diff
Binary file not shown.
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 229 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 967 B |
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.3 KiB After Width: | Height: | Size: 15 KiB |
@@ -0,0 +1 @@
|
||||
{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
|
||||
Reference in New Issue
Block a user