File: /home/emblazeone/public_html/lyyt/slice/mini.html
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>LYYT</title>
<link rel="shortcut icon" href="images/fav.png" type="image/png">
<link href="https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@200;300;400;500;600;700;900&display=swap"
rel="stylesheet">
<script src="https://kit.fontawesome.com/fc70117f52.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/owl.carousel.css">
<link rel="stylesheet" href="css/owl.theme.default.css">
<link rel="stylesheet" href="css/icomoon.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!--///////////////...Header....////////////////-->
<header>
<div class="container bg-white">
<div class="row pt-1 pb-1">
<div class="col col-md-3 col-lg logo m-auto mt-lg-auto mb-lg-auto text-center">
<a href="index.html"><img class="w-100" src="images/logo.png" alt=""></a>
</div>
<div class="col navbar navbar-expand-md p-md-4 p-lg-3 p-xl-2 m-auto">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<i class="icon-menu"></i>
</button>
<div class="navbar-content collapse navbar-collapse d-md-flex justify-content-center" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item"><a
class="nav-link text-white text-uppercase p-0 mr-5 pl-md-4 pl-lg-0 ml-auto mt-lg-2 mt-xl-4 mr-lg-3 mr-xl-4 ml-xl-0 font-weight-bold"
href="#">DUAL</a></li>
<li class="nav-item"><a
class="nav-link text-white text-uppercase p-0 mr-5 ml-auto m-lg-2 m-xl-4 font-weight-bold"
href="mini.html">Mini</a></li>
<li class="nav-item"><a
class="nav-link text-white text-uppercase p-0 mr-5 ml-auto m-lg-2 m-xl-4 font-weight-bold"
href="#">Pods</a></li>
<li class="nav-item"><a
class="nav-link text-white text-uppercase p-0 mr-5 ml-auto m-lg-2 m-xl-4 font-weight-bold"
href="#">LYYT</a></li>
</ul>
</div>
</div>
<div class="head_social p-sm-0 wow fadeInDown ">
<nav>
<div class="menu-btn">
<div class="line line--1"></div>
<div class="line line--2"></div>
<div class="line line--3"></div>
</div>
<div class="nav-links">
<a href="" class="link">LYYT MINI</a>
<a href="" class="link">LYYT DUAL</a>
<a href="" class="link">DUAL PODS</a>
<a href="mini.html" class="link">MINI PODS</a>
<a href="about_us.html" class="link">OUR COMPANY</a>
<a href="returns.html" class="link">SHIPPING & RETURNS</a>
<a href="contact.html" class="link">CONTACT US</a>
<ul>
<li>
<a href="#">Support</a>
</li>
<li>
<a href="#">Faq</a>
</li>
<li>
<a href="#">Terms and Conditions</a>
</li>
<li>
<a href="privacy.html">Privacy Policy</a>
</li>
<li>
<a href="#">Verify Lyyt</a>
</li>
</ul>
<div class="hash">
#LYYTlife
<a class="text-white text-decoration-none text-center" href="#" title="instagram"><i
class="fab fa-instagram"></i></a>
<a class="text-white text-decoration-none text-center" href="#" title="Facebook"><i
class="fab fa-facebook"></i></a>
</div>
<p>© LYYT. ALL RIGHTS RESERVED.</p>
</div>
</nav>
</div>
</div>
</div>
</header>
<!--///////////////...Header-end....////////////////-->
<section class="mini_main_block">
<div class="container">
<div class="row align-items-center">
<div class="col-sm-6 col-12 text-center">
<img src="images/mini_main.png" alt="">
</div>
<div class="col-sm-6 col-12 text-center">
<div class="new">NEW</div>
<div class="mb-4"><img src="images/mini_logo.png" alt=""></div>
<h2>mini</h2>
<p class="pt-4 pb-4">
Smallest vape on the market with the state-of-the-art engineering and material design
</p>
<a href="#" class="btn mb-4">
BUY NOW!
</a>
<img src="images/card.png" alt="" />
<p class="safe">100% safe & secure ordering</p>
<div class="d-flex justify-content-center w-100">
<div class="descript">
<img src="images/icon_ship.png" alt="">
<p>Free Shipping</p>
</div>
<div class="descript">
<img src="images/icon_return.png" alt="">
<p>Free & Easy Returns</p>
</div>
</div>
<div class="haveq">
Have Questions about LYYT?<br>
<a href="#">FAQ</a>
</div>
</div>
</div>
</div>
</section>
<section class="orange_sec scrollflow -opacity -slide-top">
<div class="container">
<div class="row">
<div class="col-12 col-sm-4 text-center">
<img src="images/icon_orange_block.png" alt="" />
<p>
3-way temperature control for each cartridge. Choose heat level separately or simultaneously
</p>
</div>
<div class="col-12 col-sm-4 text-center">
<img src="images/icon_orange_block_2.png" alt="" />
<p>
380 mAh battery provides maximum vapes per charge 3X longer than other vape batteries
</p>
</div>
<div class="col-12 col-sm-4 text-center">
<img src="images/icon_orange_block_3.png" alt="" />
<p>
Pre-heat setting, no waiting, no clogs. A fast and easy vaping experience
</p>
</div>
</div>
</div>
</section>
<section class="gallery_mini scrollflow -opacity -slide-left">
<h2>What’s in the box?</h2>
<div class="d-flex flex-wrap bg_silver justify-content-center">
<img src="images/mini_1.png" alt="" />
<img src="images/mini_2.png" alt="" />
<img src="images/mini_3.png" alt="" />
<img src="images/mini_4.png" alt="" />
<img src="images/mini_5.png" alt="" />
<img src="images/mini_6.png" alt="" />
<img src="images/mini_7.png" alt="" />
<img src="images/mini_8.png" alt="" />
<img src="images/mini_9.png" alt="" />
</div>
</section>
<section class="faq">
<div class="container">
<h2>Frequently Asked Questions</h2>
<div class="row justify-content-center">
<div class="col-12 col-sm-10">
<div class="accordion" id="accordionExample">
<div class="card">
<div class="card-header" id="headingOne">
<h2 class="mb-0">
<button class="btn btn-link btn-block text-left" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
Praesent facilisis tellus lectus, vel rutrum massa tempor at.?
</button>
</h2>
</div>
<div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordionExample">
<div class="card-body">
Vivamus vel tempus ipsum, id eleifend lacus. Mauris malesuada lectus lacinia orci scelerisque, sed blandit turpis vehicula. Proin a consequat libero, sed dictum purus. Suspendisse fringilla nibh eu bibendum sodales.
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingTwo">
<h2 class="mb-0">
<button class="btn btn-link btn-block text-left collapsed" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
Phasellus pharetra metus ipsum, ut fringilla urna pulvinar quis.
</button>
</h2>
</div>
<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample">
<div class="card-body">
Vivamus vel tempus ipsum, id eleifend lacus. Mauris malesuada lectus lacinia orci scelerisque, sed blandit turpis vehicula. Proin a consequat libero, sed dictum purus. Suspendisse fringilla nibh eu bibendum sodales.
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingThree">
<h2 class="mb-0">
<button class="btn btn-link btn-block text-left collapsed" type="button" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
Pellentesque sed sem nec metus accumsan feugiat
</button>
</h2>
</div>
<div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordionExample">
<div class="card-body">
Vivamus vel tempus ipsum, id eleifend lacus. Mauris malesuada lectus lacinia orci scelerisque, sed blandit turpis vehicula. Proin a consequat libero, sed dictum purus. Suspendisse fringilla nibh eu bibendum sodales.
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingfor">
<h2 class="mb-0">
<button class="btn btn-link btn-block text-left collapsed" type="button" data-toggle="collapse" data-target="#headingfor" aria-expanded="false" aria-controls="collapseThree">
Donec porttitor ligula eget enim consectetur gravida.
</button>
</h2>
</div>
<div id="collapsefor" class="collapse" aria-labelledby="headingfor" data-parent="#accordionExample">
<div class="card-body">
Vivamus vel tempus ipsum, id eleifend lacus. Mauris malesuada lectus lacinia orci scelerisque, sed blandit turpis vehicula. Proin a consequat libero, sed dictum purus. Suspendisse fringilla nibh eu bibendum sodales.
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingfive">
<h2 class="mb-0">
<button class="btn btn-link btn-block text-left collapsed" type="button" data-toggle="collapse" data-target="#headingfive" aria-expanded="false" aria-controls="collapseThree">
Maecenas aliquam, eros at blandit elementum?
</button>
</h2>
</div>
<div id="collapsefive" class="collapse" aria-labelledby="headingfive" data-parent="#accordionExample">
<div class="card-body">
Vivamus vel tempus ipsum, id eleifend lacus. Mauris malesuada lectus lacinia orci scelerisque, sed blandit turpis vehicula. Proin a consequat libero, sed dictum purus. Suspendisse fringilla nibh eu bibendum sodales.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="mini_main_block bottom">
<div class="container">
<div class="row align-items-center justify-content-end">
<div class="col-sm-5 col-12 text-center">
<h2>mini</h2>
<p class="pt-4 pb-4">
Mauris malesuada lectus lacinia orci scelerisque, sed blandit turpis vehicula.
</p>
<a href="#" class="btn mb-4">
BUY NOW!
</a>
<img src="images/card.png" alt="" />
<p class="safe">100% safe & secure ordering</p>
</div>
</div>
</div>
</section>
<!--///////////////////....Footer....////////////////////-->
<footer class=" wow fadeInUp">
<div class="container">
<div class="row pb-5">
<div class="col-12 text-sm-left text-center col-sm-4 offset-sm-0 col-lg-3 offset-lg-0 order-8 order-lg-5 foot_item mt-3 mt-lg-5">
<div class="hash">#LYYTlife</div>
<div class="foot_social mt-sm-5 mt-lg-4 d-flex justify-content-sm-start justify-content-center">
<a class="text-white text-decoration-none text-center" href="#" title="instagram"><i
class="fab fa-instagram"></i></a>
<a class="text-white text-decoration-none text-center" href="#" title="Facebook"><i
class="fab fa-facebook"></i></a>
</div>
</div>
<div class="col-sm-4 col-lg-4 order-6 text-sm-left text-center offset-lg-1 foot_item mt-3 mt-lg-5">
<ul class="list-unstyled ">
<li>
<a href="#">LYYT MINI</a>
</li>
<li>
<a href="#">LYYT DUAL</a>
</li>
<li>
<a href="#">DUAL PODS</a>
</li>
<li>
<a href="#">MINI PODS</a>
</li>
<li>
<a href="about_us.html">OUR COMPANY</a>
</li>
<li>
<a href="#">TEST RESULTS</a>
</li>
<li>
<a href="#">LOGIN</a>
</li>
<li>
<a href="contact.html">CONTACT US</a>
</li>
</ul>
</div>
<div class="col-sm-4 text-sm-left text-center col-lg-4 order-7 foot_item mt-3 mt-lg-5">
<h2 class="text-white text-center text-lg-left pb-3">Subscribe</h2>
<form action="" method="post" class="d-flex mb-4">
<input class="w-100 pl-3 bg-dark text-white border-0 shadow-none" type="email" name="email"
placeholder="Your Email">
<button class="btn shadow-none" type="reset">
GO
</button>
</form>
<ul class="list-unstyled text-uppercase">
<li>
<a href="#">Support</a>
</li>
<li>
<a href="#">Faq</a>
</li>
<li>
<a href="#">Terms and Conditions</a>
</li>
<li>
<a href="privacy.html">Privacy Policy</a>
</li>
<li>
<a href="#">Verify Lyyt</a>
</li>
</ul>
</div>
</div>
</div>
<div class="white_bottom text-center">
<img src="images/bottom_card.png" alt="">
<p>This statement have not been evaluated by the food and drug administration (FDA). These products are not intended to diagnose, treat, cure or prevent any disease</p>
</div>
</footer>
<!--///////////////////....Footer-end....////////////////////-->
<script src="js/jquery-2.2.1.min.js"></script>
<script src="js/owl.carousel.js"></script>
<script src="js/owl.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/imagesloaded.pkgd.min.js"></script>
<script src="js/anime.min.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/scrollflow.js"></script>
<script src="js/scripts.js"></script>
</body>
</html>