HOME

Mini Shell 1.0
Current File : /home/htlwork.com/www/dev/smilekey/index.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>SmileKey</title>
    <link rel="stylesheet" href="style.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css"/>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css"/>
    <link href="https://fonts.googleapis.com/css2?family=Agdasima&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Outfit:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Sour+Gummy:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer" />

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">

    <link rel='stylesheet' href='https://cdn-uicons.flaticon.com/uicons-regular-rounded/css/uicons-regular-rounded.css'>



    <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Agdasima&family=Bebas+Neue&family=Bona+Nova:ital,wght@0,400;0,700;1,400&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Outfit:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Sour+Gummy:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">

</head>
<body>
    <header class="header">
        <nav class="navbar navbar-expand-lg ">
            <div class="container-fluid">
              <a class="navbar-brand" href="/"><img src="images/smiley-logo_4.avif" alt=""></a>
              <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
              </button>
              <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav mx-auto mb-2 mb-lg-0">
                  <li class="nav-item">
                    <a class="nav-link" aria-current="page" href="/">HOME</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="about_us.html">ABOUT US</a>
                  </li>
                  <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                      SHOP
                    </a>
                    <ul class="dropdown-menu">
                      <li><a class="dropdown-item" href="#">HONEY</a></li>
                      <li><a class="dropdown-item" href="#">GHEE</a></li>
                    </ul>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" aria-disabled="true" href="products.html">PRODUCTS</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" aria-disabled="true" href="blog.html">BLOG</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" aria-disabled="true" href="contact_us.html">CONTACT</a>
                  </li>
                </ul>
                <ul class="icons">
                  <li><a href="/"><i class="fa-solid fa-cart-shopping"><small>0</small></i></a></li>
                     <li><a href="/"><i class="fa-regular fa-user"></i></a></li>
                     <li><i class="fa-solid fa-magnifying-glass"></i></li>
                </ul>
              </div>
            </div>
          </nav>
    </header>
    


    <section class="banner-section position-relative">
      <div class="container">
        <div class="row align-items-center">
          <!-- Text Section -->
          <div class="col-lg-6 text-section">
            <p class="subtitle">Honey bees collect nectar</p>
            <h1 class="main-title">
              Natural Ingredients <span class="highlight">and Fine</span> Best Quality
            </h1>
            <p class="description">
              Our bees live naturally, producing pure honey that brings the benefits of nature to more people.
            </p>
            <div class="image-slider d-flex mt-3">
              <img src="images/about-1.webp" class="slider-img me-2" alt="Image 1">
              <img src="images/project-4.webp" class="slider-img me-2" alt="Image 2">
              <img src="images/grid-banner-img-left_770x_d8eb84af-92fc-46f1-9217-f2b72cad38ac.webp" class="slider-img" alt="Image 3">
            </div>
            <div class="button-group mt-4">
              <a href="#" class="btn ">Shop Now<i class="fa-solid fa-shop"></i></a>
              <a href="#" class="btn black">Contact Us<i class="fa-solid fa-phone"></i> </a>
            </div>
          </div>
         
          <div class="col-lg-6 text-center bg-section">
            <img src="images/bee.png" alt="Bee" class="bee-image">
            <div class="honey-pattern"><img src="images/honeycomb-pattern.png" alt=""></div>
          </div>
        </div>
      </div>
  
      
      <div class="social-icons position-absolute top-50 start-0 translate-middle-y d-flex flex-column">
        <a href="#" class="social-icon  mb-2"><i class="fab fa-facebook"></i></a>
        <a href="#" class="social-icon  mb-2"><i class="fab fa-instagram"></i></a>
        <p class="icons-tag">Follow us</p>
        <a href="#" class="social-icon  mb-2"><i class="fab fa-twitter"></i></a>
        <a href="#" class="social-icon "><i class="fab fa-linkedin"></i></a>
      </div>
  
      
      <!-- <div class="page-scroll position-absolute end-0 top-50 translate-middle-y text-center">
        <div class="scroll-indicator">01</div>
        <div class="line my-2"></div>
        <div class="scroll-indicator">03</div>
      </div> -->
    </section>



    <section class="about">
        <div class="container">
            <div class="row">
              <div class="col-sm-1">

              </div>
                <div class="col-sm-5">
                    <div class="about-logo">
                        <img class="img-1" src="images/about1.jpg" alt="">
                        <img class="img-2" src="images/about2.jpg" alt="">
                    </div>
                </div>
                <div class="col-sm-5">
                    <div class="about-text">
                        <h4>About SmileKey</h4>
                        <h1>Sweet <span class="orange">Honey Packs</span> Fresh Raw and Honey</h1>
                        <p>Welcome to SmileKey, your key to nature’s sweetest treasures! At SmileKey, we’re passionate about bringing you the finest honey products, crafted with care and rooted in a deep love for the environment.</p>
                    </div>
                    <div class="about-content">
                      <div class="left-about">
                        <div class="content-left">
                          <div class="fbox-number">25+</div>
                          <h3>Years of Experience</h3>
                        </div>
                        <h6><i class="fa-solid fa-check-double orange"></i> Best Honey Bee Award</h6>
                        <h6><i class="fa-solid fa-check-double orange"></i> The Best Bee Farm Award</h6>
                      </div>
                      <div class="content-right">
                        <div class="fst">
                          <div class="fst-head">
                            <img src="images/beehive-1-1.png" alt="">
                            <h4>Pure Honey</h4>
                            <p>Honey bees collect nectar flowers.</p>
                          </div>
                        </div>
                        <div class="scd">
                          <div class="scd-head">
                            <img src="images/award-1.png" alt="">
                            <h4>100% Nature</h4>
                            <p>Honey bees collect nectar flowers.</p>
                          </div>
                        </div>
                        <div class="thr">
                          <a href="#" class="btn">Shop Now &raquo;</a>
                        </div>
                      </div>
                    </div>
                </div>
                <div class="col-sm-1">
                  
                </div>
            </div>
        </div>
    </section>


    

    <section class="featured">
      <div class="container">
        <div class="row">
          <h1 class="text-center"><span class="orange">Featured</span> <br><small class="size">Collections</small></h1>
          
          <div class="col-md-4">
            <div class="product-img">
              <img src="images/h1-collections01.jpg" alt="">
            </div>
            <div class="product-text text-center">
              <h3>Honey Supplements</h3>
              <p>Browse our handcrafted body care products made with ingredients from the hive.</p>
              <a href="#" class="btn">Shop Now &raquo;</a>
            </div>
          </div>
          <div class="col-md-4">
            <div class="product-img">
              <img src="images/h1-collections02.jpg" alt="">
            </div>
            <div class="product-text text-center">
              <h3>Manuka Honey</h3>
              <p>Browse our raw, unfiltered and organic Manuka honeys.</p>
              <a href="#" class="btn">Shop Now &raquo;</a>
            </div>
          </div>
          <div class="col-md-4">
            <div class="product-img">
              <img src="images/h1-collections01.jpg" alt="">
            </div>
            <div class="product-text text-center">
              <h3>Cow Desi Ghee</h3>
              <p>Browse our  raw, unfiltered and pure cow desi ghee from our farm </p>
              <a href="#" class="btn">Shop Now &raquo;</a>
            </div>
          </div>


        </div>
      </div>
    </section>



    <section class="offer-section">
      <div class="container">
        <div class="row align-items-center">
          <!-- Image Section -->
          <div class="col-md-6 text-center">
            <img src="images/honey.png" alt="Honey Jar" class="img-fluid  p-3">
          </div>
          <!-- Content Section -->
          <div class="col-md-6">
            <p class="orange fw-bold offer-para">Limited Offer For Customer</p>
            <h1 class="display-5 fw-bold offer-heading">
              Fresh Sunflower <br>
              <span class="orange">Original Honey</span> Up <br>
              To 58% Off.
            </h1>
            <p class="text-muted">
              Lorem ipsum dolor sit, amet consectetur adipisicing elit. Nemo, eos
              fugit officiis error ipsum, dolor ducimus nam ratione nulla deleniti
              inventore blanditiis lorem in orci sed vestibulum tempus.
            </p>
            <a href="#" class="btn">Shop Now &raquo;</a>
          </div>
        </div>
      </div>
    </section>
  


    <section class="why-choose-us">
      <div class="container">
          <div class="row align-items-center">
              
              <div class="col-lg-6">
                  <h6>Why Choose Us</h6>
                  <h2>People Why Choose Our Product</h2>
                  <p>
                      Sed ut perspiciatis unde omnis iste natus volup tatem accusantium dolore dantium
                      totam reperiam, eaque ipsa quae ab illo inventore veritatis et architecto.
                  </p>

                  
                  <div class="row">
                      <div class="col-md-6">
                          <div class="icon-box">
                              <span><i class="bi bi-flower3"></i></span>
                              <p>Flowers Produce</p>
                          </div>
                          <div class="icon-box">
                              <span><i class="bi bi-circle"></i></span>
                              <p>Bees Seal Cells</p>
                          </div>
                          <div class="icon-box">
                              <span><i class="bi bi-grid-3x3-gap"></i></span>
                              <p>Honey Comb</p>
                          </div>
                      </div>
                      <div class="col-md-6">
                          <div class="icon-box">
                              <span><i class="bi bi-bug"></i></span>
                              <p>Natural Bees</p>
                          </div>
                          <div class="icon-box">
                              <span><i class="bi bi-cup"></i></span>
                              <p>Well Product</p>
                          </div>
                          <div class="icon-box">
                              <span><i class="bi bi-heart"></i></span>
                              <p>Increase Immunity</p>
                          </div>
                      </div>
                  </div>
              </div>

              
              <div class="col-lg-6">
                  <div class="honey-image">
                      <img src="images/chooseus-1.png" alt="Honey Jars">
                      <img src="images/bee-2.png" class="bee" alt="Bee">
                  </div>
              </div>
          </div>
      </div>
  </section>





    
    


   
  <section class="container mt-5 products-sec">
    <h3 class="text-center product-heading">Our Fine Product</h3>
    <h1 class="text-center mb-4">Kinds Of Organic Honey</h1>
    <div class="row g-4">
        <div class="col-12 col-sm-6 col-md-4 col-lg-3">
            <div class="product-card position-relative">
                <img src="images/shop-1.jpg" alt="Buckwheat Honey" class="img-fluid product-image">
                <div class="product-info ">
                    <button class="add-to-cart">Add to Cart</button>
                </div>
            </div>
            <div class="honey-details">
              <h3>Buckwheat Honey</h3>
              <p class="price">$70.00</p>
            </div>
        </div>
        <div class="col-12 col-sm-6 col-md-4 col-lg-3">
            <div class="product-card position-relative">
                <img src="images/shop-2.jpg" alt="Creamed Honey" class="img-fluid product-image">
                <div class="product-info ">
                    <button class="add-to-cart">Add to Cart</button>
                </div>
            </div>
             <div class="honey-details">
              <h3>Creamed Honey</h3>
               <p class="price">$80.00</p>
            </div>
        </div>
        <div class="col-12 col-sm-6 col-md-4 col-lg-3">
            <div class="product-card position-relative">
                <img src="images/shop-3.jpg" alt="Eucalyptus Honey" class="img-fluid product-image">
                <div class="product-info ">
                    <button class="add-to-cart">Add to Cart</button>
                </div>
            </div>
            <div class="honey-details">
              <h3>Eucalyptus Honey</h3>
              <p class="price">$66.00</p>
            </div>
        </div>
        <div class="col-12 col-sm-6 col-md-4 col-lg-3">
            <div class="product-card position-relative">
                <img src="images/shop-4.jpg" alt="Acacia Honey" class="img-fluid product-image">
                <div class="product-info ">
                    <button class="add-to-cart">Add to Cart</button>
                </div>
            </div>
            <div class="honey-details">
              <h3>Acacia Honey</h3>
              <p class="price">$40.00</p>
            </div>
        </div>
        <div class="col-12 col-sm-6 col-md-4 col-lg-3">
            <div class="product-card position-relative">
                <img src="images/shop-5.jpg" alt="Buckwheat Honey" class="img-fluid product-image">
                <div class="product-info ">
                    <button class="add-to-cart">Add to Cart</button>
                </div>
            </div>
            <div class="honey-details">
              <h3>Buckwheat Honey</h3>
              <p class="price">$70.00</p>
            </div>
        </div>
        <div class="col-12 col-sm-6 col-md-4 col-lg-3">
            <div class="product-card position-relative">
                <img src="images/shop-3 (1).jpg" alt="Creamed Honey" class="img-fluid product-image">
                <div class="product-info ">
                    <button class="add-to-cart">Add to Cart</button>
                </div>
            </div>
            <div class="honey-details">
              <h3>Creamed Honey</h3>
               <p class="price">$80.00</p>
            </div>
        </div>
        <div class="col-12 col-sm-6 col-md-4 col-lg-3">
            <div class="product-card position-relative">
                <img src="images/shop-2 (1).jpg" alt="Eucalyptus Honey" class="img-fluid product-image">
                <div class="product-info ">
                    <button class="add-to-cart">Add to Cart</button>
                </div>
            </div>
            <div class="honey-details">
              <h3>Eucalyptus Honey</h3>
            <p class="price">$66.00</p>
            </div>
        </div>
        <div class="col-12 col-sm-6 col-md-4 col-lg-3">
            <div class="product-card position-relative">
                <img src="images/shop-1 (1).jpg" alt="Acacia Honey" class="img-fluid product-image">
                <div class="product-info ">
                    <button class="add-to-cart">Add to Cart</button>
                </div>
            </div>
            <div class="honey-details">
              <h3>Acacia Honey</h3>
              <p class="price">$40.00</p>
            </div>
        </div>
        <!-- Add more products here -->
    </div>
