brihaspathi/js/footer.js

const footerhtml = `<div class="container-fluid footer py-5 wow fadeIn" data-wow-delay="0.2s">
      <div class="container py-5">
        <div class="row g-5">
          <div class="col-xl-9">
            <div class="mb-5">
              <div class="row g-4">
                <div class="col-md-6 col-lg-6 col-xl-5">
                  <div class="footer-item">
                    <a href="index.html" class="p-0">
                      <h3 class="text-white">
                        About
                      </h3>
                      <!-- <img src="img/logo.png" alt="Logo"> -->
                    </a>
                    <p class="text-white mb-4">
                      Dolor amet sit justo amet elitr clita ipsum elitr
                      est.Lorem ipsum dolor sit amet, consectetur adipiscing...
                    </p>
                    <div class="footer-btn d-flex">
                      <a class="btn btn-md-square rounded-circle me-3" href="#"><i class="fab fa-facebook-f"></i></a>
                      <a class="btn btn-md-square rounded-circle me-3" href="#"><i class="fab fa-twitter"></i></a>
                      <a class="btn btn-md-square rounded-circle me-3" href="#"><i class="fab fa-instagram"></i></a>
                      <a class="btn btn-md-square rounded-circle me-0" href="#"><i class="fab fa-linkedin-in"></i></a>
                    </div>
                  </div>
                </div>
                <div class="col-md-6 col-lg-6 col-xl-3">
                  <div class="footer-item">
                    <h4 class="text-white mb-4">Useful Links</h4>
                    <a href="#"><i class="fas fa-angle-right me-2"></i> About Us</a>
                    <a href="#"><i class="fas fa-angle-right me-2"></i> Features</a>
                    <a href="#"><i class="fas fa-angle-right me-2"></i> Services</a>
                    <a href="#"><i class="fas fa-angle-right me-2"></i> FAQ's</a>
                    <a href="#"><i class="fas fa-angle-right me-2"></i> Blogs</a>
                    <a href="#"><i class="fas fa-angle-right me-2"></i> Contact</a>
                  </div>
                </div>
                <div class="col-md-6 col-lg-6 col-xl-4">
                  <div class="footer-item">
                    <h4 class="text-white mb-4">Useful Links</h4>
                    <a href="#"><i class="fas fa-angle-right me-2"></i> About Us</a>
                    <a href="#"><i class="fas fa-angle-right me-2"></i> Features</a>
                    <a href="#"><i class="fas fa-angle-right me-2"></i> Services</a>
                    <a href="#"><i class="fas fa-angle-right me-2"></i> FAQ's</a>
                    <a href="#"><i class="fas fa-angle-right me-2"></i> Blogs</a>
                    <a href="#"><i class="fas fa-angle-right me-2"></i> Contact</a>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <div class="col-xl-3">
            <div class="footer-item">
              <h4 class="text-white mb-4">Address</h4>
              <p class="text-white mb-3">
                Dolor amet sit justo amet elitr clita ipsum elitr est.Lorem
                ipsum dolor sit amet, consectetur adipiscing elit.
              </p>

              <div class="d-flex flex-shrink-0">
                <div class="footer-btn">
                  <a href="#" class="btn btn-lg-square rounded-circle position-relative wow tada" data-wow-delay=".9s">
                    <i class="fa fa-phone-alt fa-2x"></i>
                    <div class="position-absolute" style="top: 2px; right: 12px">
                      <span><i class="fa fa-comment-dots text-secondary"></i></span>
                    </div>
                  </a>
                </div>
                <div class="d-flex flex-column ms-3 flex-shrink-0">
                  <span>Call to Our Experts</span>
                  <a href="tel:+ 0123 456 7890"><span class="text-white">Free: + 0123 456 7890</span></a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="container-fluid copyright py-4">
      <div class="container">
        <div class="row g-4 align-items-center">
          <div class="col-md-6 text-center text-md-end mb-md-0">
            <span class="text-body"><a href="#" class="text-white text-center"><i
                  class="fas fa-copyright text-light me-2"></i>2024 Brihaspathi Limited</a>, All right reserved.</span>
          </div>

        </div>
      </div>
    </div>`;

$(function () {
    $('footer').html(footerhtml);
})