<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Skybeth</title>
  <base href="/">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <link rel="icon" type="image/x-icon" href="favicon.ico">

<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="assets/css/responsive.css">
  <link rel="preconnect" href="https://fonts.gstatic.com">
  <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&amp;display=swap" rel="stylesheet">
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

<link rel="stylesheet" href="styles.css"></head>
<body style="background: #f3f6ff" class="mat-typography">
 
    <app-root></app-root>
 
       <!--Start footer area-->  
       <footer class="footer-area">
        <div class="container">
            <div class="row">
                <!--Start single footer widget-->
                <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12">
                    <div class="single-footer-widget mar-btm">
                        <div class="title">
                            <h3>Get in Touch</h3>
                            <span class="border"></span>
                        </div>
                        <!--<div class="footer-logo">
                            <a href="index.html">
                                <img src="assets/images/resources/kir.jpg" alt="Awesome Footer Logo">
                            </a>
                        </div>-->
                        <div class="our-info">
                           <!-- <div class="text">    
                                <p> We are dedicated provides, Read More...</p>
                            </div>-->
                            <ul class="footer-contact-info">
                               <!-- <li>
                                    <div class="icon-holder">
                                        <span class="flaticon-technology"></span>
                                    </div>
                                    <div class="text-holder">
                                        <h5>202-456-7890</h5>
                                    </div>
                                </li>-->
                                <li>
                                    <div class="icon-holder">
                                        <span class="flaticon-note"></span>
                                    </div>
                                    <div class="text-holder">
                                        <a href="./contact"><h5>skybeth@gmail.com</h5></a>
                                    </div>
                                </li>
                                <li>
                                    <div class="icon-holder">
                                        <span class="flaticon-signs"></span>
                                    </div>
                                    <!--<div class="text-holder">
                                        <h5>1932 9th street NW, Washington, D.C 20001 </h5>
                                    </div>-->
                                </li>
                            </ul>
                            <ul class="footer-social-links socialicon-style-two">
                                <li><a href="https://www.facebook.com/kirar.kirar.37625" target="_blank"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
                                <li><a href="https://www.instagram.com/kirar_coffee_tea_honey/?igshid=YmMyMTA2M2Y%3D" target="_blank"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
                                <li><a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a></li>
                                <li><a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
                               
                            </ul>
                        </div>
                    </div>
                </div>
                <!--End single footer widget-->
                <!--Start single footer widget-->
                <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12">
                    <div class="single-footer-widget mar-lft mar-btm">
                        <div class="title">
                            <h3>Usefull Links</h3>
                            <span class="border"></span>
                        </div>
                        <ul class="usefull-links">
                            <li><a href="./shop"><i class="fa fa-angle-right" aria-hidden="true"></i>Product</a></li>
                            <li><a href="./contact"><i class="fa fa-angle-right" aria-hidden="true"></i>Contact Us</a></li>
                            <!--<li><a href="./about"><i class="fa fa-angle-right" aria-hidden="true"></i>About Us</a></li>-->
                            <li><a href="./"><i class="fa fa-angle-right" aria-hidden="true"></i>Home</a></li>
                           
                        </ul>
                    </div>
                </div>
                <!--Start single footer widget-->
                <!--Start single footer widget-->
                <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12">
                    <div class="single-footer-widget">
                        <div class="title">
                            <h3>Customer Hours</h3>
                            <span class="border"></span>
                        </div>
                        <ul class="newsletter-box">
                            <li>
                                <h5><i class="fa fa-clock-o" aria-hidden="true"></i> Monday - Saturday: 9.00am to 6.00pm<br>U.S. Eastern Time</h5>
                               <!-- <h6><i class="fa fa-clock-o" aria-hidden="true"></i> Sunday: Closed </h6>-->
                            </li>
                            
                        </ul>
                    </div>
                </div>
                <!--End single footer widget-->
                <!--Start single footer widget-->
                <!-- <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12">
                    <div class="single-footer-widget martop">
                        <div class="title">
                            <h3>Purchase Info.</h3>
                            <span class="border"></span>
                        </div>
                       <div class="newsletter-box">
                            <p>Payment Policy</p>
                            <p>Shipping Policy</p>
                            <p>Return Policy</p>
                           <form class="newsletter-form" action="#">
                                <input placeholder="Email Address" type="text">
                                <div class="envelope">
                                    <i class="fa fa-envelope" aria-hidden="true"></i>
                                </div>
                                <button type="submit">Send Now</button>
                            </form>
                            
                        </div>
                    </div>-->
                </div>
                <!--End single footer widget-->
            </div>
        </div>
    </footer>   
    <!--End footer area-->
    
    <!--Start footer bottom area--> 
    <section class="footer-bottom-area">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="footer-bottom">
                        <div class="copyright-text pull-left">
                            <p>Copyrights © 2022 All Rights Reserved by <a href="#">Skybeth</a>.</p> 
                        </div>
                        <!--<div class="footer-menu pull-right">
                            <ul>
                               
                                <li><a href="#">Privacy Policy</a></li>
                                <li><a href="#">Terms & Condition</a></li>        
                            </ul>
                        </div>-->
                    </div>    
                </div>
            </div>
        </div>    
    </section> 
 
   <!--====================Add New===========================================-->
    <!--Scroll to top-->
    <div class="scroll-to-top scroll-to-target" data-target="html"><span class="fa fa-angle-up"></span></div>
        
       
    <script src="assets/js/jquery.js"></script>
   
    <script src="assets/js/wow.min.js"></script>
   
    <script src="assets/js/bootstrap.min.js"></script>
  
    <script src="assets/js/jquery.bxslider.min.js"></script>
  
    <script src="assets/js/jquery.countTo.js"></script>
  
    <script src="assets/js/owl.carousel.min.js"></script>
   
    <script src="assets/js/validation.js"></script>
   
    <script src="assets/js/jquery.mixitup.min.js"></script>
   
    <script src="assets/js/jquery.easing.min.js"></script>
   
    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAHzPSV2jshbjI8fqnC_C4L08ffnj5EN3A"></script>
  
    <script src="assets/js/map-helper.js"></script>
  
    <script src="assets/js/jquery.fitvids.js"></script>
   
    <script src="assets/assets/jquery-ui-1.11.4/jquery-ui.js"></script>
   
    <script src="assets/assets/language-switcher/jquery.polyglot.language.switcher.js"></script>
   
    <script src="assets/js/jquery.fancybox.pack.js"></script>
    <script src="assets/js/jquery.appear.js"></script>
   
    <script src="assets/js/isotope.js"></script>
    <script src="assets/js/jquery.prettyPhoto.js"></script> 
   
    <script src="assets/assets/timepicker/timePicker.js"></script>

   <script src="assets/assets/html5lightbox/html5lightbox.js"></script>
        
       
   <script src="assets/assets/revolution/js/jquery.themepunch.tools.min.js"></script>
    <script src="assets/assets/revolution/js/jquery.themepunch.revolution.min.js"></script>
    <script src="assets/assets/revolution/js/extensions/revolution.extension.actions.min.js"></script>
    <script src="assets/assets/revolution/js/extensions/revolution.extension.carousel.min.js"></script>
    <script src="assets/assets/revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
    <script src="assets/assets/revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
    <script src="assets/assets/revolution/js/extensions/revolution.extension.migration.min.js"></script>
    <script src="assets/assets/revolution/js/extensions/revolution.extension.navigation.min.js"></script>
    <script src="assets/assets/revolution/js/extensions/revolution.extension.parallax.min.js"></script>
    <script src="assets/assets/revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
    <script src="assets/assets/revolution/js/extensions/revolution.extension.video.min.js"></script>

    <!-- thm custom script -->
    <script src="assets/js/custom.js"></script>
   <!--==================New end====================================-->
  <a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a>
        
 
  <!-- <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
   <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.bundle.min.js"></script>
   <script src="assets/wwwroot/lib/easing/easing.min.js"></script>
   <script src="assets/wwwroot/lib/slick/slick.min.js"></script>-->
   
  
  <!-- <script src="assets/wwwroot/js/main.js"></script>-->

  <script src="https://js.stripe.com/v3/"></script>

 <!-- <script>
    function myFunction() {
      var x = document.getElementById("myTopnav");
      if (x.className === "topnav") {
        x.className += " responsive";
      } else {
        x.className = "topnav";
      }
    }
    </script>-->


<script src="runtime.js" type="module"></script><script src="polyfills.js" type="module"></script><script src="vendor.js" type="module"></script><script src="main.js" type="module"></script></body>
</html>