</section>

    



    <!-- <section class="works">
      <div class="container">
        <div class="row">
          <div class="col-md-4">
            <div class="up-left">
              <img src="images/works1.png" alt="">
              <h4>Hive Inspection</h4>
              <p>The bees live as they naturally would and their benefits reach more people. Our goal is to raise San Diego’s bee population.</p>
            </div>
            <div class="down-left">
              <img src="images/works2.png" alt="">
              <h4>Harvesting Honey</h4>
              <p>The bees live as they naturally would and their benefits reach more people. Our goal is to raise San Diego’s bee population.</p>
            </div>
          </div>

          <div class="col-md-4">
            <div class="mid">
              <img src="images/works-mid.png" alt="">
            </div>
          </div>

          <div class="col-md-4">
            <div class="up-left">
              <img src="images/works 4.png" alt="">
              <h4>Queen Management</h4>
              <p>The bees live as they naturally would and their benefits reach more people. Our goal is to raise San Diego’s bee population.</p>
            </div>
            <div class="down-left">
              <img src="images/works3.png" alt="">
              <h4>Winter Preparation</h4>
              <p>The bees live as they naturally would and their benefits reach more people. Our goal is to raise San Diego’s bee population.</p>
            </div>
          </div>
        </div>
      </div>
    </section> -->


    



    <section class="blog">
      <div class="container">
        <div class="row">
          <h3>Our Blog</h3>
          <div class="card-group">
            <div class="card">
              <img src="images/blog_03.webp" class="card-img-top" alt="...">
              <div class="card-body">
                <h5 class="card-title"><a href="/"> Definition of the  honey naturalness</a></h5>
                <p><small>OCTOBER 23, 2024  .  SMILE KEY</small></p>
                <p class="card-text">Integer maximus accumsan nunc, sit amet tempor lectus facilisis eu. Cras vel elit felis. Vestibulum convallis ipsum id aliquam varius. Etiam nec laore Integer maximus accumsan nunc, sit amet tempor lectus...</p>
              
              </div>
            </div>
            <div class="card">
              <img src="images/blog_02.webp" class="card-img-top" alt="...">
              <div class="card-body">
                <h5 class="card-title"><a href="/">Our beekeepers begin to collect honey</a></h5>
                <p><small>OCTOBER 23, 2024  .  SMILE KEY</small></p>
                <p class="card-text">Integer maximus accumsan nunc, sit amet tempor lectus facilisis eu. Cras vel elit felis. Vestibulum convallis ipsum id aliquam varius. Etiam nec laore Integer maximus accumsan nunc, sit amet tempor lectus...</p>
              </div>
            </div>
            <div class="card">
              <img src="images/blog_01.webp" class="card-img-top" alt="...">
              <div class="card-body">
                <h5 class="card-title"><a href="/">This season, increased yield of honey</a></h5>
                <p><small>OCTOBER 23, 2024  .  SMILE KEY</small></p>
                <p class="card-text">Integer maximus accumsan nunc, sit amet tempor lectus facilisis eu. Cras vel elit felis. Vestibulum convallis ipsum id aliquam varius. Etiam nec laore Integer maximus accumsan nunc, sit amet tempor lectus...</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>



    <section class="counter-wrapper">
      <div class="counter-inner">
          <div class="container">
              <div class="row g-0">
                  <div class="col-6 col-lg-3">
                      <div class="py-5 text-center text-white">
                          <div class="py-2 count">
                              <span id="count1">1200</span>
                          </div>
                          <div>
                            liters of honey sold
                          </div>
                      </div>
                  </div>
                  <div class="col-6 col-lg-3">
                      <div class="py-5 text-center text-white">
                          <div class="py-2 count">
                              <span id="count2">24</span>
                          </div>
                          <div>
                            mil bees on the farm
                          </div>
                      </div>
                  </div>
                  <div class="col-6 col-lg-3">
                      <div class="py-5 text-center text-white">
                          <div class="py-2 count">
                              <span id="count3">32</span>
                          </div>
                          <div>
                            bees families
                          </div>
                      </div>
                  </div>
                  <div class="col-6 col-lg-3">
                      <div class="py-5 text-center text-white">
                          <div class="py-2 count">
                              <span id="count4">56</span>
                          </div>
                          <div>hectares of fields
                          </div>
                      </div>
                  </div>
              </div>
          </div>
      </div>
  </section>

    


  <section class="newsletter">
    <div class="container">
      <div class="newsletter-wrapper">
        <div class="newsletter-text">
          <h2>Get the latest news</h2>
          <p>Join our community for new and exclusive news</p>
          <div class="social-icons">
            <a href="#" class="social-icon"><i class="fa-brands fa-facebook"></i></a>
            <a href="#" class="social-icon"><i class="fa-brands fa-instagram"></i></a>
            <a href="#" class="social-icon"><i class="fa-brands fa-youtube"></i></a>
          </div>
        </div>
        <div class="newsletter-form">
          <div class="email-section">
            <input type="email" placeholder="Enter email" class="email-input">
            <a class="btn">Subscribe</a>
          </div>
        </div>
      </div>
    </div>
  </section>


  
  



  <footer class="footer">
    <div class="container">
      <div class="row">
        <div class="col-sm-4">
          <div class="ft-links">
            <ul class="shop-links">
              <h1>Shop</h1>
              <li><a href="/">Honeys</a></li>
              <li><a href="/">Health & Nutrition</a></li>
              <li><a href="/">Candles & Wax</a></li>
              <li><a href="/">Body Care</a></li>
              <li><a href="/">Healing Ointments</a></li>
            </ul>
            <ul class="quick-links">
              <h1>Info</h1>
              <li><a href="/">Home</a></li>
              <li><a href="/">About Us</a></li>
              <li><a href="/">Products</a></li>
              <li><a href="/">Blog</a></li>
              <li><a href="/">Contact</a></li>
            </ul>
          </div>
        </div>

        <div class="col-sm-4">
         <div class="ft-content">
          <div class="ft-logo">
            <img src="images/smiley-logo_4.avif" alt="">
          </div>
          <div class="ft-content-inner">
            <h5>Are you a honey lover?</h5>
            <p>We are all about bringing Healthy Bee Products from the Hive… to our Customers!</p>
          </div>
          <div class="ft-contacts">
            <h5>Any questions? Give us a call at</h5>
            <p>+91 9653911429</p>
          </div>
          <div class="ft-social">
            <ul class="social-links">
              <li><a href="/"><i class="fa-brands fa-facebook-f"></i></a></li>
              <li><a href="/"><i class="fa-brands fa-twitter"></i></a></li>
              <li><a href="/"><i class="fa-brands fa-youtube"></i></a></li>
              <li><a href="/"><i class="fa-brands fa-instagram"></i></a></li>
            </ul>
          </div>
         </div>
        </div>

       <div class="col-sm-4">
        <div class="ft-address">
          <h1>Find US</h1>
          <h3>SmileKey</h3>
          <p>2972 Westheimer
            Rd. Santa Ana,
            Illinois, USA</p>
            <h5><a href="/">support@example.com</a></h5>
            <ul class="timing">
              <li>Mon – Sat: <span style="color: #fff;">7.00 am – 8.00 pm</span></li>
              <li>Sunday: <span style="color: #fff;"> 8.00 am – 6.00 pm</span></li>
            </ul>
        </div>
       </div>

       <div class="col-sm-12">
        <div class="ft-copyrights">
          <h4>© 2024, SmileKey Powered by Shopify . Privacy policy</h4>
        </div>
       </div>
      </div>
    </div>
  </footer>



  

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js" integrity="sha512-bPs7Ae6pVvhOSiIcyUClR7/q2OAsRiovw4vAkX+zJbw3ShAeeqezq50RIIcIURq7Oa20rW2n2q+fyXBNcU9lrw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script>
      jQuery('#owl-demo-5').owlCarousel({
          loop:true,
          autoplay:false,
          autoplayHoverPause:true,
          autoplayTimeout:3000,
          margin:10,
          nav:true,
          dots: false,
          responsive:{
              0:{
                  items:1
              },
              600:{
                  items:1
              },
              1000:{
                  items:5
              }
          }
      }) 
      </script>
      <script>
        document.addEventListener("DOMContentLoaded", () => {
  function counter(id, start, end, duration) {
   let obj = document.getElementById(id),
    current = start,
    range = end - start,
    increment = end > start ? 1 : -1,
    step = Math.abs(Math.floor(duration / range)),
    timer = setInterval(() => {
     current += increment;
     obj.textContent = current;
     if (current == end) {
      clearInterval(timer);
     }
    }, step);
  }
  counter("count1", 0, 1200, 7000);
  counter("count2", 0, 24, 7000);
  counter("count3", 0, 32, 7000);
   counter("count4", 0, 56, 7000);
 });
 
      </script>

