File: /home/emblazeone/public_html/lyyt/slice/index.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....////////////////-->
<!--///////////////...Banner....////////////////-->
<section class="container-fluid banner">
<div class="row">
<div class="slideshow bg-dark w-100 position-relative overflow-hidden">
<div class="slides w-100 h-100 position-absolute">
<div class="slide slide--current w-100 h-100 d-flex justify-content-center flex-column position-absolute overflow-hidden">
<div class="slide__img w-100 h-100 position-absolute overflow-hidden"
style="background: url(images/slider_bg.jpg)"></div>
<div class="slide_descript">
<h3 class="slide__desc text-center text-white text-uppercase">LYYT YOUR LIFE</h3>
</div>
</div>
</div>
<div class="post_arr">
EXPLORE
<div class="orange">
<i class="fas fa-arrow-down"></i>
</div>
</div>
</div>
</div>
</section>
<!--///////////////...Banner-end....////////////////-->
<!--///////////////..OUR FAMILy....///////////////-->
<section class="collection bg-light">
<div class="container">
<div class="row collect_headline pb-5 justify-content-center">
<div class="col">
<h2 class="text-center text-uppercase pt-5 pb-5">OUR FAMILy</h2>
</div>
</div>
<div class="row collection_main justify-content-around">
<div class="col-sm-6 col-md-6 col-lg-6 collection_items wow zoomIn">
<div class="collect_item position-relative rounded mb-4 bg-white">
<img class="w-100" src="images/collection_1.png" alt="">
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-6 collection_items wow zoomIn">
<div class="collect_item position-relative rounded mb-4 bg-white">
<img class="w-100" src="images/collection_2.png" alt="">
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-6 collection_items wow zoomIn">
<div class="collect_item position-relative rounded mb-4 bg-white">
<img class="w-100" src="images/collection_3.png" alt="">
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-6 collection_items wow zoomIn">
<div class="collect_item position-relative rounded mb-4 bg-white">
<img class="w-100" src="images/collection_4.png" alt="">
</div>
</div>
</div>
</div>
</section>
<!--///////////////..OUR FAMILy-end....///////////////-->
<!--///////////////...Why_chose_us-block....////////////////-->
<section class="why_chose_us">
<div class="container">
<div class="m-auto wcu_headline pb-5 text-center">
<h2 class="text-center text-uppercase pt-5 pb-1">STAY CONNECTED WITH LYYT LIFE</h2>
<h4 class="text-center pb-1">Get all the latest updates from the LYTT, as they happen.</h4>
<a href="#" class="follow">FOLLOW US</a>
</div>
<div class="row wcu_decript">
<div class="col-12 col-lg-12 d-flex wow fadeInLeft" data-wow-offset="50">
<img src="images/img_1.png" alt="">
<img src="images/img_2.png" alt="">
<img src="images/img_3.png" alt="">
<img src="images/img_4.png" alt="">
</div>
</div>
</div>
</section>
<!--///////////////...Why_chose_us-block-end....////////////////-->
<!--///////////////////....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/scripts.js"></script>
</body>
</html>