      <!-- footer area start -->
      <footer>
         <div class="footer__area black-bg-9">
            <div class="footer__top">
               <div class="container">
                  <div class="row">
                     <div class="col-xxl-4 col-xl-4 col-lg-6 col-md-7 col-sm-7">
                        <div class="footer__widget footer__info-padding footer__mr-40 red-bg">
                           <div class="footer__logo mb-40">
                              <a href="index.html">
                                 <img src="assets/img/logo/Logo.png" alt="">
                              </a>
                           </div>
                           <div class="footer__widget-content">
                              <div class="footer__info">
                                 <p>We provide one-stop solutions for all IT items; your bliss is just a click away. Star Tech trusts in quality client</p>
                                 <div class="footer__social footer__social-4">
                                    <ul>
                                       <li>
                                          <a href="#"><i class="fab fa-facebook-f"></i></a>
                                       </li>
                                       <li>
                                          <a href="#"><i class="fab fa-twitter"></i></a>
                                       </li>
                                       <li>
                                          <a href="#"><i class="fab fa-linkedin-in"></i></a>
                                       </li>
                                       <li>
                                          <a href="#"><i class="fab fa-instagram"></i></a>
                                       </li>
                                    </ul>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                     <div class="col-xxl-3 col-xl-3 col-lg-6 col-md-5 col-sm-5">
                        <div class="footer__widget footer__widget-padding footer__ml--20">
                           <div class="footer__widget-top">
                              <h3 class="footer__widget-title">About Company</h3>
                           </div>
                           <div class="footer__widget-content">
                              <div class="footer__link">
                                 <ul>
                                    <li>
                                       <a href="#">Build  Ecommerce</a>
                                    </li>
                                    <li>
                                       <a href="#">Buy Products</a>
                                    </li>
                                    <li>
                                       <a href="#">Compare Us</a>
                                    </li>
                                    <li>
                                       <a href="#">Career</a>
                                    </li>
                                    <li>
                                       <a href="#"> About Company</a>
                                    </li>
                                 </ul>
                              </div>
                           </div>
                        </div>
                     </div>
                     <div class="col-xxl-2 col-xl-2 col-lg-6 col-md-6 col-sm-6">
                        <div class="footer__widget footer__widget-padding footer__ml--40">
                           <div class="footer__widget-top">
                              <h3 class="footer__widget-title">Useful Links</h3>
                           </div>
                           <div class="footer__widget-content">
                              <div class="footer__link">
                                 <ul>
                                    <li>
                                       <a href="#">Build  Ecommerce</a>
                                    </li>
                                    <li>
                                       <a href="#">Buy Products</a>
                                    </li>
                                    <li>
                                       <a href="#">Compare Us</a>
                                    </li>
                                    <li>
                                       <a href="#">Career</a>
                                    </li>
                                    <li>
                                       <a href="#"> About Company</a>
                                    </li>
                                 </ul>
                              </div>
                           </div>
                        </div>
                     </div>
                     <div class="col-xxl-3 col-xl-3 col-lg-6 col-md-6 col-sm-6">
                        <div class="footer__widget footer__widget-padding">
                           <div class="footer__widget-top">
                              <h3 class="footer__widget-title">Newsletter</h3>
                           </div>
                           <div class="footer__widget-content">
                              <div class="footer__subscribe">
                                 <form action="#">
                                    <div class="footer__subscribe-wrapper footer__subscribe-wrapper-6">
                                       <div class="footer__subscribe-input footer__subscribe-input-6">
                                          <input type="email" placeholder="Enter email">
                                          <i class="fal fa-envelope"></i>
                                       </div>
                                       <button type="submit"><i class="fal fa-paper-plane"></i></button>
                                    </div>
                                 </form>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="footer__bottom">
               <div class="container">
                  <div class="footer__bottom-wrapper footer-bottom-bg-2">
                     <div class="row align-items-center">
                        <div class="col-xxl-4 col-xl-4 col-lg-6 col-md-6">
                           <div class="footer__copyright footer__line footer__copyright-4">
                               <p>&copy; <?php echo esc_html( date_i18n( __( 'Y', 'blankslate' ) ) ); ?> <?php echo esc_html( get_bloginfo( 'name' ) ); ?></p>
                           </div>
                        </div>
                        <div class="col-xxl-3 col-xl-3 col-lg-6 col-md-6">
                           <div class="footer__call footer__call-6 d-flex align-items-center pl-15 footer__line footer__line-2">
                              <div class="footer__call-icon mr-20">
                                 <i class="flaticon-call-center"></i>
                              </div>
                              <div class="footer__call-content">
                                 <p>Have a question? Call us 24/7</p>
                                 <h5>(987) 547587587</h5>
                              </div>
                           </div>
                        </div>
                        <div class="col-xxl-5 col-xl-5 col-md-8">
                           <div class="footer__contact pl-90">
                              <h3>Contact Us</h3>
                              <ul>
                                 <li>
                                    <p>Location <span>:</span></p>
                                    <a href="#"> Park Street, Greater London NW1 8JR, UK</a>
                                 </li>
                                 <li>
                                    <p>Email <span>:</span></p>
                                    <a href="#"> someone@example.com</a>
                                 </li>
                              </ul>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </footer>
      <!-- footer area end -->

      <!-- JS here -->
      <script src="<?= get_template_directory_uri(); ?>/assets/js/vendor/jquery-3.6.0.min.js"></script>
      <script src="<?= get_template_directory_uri(); ?>/assets/js/vendor/waypoints.min.js"></script>
      <script src="<?= get_template_directory_uri(); ?>/assets/js/bootstrap.bundle.min.js"></script>
      <script src="<?= get_template_directory_uri(); ?>/assets/js/meanmenu.js"></script>
      <script src="<?= get_template_directory_uri(); ?>/assets/js/swiper-bundle.min.js"></script>
      <script src="<?= get_template_directory_uri(); ?>/assets/js/owl.carousel.min.js"></script>
      <script src="<?= get_template_directory_uri(); ?>/assets/js/magnific-popup.min.js"></script>
      <script src="<?= get_template_directory_uri(); ?>/assets/js/parallax.min.js"></script>
      <script src="<?= get_template_directory_uri(); ?>/assets/js/backToTop.js"></script>
      <script src="<?= get_template_directory_uri(); ?>/assets/js/nice-select.min.js"></script>
      <script src="<?= get_template_directory_uri(); ?>/assets/js/counterup.min.js"></script>
      <script src="<?= get_template_directory_uri(); ?>/assets/js/ajax-form.js"></script>
      <script src="<?= get_template_directory_uri(); ?>/assets/js/wow.min.js"></script>
      <script src="<?= get_template_directory_uri(); ?>/assets/js/isotope.pkgd.min.js"></script>
      <script src="<?= get_template_directory_uri(); ?>/assets/js/imagesloaded.pkgd.min.js"></script>
      <script src="<?= get_template_directory_uri(); ?>/assets/js/main.js"></script>
   </body>
   <?php wp_footer(); ?>
</html>