<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="author" content="Untree.co">
<link rel="shortcut icon" href="favicon.png">
<meta name="description" content="" />
<meta name="keywords" content="bootstrap, bootstrap4" />
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<link rel="stylesheet" href="fonts/icomoon/style.css">
<link rel="stylesheet" href="fonts/feather/style.css">
<link rel="stylesheet" href="fonts/flaticon/font/flaticon.css">
<link rel="stylesheet" href="css/jquery.fancybox.min.css">
<link rel="stylesheet" href="css/aos.css">
<link rel="stylesheet" href="css/style.css">
<title>Jones</title>
</head>
<body>
<div class="site-mobile-menu site-navbar-target">
<div class="site-mobile-menu-header">
<div class="site-mobile-menu-close">
<span class="icofont-close js-menu-toggle"></span>
</div>
</div>
<div class="site-mobile-menu-body"></div>
</div>
<div class="container">
<nav class="site-nav">
<div class="logo">
<a href="index.html" class="text-white">Jones<span class="text-black">.</span></a>
</div>
<div class="row align-items-center">
<div class="col-12 col-sm-12 col-lg-12 site-navigation text-center">
<ul class="js-clone-nav d-none d-lg-inline-block text-left site-menu">
<li class="active"><a href="#hero">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#services">Services</a></li>
</ul>
<ul class="js-clone-nav d-none d-lg-inline-block text-left site-menu float-right menu-absolute">
<li class="cta-button"><a href="#subscribe" target="_blank">Subscribe</a></li>
</ul>
<a href="#" class="burger light ml-auto site-menu-toggle js-menu-toggle d-block d-lg-none" data-toggle="collapse" data-target="#main-navbar">
<span></span>
</a>
</div>
</div>
</nav> <!-- END nav -->
</div> <!-- END container -->
<div class="hero-slant overlay" data-stellar-background-ratio="0.5" style="background-image: url('images/hero-min.jpg')" id="hero">
<div class="container">
<div class="row align-items-center justify-content-between">
<div class="col-lg-7 intro">
<h1 class="text-white font-weight-bold mb-4" data-aos="fade-up" data-aos-delay="0">Your Favourite Deal for best life</h1>
<p class="text-white mb-4" data-aos="fade-up" data-aos-delay="100">Start new things can help you to live better using the Jones! Just find out services and start the adventure with us!, no limits!</p>
<form action="subscribe.php" method="get" class="sign-up-form d-flex" data-aos="fade-up" data-aos-delay="200">
<input type="text" class="form-control" name="email" placeholder="Enter email address">
<input type="submit" class="btn btn-primary" value="Sign up">
</form>
</div>
</div>
</div>
<div class="slant" style="background-image: url('images/slant.svg');"></div>
</div>
<div class="site-section" id="services">
<div class="container">
<div class="row mb-5">
<div class="col-12 text-center" data-aos="fade-up">
<h2 class="heading font-weight-bold mb-3">Our Services</h2>
</div>
</div>
<div class="row align-items-stretch">
<div class="col-md-6 col-lg-4 mb-4 mb-lg-4" data-aos="fade-up">
<div class="unit-4 d-flex">
<div class="unit-4-icon mr-4">
<span class="feather-shopping-bag"></span>
</div>
<div>
<h3>Couponing Deals</h3>
<p>Couponing allows you to save the most money. It is an addictive hobby loved by many NewSplits readers. </p>
<p><a href="#">Learn More</a></p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 mb-4 mb-lg-4" data-aos="fade-up" data-aos-delay="100">
<div class="unit-4 d-flex">
<div class="unit-4-icon mr-4">
<span class="feather-shopping-bag"></span>
</div>
<div>
<h3>Online Deals</h3>
<p>Sales and promotions you can score online without leaving your house. Many people prefer online deals due to convenience and time saving factors.</p>
<p><a href="#">Learn More</a></p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 mb-4 mb-lg-4" data-aos="fade-up" data-aos-delay="200">
<div class="unit-4 d-flex">
<div class="unit-4-icon mr-4">
<span class="feather-shopping-bag"></span>
</div>
<div>
<h3>Free Samples</h3>
<p>Free samples or coupons for full-sized freebies from national brands looking to have the public try their products. </p>
<p><a href="#">Learn More</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="site-section overlay site-cover-2" style="background-image: url('images/img_v_3-min.jpg')">
<div class="container">
<div class="row">
<div class="col-lg-7 mx-auto text-center">
<h2 class="text-white mb-4">Try this brand :)</h2>
<p class="mb-0"><a href="#hero" rel="noopener" class="btn btn-primary">Get it for free!</a></p>
</div>
</div>
</div>
</div>
<div class="features-lg " id="about">
<div class="container">
<div class="row feature align-items-center justify-content-between">
<div class="col-lg-7 section-stack order-lg-2 mb-4 mb-lg-0 position-relative" data-aos="fade-up" data-aos-delay="0">
<div class="image-stack">
<div class="image-stack__item image-stack__item--top">
<img src="images/img_h_2-min.jpg" alt="">
</div>
<div class="image-stack__item image-stack__item--bottom">
<img src="images/img_h_3-min.jpg" alt="">
</div>
</div>
</div>
<div class="col-lg-4 section-title" data-aos="fade-up" data-aos-delay="100">
<h2 class="font-weight-bold mb-4 heading">About</h2>
<p class="mb-4">In Jones find the ultimate deal you need, we have a huge options to choose without limits. Our community are growing faster, we have millions users that are like you
who are savy and passionate about finding and sharing good deals.
</p>
<p><a href="#" class="btn btn-primary">Get Started</a></p>
</div>
</div>
</div>
</div>
<div class="testimonial-section">
<div class="container">
<div class="row align-items-center justify-content-between">
<div class="col-lg-4 mb-5 section-title" data-aos="fade-up" data-aos-delay="0">
<h2 class="mb-4 font-weight-bold heading">Testimonials</h2>
</div>
<div class="col-lg-7" data-aos="fade-up" data-aos-delay="100">
<div class="testimonial--wrap">
<div class="owl-single owl-carousel no-dots no-nav">
<div class="testimonial-item">
<div class="d-flex align-items-center mb-4">
<div class="photo mr-3">
<img src="images/person_4-min.jpg" alt="Image" class="img-fluid">
</div>
<div class="author">
<cite class="d-block mb-0">Kaila Woodland</cite>
</div>
</div>
<blockquote>
<p>“Jones has given me the opportunity to try products I wouldn't normally buy..”</p>
</blockquote>
</div>
<div class="testimonial-item">
<div class="d-flex align-items-center mb-4">
<div class="photo mr-3">
<img src="images/person_1-min.jpg" alt="Image" class="img-fluid">
</div>
<div class="author">
<cite class="d-block mb-0">Kaila Woodland</cite>
</div>
</div>
<blockquote>
<p>“Jones has given me the opportunity to try products I wouldn't normally buy..”</p>
</blockquote>
</div>
<div class="testimonial-item">
<div class="d-flex align-items-center mb-4">
<div class="photo mr-3">
<img src="images/person_2-min.jpg" alt="Image" class="img-fluid">
</div>
<div class="author">
<cite class="d-block mb-0">Kaila Woodland</cite>
</div>
</div>
<blockquote>
<p>“Jones has given me the opportunity to try products I wouldn't normally buy..”</p>
</blockquote>
</div>
</div>
<div class="custom-nav-wrap">
<a href="#" class="custom-owl-prev"><span class="icon-keyboard_backspace"></span></a>
<a href="#" class="custom-owl-next"><span class="icon-keyboard_backspace"></span></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="site-section overlay site-cover-2" style="background-image: url('images/img_v_4-min.jpg')">
<div class="container">
<div class="row">
<div class="col-lg-7 mx-auto text-center">
<h2 class="text-white mb-4">Get Newsletters for free! :)</h2>
<p class="mb-0"><a href="#hero" rel="noopener" class="btn btn-primary">Get it for free!</a></p>
</div>
</div>
</div>
</div>
<div class="site-footer">
<div class="container">
<div class="row justify-content-center text-center copyright">
<div class="col-md-8">
<p>© <script>document.write(new Date().getFullYear());</script> All Rights Reserved. <a href="#hero">Jones</a> |
<a href="privacy.php">Privacy Policy </a> |
<a href="unsubscribe.php">Unsubscribe </a></p>
</br>
</div>
</div>
</div>
</div>
<div id="overlayer"></div>
<div class="loader">
<div class="spinner-border" role="status">
<span class="sr-only">Loading...</span>
</div>
</div>
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/jquery-migrate-3.0.0.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/aos.js"></script>
<script src="js/imagesloaded.pkgd.js"></script>
<script src="js/isotope.pkgd.min.js"></script>
<script src="js/jquery.animateNumber.min.js"></script>
<script src="js/jquery.stellar.min.js"></script>
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/jquery.fancybox.min.js"></script>
<script src="js/custom.js"></script>
</body>
</html>