812 lines
31 KiB
HTML
812 lines
31 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||
<title>Applight Template By W3 Template</title>
|
||
<script src="js/destruct.js"></script>
|
||
<link
|
||
rel="stylesheet"
|
||
href="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.css"
|
||
/>
|
||
<link rel="stylesheet" href="css/animate.css" />
|
||
<link
|
||
rel="stylesheet"
|
||
href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css"
|
||
integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB"
|
||
crossorigin="anonymous"
|
||
/>
|
||
<link rel="stylesheet" type="text/css" href="style.css" />
|
||
<link
|
||
rel="stylesheet"
|
||
href="https://use.fontawesome.com/releases/v5.1.0/css/all.css"
|
||
integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt"
|
||
crossorigin="anonymous"
|
||
/>
|
||
<!-- Font Google -->
|
||
<link
|
||
href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700"
|
||
rel="stylesheet"
|
||
/>
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
</head>
|
||
|
||
<body>
|
||
<!-- Navbar -->
|
||
<nav class="navbar navbar-expand-lg">
|
||
<div class="container">
|
||
<a class="navbar-brand navbar-logo" href="#">
|
||
<img src="images/logo.png" alt="logo" class="logo-1" />
|
||
</a>
|
||
<button
|
||
class="navbar-toggler"
|
||
type="button"
|
||
data-toggle="collapse"
|
||
data-target="#navbarSupportedContent"
|
||
aria-controls="navbarSupportedContent"
|
||
aria-expanded="false"
|
||
aria-label="Toggle navigation"
|
||
>
|
||
<span class="fas fa-bars"></span>
|
||
</button>
|
||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||
<ul class="navbar-nav ml-auto">
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="" data-scroll-nav="0">Home</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="#" data-scroll-nav="1">About</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="#" data-scroll-nav="2">Features</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="#" data-scroll-nav="3">Team</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="#" data-scroll-nav="4">Testimonials</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="#" data-scroll-nav="5">Faq</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="#" data-scroll-nav="6">Contact</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
<!-- End Navbar -->
|
||
<!-------Banner Start------->
|
||
<section class="banner" data-scroll-index="0">
|
||
<div class="banner-overlay">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-8 col-sm-12">
|
||
<div class="banner-text">
|
||
<h2 class="white">DigiWallet is here!</h2>
|
||
<h6 class="white">Track all your digital funds in one app.</h6>
|
||
<p class="banner-text white">
|
||
Monitor, manage, and stay informed about your cryptocurrencies
|
||
effortlessly. Whether you’re a seasoned investor or just
|
||
starting out, DigiWallet provides real-time insights, secure
|
||
transactions, and a user-friendly interface. Take control of
|
||
your financial future with us today!
|
||
</p>
|
||
<ul>
|
||
<li>
|
||
<a href="#"
|
||
><img
|
||
src="images/appstore.png"
|
||
class="wow fadeInUp"
|
||
data-wow-delay="0.4s"
|
||
/></a>
|
||
</li>
|
||
<li>
|
||
<a href="#"
|
||
><img
|
||
src="images/playstore.png"
|
||
class="wow fadeInUp"
|
||
data-wow-delay="0.7s"
|
||
/></a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4 col-sm-12">
|
||
<img
|
||
src="images/iphone-screen.png"
|
||
class="img-fluid wow fadeInUp"
|
||
/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<span class="svg-wave">
|
||
<img class="svg-hero" src="images/applight-wave.svg" />
|
||
</span>
|
||
</section>
|
||
|
||
<!-------Banner End------->
|
||
|
||
<!-------About End------->
|
||
|
||
<section class="about section-padding prelative" data-scroll-index="1">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<div class="sectioner-header text-center">
|
||
<h3>About</h3>
|
||
<span class="line"></span>
|
||
<p>
|
||
The newest way to track your digital currencies has arrived.
|
||
Check out just why DigiWallet is the best choice for you:
|
||
</p>
|
||
</div>
|
||
<div class="section-content text-center">
|
||
<div class="row">
|
||
<div class="col-md-4">
|
||
<div class="icon-box wow fadeInUp" data-wow-delay="0.2s">
|
||
<i class="fa fa-life-ring" aria-hidden="true"></i>
|
||
<h5>Support</h5>
|
||
<p>
|
||
we pride ourselves on exceptional customer service. Our
|
||
dedicated team ensures that your queries are addressed
|
||
promptly, with an average response time of under an hour.
|
||
Your satisfaction is our priority!
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<div class="icon-box wow fadeInUp" data-wow-delay="0.4s">
|
||
<i class="fa fa-mobile" aria-hidden="true"></i>
|
||
<h5>Cross Platform</h5>
|
||
<p>
|
||
Seamlessly manage your digital currencies across
|
||
platforms. Whether you’re an iPhone enthusiast or an
|
||
Android aficionado, our app ensures a consistent
|
||
experience. Monitor your crypto holdings effortlessly,
|
||
anytime, anywhere!
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<div class="icon-box wow fadeInUp" data-wow-delay="0.6s">
|
||
<i class="fa fa-bolt" aria-hidden="true"></i>
|
||
<h5>Fast</h5>
|
||
<p>
|
||
DigiWallet doesn’t just track digital currencies; it does
|
||
so with lightning speed. Real-time updates, seamless
|
||
transactions, and minimal lag ensure you stay ahead in the
|
||
crypto game. Experience swift performance like never
|
||
before!
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<a href="#" class="about-btn">Learn More</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-------About End------->
|
||
|
||
<!-------Video Start------->
|
||
<section class="video-section prelative text-center white">
|
||
<div class="section-padding video-overlay">
|
||
<div class="container">
|
||
<h3>Watch Now</h3>
|
||
<i class="fa fa-play" id="video-icon" aria-hidden="true"></i>
|
||
<div class="video-popup">
|
||
<div class="video-src">
|
||
<div class="iframe-src">
|
||
<iframe
|
||
src="https://www.youtube.com/embed/Ku52zNnft8k?rel=0&showinfo=0"
|
||
allowfullscreen
|
||
></iframe>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-------Video End------->
|
||
|
||
<!-------Features Start------->
|
||
<section class="feature section-padding" data-scroll-index="2">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<div class="sectioner-header text-center">
|
||
<h3>Features</h3>
|
||
<span class="line"></span>
|
||
<p>
|
||
From real-time market data to secure transactions, our app is
|
||
packed with features that empower your crypto journey.
|
||
DigiWallet isn’t just a digital wallet; it’s an entire financial
|
||
ecosystem.
|
||
</p>
|
||
</div>
|
||
<div class="section-content text-center">
|
||
<div class="row">
|
||
<div class="col-md-4 col-sm-12">
|
||
<div
|
||
class="media single-feature wow fadeInUp"
|
||
data-wow-delay="0.2s"
|
||
>
|
||
<div class="media-body text-right media-right-margin">
|
||
<h5>Fast Processing</h5>
|
||
<p>
|
||
Lightning-speed transactions for seamless crypto
|
||
management.
|
||
</p>
|
||
</div>
|
||
<div class="media-right icon-border">
|
||
<span class="fa fa-bolt" aria-hidden="true"></span>
|
||
</div>
|
||
</div>
|
||
<div
|
||
class="media single-feature wow fadeInUp"
|
||
data-wow-delay="0.4s"
|
||
>
|
||
<div class="media-body text-right media-right-margin">
|
||
<h5>Low Power Consuming</h5>
|
||
<p>
|
||
Efficient resource usage, preserving your device’s
|
||
battery life.
|
||
</p>
|
||
</div>
|
||
<div class="media-right icon-border">
|
||
<span
|
||
class="fa fa-battery-full"
|
||
aria-hidden="true"
|
||
></span>
|
||
</div>
|
||
</div>
|
||
<div
|
||
class="media single-feature wow fadeInUp"
|
||
data-wow-delay="0.6s"
|
||
>
|
||
<div class="media-body text-right media-right-margin">
|
||
<h5>Wifi Compatibility</h5>
|
||
<p>
|
||
Stay connected and manage your assets wherever you are.
|
||
</p>
|
||
</div>
|
||
<div class="media-right icon-border">
|
||
<span class="fa fa-wifi" aria-hidden="true"></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4 d-none d-md-block d-lg-block">
|
||
<div class="feature-mobile">
|
||
<img
|
||
src="images/iphone-screen-with-shadow.png"
|
||
class="img-fluid wow fadeInUp"
|
||
/>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4 col-sm-12">
|
||
<div
|
||
class="media single-feature wow fadeInUp"
|
||
data-wow-delay="0.2s"
|
||
>
|
||
<div class="media-left icon-border media-right-margin">
|
||
<span
|
||
class="fa fa-check-double"
|
||
aria-hidden="true"
|
||
></span>
|
||
</div>
|
||
<div class="media-body text-left">
|
||
<h5>Regular Updates</h5>
|
||
<p>
|
||
We’re committed to enhancing your experience with
|
||
frequent app improvements.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div
|
||
class="media single-feature wow fadeInUp"
|
||
data-wow-delay="0.4s"
|
||
>
|
||
<div class="media-left icon-border media-right-margin">
|
||
<span class="fa fa-dollar-sign" aria-hidden="true"></span>
|
||
</div>
|
||
<div class="media-body text-left">
|
||
<h5>Save Money</h5>
|
||
<p>
|
||
Track your investments wisely and make informed
|
||
decisions.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div
|
||
class="media single-feature wow fadeInUp"
|
||
data-wow-delay="0.6s"
|
||
>
|
||
<div class="media-left icon-border media-right-margin">
|
||
<span class="fa fa-hdd" aria-hidden="true"></span>
|
||
</div>
|
||
<div class="media-body text-left">
|
||
<h5>Unlimited Storage</h5>
|
||
<p>Safeguard your digital wealth without limitations.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-------Features End------->
|
||
|
||
<!-------Team Start------->
|
||
<section class="team section-padding" data-scroll-index="3">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<div class="sectioner-header text-center">
|
||
<h3>Our Team</h3>
|
||
<span class="line"></span>
|
||
<p>
|
||
Meet our team of dedicated professionals bringing more money to
|
||
your wallet:
|
||
</p>
|
||
</div>
|
||
<div class="section-content text-center">
|
||
<div class="row">
|
||
<div class="col-md-4">
|
||
<div class="team-detail wow bounce" data-wow-delay="0.2s">
|
||
<img src="images/user1.jpg" class="img-fluid" />
|
||
<h4>Nitu Singh</h4>
|
||
<p>UX Designer</p>
|
||
<p>
|
||
Crafting intuitive interfaces for seamless user
|
||
interactions.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<div class="team-detail wow bounce" data-wow-delay="0.4s">
|
||
<img src="images/user2.jpg" class="img-fluid" />
|
||
<h4>Yogesh Singh</h4>
|
||
<p>CEO & Founder</p>
|
||
<p>
|
||
Visionary leader with a passion for blockchain technology.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<div class="team-detail wow bounce" data-wow-delay="0.6s">
|
||
<img src="images/user3.jpg" class="img-fluid" />
|
||
<h4>Nisha Sharma</h4>
|
||
<p>Web Developer</p>
|
||
<p>Tech wizard who ensures DigiWallet’s robustness.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-------Team End------->
|
||
|
||
<!-------Testimonial Start------->
|
||
<section class="testimonial section-padding" data-scroll-index="4">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<div class="sectioner-header text-center white">
|
||
<h3>Testimonials</h3>
|
||
<span class="line"></span>
|
||
<p class="white">
|
||
Don't take our word for it! Read what these absolute suckers
|
||
have to say about us:
|
||
</p>
|
||
</div>
|
||
|
||
<div class="section-content">
|
||
<div class="row">
|
||
<div class="offset-md-2 col-md-8 col-sm-12">
|
||
<div class="slider">
|
||
<div class="slider-item">
|
||
<div class="test-img">
|
||
<img
|
||
src="images/user1.jpg"
|
||
alt="Placeholder"
|
||
width="157"
|
||
height="157"
|
||
/>
|
||
</div>
|
||
<div class="test-text">
|
||
<span class="title"
|
||
><span>Joan Michal</span> Digital Designer</span
|
||
>
|
||
DigiWallet transformed my crypto experience! The app’s
|
||
simplicity and real-time updates are unmatched.
|
||
</div>
|
||
</div>
|
||
<div class="slider-item">
|
||
<div class="test-img">
|
||
<img
|
||
src="images/user2.jpg"
|
||
alt="Placeholder"
|
||
width="157"
|
||
height="157"
|
||
/>
|
||
</div>
|
||
<div class="test-text">
|
||
<span class="title"
|
||
><span>Steve Smith</span> App User</span
|
||
>
|
||
I’ve tried other wallets, but DigiWallet’s speed and
|
||
reliability won me over.
|
||
</div>
|
||
</div>
|
||
<div class="slider-item">
|
||
<div class="test-img">
|
||
<img
|
||
src="images/user3.jpg"
|
||
alt="Placeholder"
|
||
width="157"
|
||
height="157"
|
||
/>
|
||
</div>
|
||
<div class="test-text">
|
||
<span class="title"
|
||
><span>Gordon Shaw</span> Blogger</span
|
||
>
|
||
Unlimited storage? Count me in! DigiWallet is my go-to
|
||
for managing my digital assets.
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-------Testimonial End------->
|
||
|
||
<!-------FAQ Start------->
|
||
<section class="faq section-padding prelative" data-scroll-index="5">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<div class="sectioner-header text-center">
|
||
<h3>Frequently Asked Questions</h3>
|
||
<span class="line"></span>
|
||
<p>
|
||
Don't be one of these stupids. Read our documentation and guides
|
||
or we might put your question here for all to laugh at!
|
||
</p>
|
||
</div>
|
||
<div class="section-content">
|
||
<div class="row">
|
||
<div
|
||
class="col-md-6 faq-content wow fadeInUp"
|
||
data-wow-delay="0.2s"
|
||
>
|
||
<h4>
|
||
Is DigiWallet available on both iPhones and Android devices?
|
||
</h4>
|
||
<p>
|
||
Absolutely! DigiWallet is cross-platform, supporting both
|
||
iOS and Android. Download it from the App Store or Google
|
||
Play.
|
||
</p>
|
||
</div>
|
||
<div
|
||
class="col-md-6 faq-content wow fadeInUp"
|
||
data-wow-delay="0.2s"
|
||
>
|
||
<h4>
|
||
How fast are transactions processed within DigiWallet?
|
||
</h4>
|
||
<p>
|
||
Lightning-speed! Our app ensures swift crypto transactions,
|
||
minimizing wait times.
|
||
</p>
|
||
</div>
|
||
<div
|
||
class="col-md-6 faq-content wow fadeInUp"
|
||
data-wow-delay="0.4s"
|
||
>
|
||
<h4>Does DigiWallet consume a lot of battery power?</h4>
|
||
<p>
|
||
Not at all! We’ve optimized DigiWallet for low power
|
||
consumption, preserving your device’s battery life.
|
||
</p>
|
||
</div>
|
||
<div
|
||
class="col-md-6 faq-content wow fadeInUp"
|
||
data-wow-delay="0.4s"
|
||
>
|
||
<h4>Is DigiWallet compatible with Wi-Fi networks?</h4>
|
||
<p>
|
||
Yes! Stay connected and manage your digital assets
|
||
seamlessly, whether you’re on Wi-Fi or mobile data
|
||
</p>
|
||
</div>
|
||
<div
|
||
class="col-md-6 faq-content wow fadeInUp"
|
||
data-wow-delay="0.6s"
|
||
>
|
||
<h4>How often does DigiWallet receive updates?</h4>
|
||
<p>
|
||
Regularly! We’re committed to enhancing your experience with
|
||
frequent app updates and improvements.
|
||
</p>
|
||
</div>
|
||
<div
|
||
class="col-md-6 faq-content wow fadeInUp"
|
||
data-wow-delay="0.6s"
|
||
>
|
||
<h4>
|
||
Can I store an unlimited amount of digital currencies in
|
||
DigiWallet?
|
||
</h4>
|
||
<p>
|
||
Absolutely! DigiWallet offers unlimited storage for your
|
||
crypto holdings. Your wealth knows no bounds!
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-------FAQ End------->
|
||
|
||
<!-------Contact Start------->
|
||
<section class="contact section-padding" data-scroll-index="6">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<div class="sectioner-header text-center">
|
||
<h3>Contact us</h3>
|
||
<span class="line"></span>
|
||
<p>
|
||
If you still have any questions or concerns; we would rather you
|
||
fuck off. If you still feel the need to contact us; please do so
|
||
below:
|
||
</p>
|
||
</div>
|
||
<div class="section-content">
|
||
<div class="row">
|
||
<div class="col-sm-12 col-md-12 col-lg-8">
|
||
<form id="contact_form" action="">
|
||
<div class="row">
|
||
<div class="col">
|
||
<input
|
||
type="text"
|
||
id="your_name"
|
||
class="form-input w-100"
|
||
name="full-name"
|
||
placeholder="Full Name"
|
||
required
|
||
/>
|
||
</div>
|
||
<div class="col">
|
||
<input
|
||
type="email"
|
||
id="email"
|
||
class="form-input w-100"
|
||
name="email"
|
||
placeholder="Email"
|
||
required
|
||
/>
|
||
</div>
|
||
</div>
|
||
<input
|
||
type="text"
|
||
id="subject"
|
||
class="form-input w-100"
|
||
name="subject"
|
||
placeholder="Subject"
|
||
/>
|
||
<textarea
|
||
class="form-input w-100"
|
||
id="message"
|
||
placeholder="Message"
|
||
name="message"
|
||
></textarea>
|
||
<button
|
||
class="btn-grad w-100 text-uppercase"
|
||
type="submit"
|
||
name="button"
|
||
>
|
||
submit
|
||
</button>
|
||
</form>
|
||
</div>
|
||
<div class="col-sm-12 col-md-12 col-lg-4">
|
||
<div class="contact-info white">
|
||
<div class="contact-item media">
|
||
<i
|
||
class="fa fa-map-marker-alt media-left media-right-margin"
|
||
></i>
|
||
<div class="media-body">
|
||
<p class="text-uppercase">Address</p>
|
||
<p class="text-uppercase">Pittsburgh, USA</p>
|
||
</div>
|
||
</div>
|
||
<div class="contact-item media">
|
||
<i class="fa fa-mobile media-left media-right-margin"></i>
|
||
<div class="media-body">
|
||
<p class="text-uppercase">Phone</p>
|
||
<p class="text-uppercase">
|
||
<a class="text-white" href="tel: +8225319000"
|
||
>82-2-531-9000</a
|
||
>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div class="contact-item media">
|
||
<i
|
||
class="fa fa-envelope media-left media-right-margin"
|
||
></i>
|
||
<div class="media-body">
|
||
<p class="text-uppercase">E-mail</p>
|
||
<p class="text-uppercase">
|
||
<a class="text-white" href="mailto:abcdefg@gmail.com"
|
||
>support@fuckyou.day</a
|
||
>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div class="contact-item media">
|
||
<i class="fa fa-clock media-left media-right-margin"></i>
|
||
<div class="media-body">
|
||
<p class="text-uppercase">Working Hours</p>
|
||
<p class="text-uppercase">Mon-Fri 9.00 AM to 9.01AM.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-------Contact End------->
|
||
|
||
<!-------Download End------->
|
||
<section class="download section-padding">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<div class="sectioner-header text-center white">
|
||
<h3>Download Our App</h3>
|
||
<span class="line"></span>
|
||
<p class="white">
|
||
If you have made it this far, sure go ahead and click these link
|
||
and start downloading things?
|
||
</p>
|
||
<p>Why the hell not?</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-12">
|
||
<div class="section-content text-center">
|
||
<ul>
|
||
<li>
|
||
<a href="#"
|
||
><img
|
||
src="images/appstore.png"
|
||
class="wow fadeInUp"
|
||
data-wow-delay="0.4s"
|
||
/></a>
|
||
</li>
|
||
<li>
|
||
<a href="#"
|
||
><img
|
||
src="images/playstore.png"
|
||
class="wow fadeInUp"
|
||
data-wow-delay="0.7s"
|
||
/></a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-------Download End------->
|
||
|
||
<footer class="footer-copy">
|
||
<div class="container-fluid">
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<p>
|
||
2018 © Applight. Website Designed by
|
||
<a href="http://w3Template.com" target="_blank" rel="dofollow"
|
||
>W3 Template</a
|
||
>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
|
||
<script
|
||
src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"
|
||
integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T"
|
||
crossorigin="anonymous"
|
||
></script>
|
||
<script src="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.min.js"></script>
|
||
<!-- scrollIt js -->
|
||
<script src="js/scrollIt.min.js"></script>
|
||
<script src="js/wow.min.js"></script>
|
||
<script>
|
||
wow = new WOW();
|
||
wow.init();
|
||
$(document).ready(function (e) {
|
||
$("#video-icon").on("click", function (e) {
|
||
e.preventDefault();
|
||
$(".video-popup").css("display", "flex");
|
||
$(".iframe-src").slideDown();
|
||
});
|
||
$(".video-popup").on("click", function (e) {
|
||
var $target = e.target.nodeName;
|
||
var video_src = $(this).find("iframe").attr("src");
|
||
if ($target != "IFRAME") {
|
||
$(".video-popup").fadeOut();
|
||
$(".iframe-src").slideUp();
|
||
$(".video-popup iframe").attr("src", " ");
|
||
$(".video-popup iframe").attr("src", video_src);
|
||
}
|
||
});
|
||
|
||
$(".slider").bxSlider({
|
||
pager: false,
|
||
});
|
||
});
|
||
|
||
$(window).on("scroll", function () {
|
||
var bodyScroll = $(window).scrollTop(),
|
||
navbar = $(".navbar");
|
||
|
||
if (bodyScroll > 50) {
|
||
$(".navbar-logo img").attr("src", "images/logo-black.png");
|
||
navbar.addClass("nav-scroll");
|
||
} else {
|
||
$(".navbar-logo img").attr("src", "images/logo.png");
|
||
navbar.removeClass("nav-scroll");
|
||
}
|
||
});
|
||
$(window).on("load", function () {
|
||
var bodyScroll = $(window).scrollTop(),
|
||
navbar = $(".navbar");
|
||
|
||
if (bodyScroll > 50) {
|
||
$(".navbar-logo img").attr("src", "images/logo-black.png");
|
||
navbar.addClass("nav-scroll");
|
||
} else {
|
||
$(".navbar-logo img").attr("src", "images/logo-white.png");
|
||
navbar.removeClass("nav-scroll");
|
||
}
|
||
|
||
$.scrollIt({
|
||
easing: "swing", // the easing function for animation
|
||
scrollTime: 900, // how long (in ms) the animation takes
|
||
activeClass: "active", // class given to the active nav element
|
||
onPageChange: null, // function(pageIndex) that is called when page is changed
|
||
topOffset: -63,
|
||
});
|
||
});
|
||
</script>
|
||
</body>
|
||
</html>
|