<script>
  // search-box open close js code
  let navbar = document.querySelector(".navbar");
//let searchBox = document.querySelector(".search-box .bx-search");
// let searchBoxCancel = document.querySelector(".search-box .bx-x");

//searchBox.addEventListener("click", ()=>{
<!-- navbar.classList.toggle("showInput"); -->
< !-- if (navbar.classList.contains("showInput")) {
    -->
  < !--searchBox.classList.replace("bx-search", "bx-x"); -->
< !-- } else {
    -->
  < !--searchBox.classList.replace("bx-x", "bx-search"); -->
< !-- } -->
< !-- }); -->

    // sidebar open close js code
    let navLinks = document.querySelector(".nav-links");
  let menuOpenBtn = document.querySelector(".navbar .bx-menu");
  let menuCloseBtn = document.querySelector(".nav-links .bx-x");
  menuOpenBtn.onclick = function () {
    navLinks.style.left = "0";
  }
  menuCloseBtn.onclick = function () {
    navLinks.style.left = "-100%";
  }


  // sidebar submenu open close js code
  $(".htmlcss-arrow").click(function () {
    $(".htmlCss-sub-menu").removeClass("hidden");
    $(this).siblings(".htmlCss-sub-menu").toggle("hidden");
  });
  $(".more-arrow").click(function () {
    $(".more-sub-menu").removeClass("hidden");
    $(this).siblings(".more-sub-menu").toggle("hidden");
  });

</script>
    <script src="script.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
</body>
</html>

    
</body>
</html>