<!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>