<footer class="wrapper pattern-wrapper bg-image section-frame" data-image-src="/assets/img/pattern.png">\n    <div class="container pb-13 pb-md-15">\n      <div class="card image-wrapper bg-full bg-image bg-overlay mt-n50p mx-md-5 rounded-xl overflow-hidden" data-image-src="/assets/img/photos/bg27.jpg">\n        <div class="card-body p-6 p-md-11 d-lg-flex flex-row align-items-lg-center justify-content-md-between text-center text-lg-start">\n          <h3 class="display-2 mb-6 mb-lg-0 pe-lg-10 pe-xl-5 pe-xxl-18 text-white">We are trusted by over 5000+ clients. Join them now and grow your business.</h3>\n          <a href="#" class="btn btn-lg btn-white rounded-xl mb-0 text-nowrap">Join Us</a>\n        </div>\n        <!--/.card-body -->\n      </div>\n      <!--/.card -->\n      <div class="text-inverse mx-md-5 mt-n15 mt-lg-0">\n        <div class="row gy-6 gy-lg-0">\n          <div class="col-lg-4">\n            <div class="widget">\n              <h3 class="h2 mb-3 text-white">Join the Community</h3>\n              <p class="mb-5">Let's make something great together. We are trusted by over 5000+ clients. Join them by using our services and grow your business.</p>\n              <p class="mb-1">© <script>\n                  document.write(new Date().getUTCFullYear());\n                </script> Simeya. All rights reserved.</p>\n              <nav class="nav social social-white">\n                <a href="#"><i class="uil uil-twitter"></i></a>\n                <a href="#"><i class="uil uil-facebook-f"></i></a>\n                <a href="#"><i class="uil uil-dribbble"></i></a>\n                <a href="#"><i class="uil uil-instagram"></i></a>\n                <a href="#"><i class="uil uil-youtube"></i></a>\n              </nav>\n              <!-- /.social -->\n            </div>\n            <!-- /.widget -->\n          </div>\n          <!-- /column -->\n          <div class="col-md-4 col-lg-2 offset-lg-2">\n            <div class="widget">\n              <h4 class="widget-title text-white mb-3">Need Help?</h4>\n              <ul class="list-unstyled text-reset mb-0">\n                <li><a href="#">Support</a></li>\n                <li><a href="#">Get Started</a></li>\n                <li><a href="#">Terms of Use</a></li>\n                <li><a href="#">Privacy Policy</a></li>\n              </ul>\n            </div>\n            <!-- /.widget -->\n          </div>\n          <!-- /column -->\n          <div class="col-md-4 col-lg-2">\n            <div class="widget">\n              <h4 class="widget-title text-white mb-3">Learn More</h4>\n              <ul class="list-unstyled  mb-0">\n                <li><a href="#">About Us</a></li>\n                <li><a href="#">Our Story</a></li>\n                <li><a href="#">Projects</a></li>\n                <li><a href="#">Pricing</a></li>\n                <li><a href="#">Features</a></li>\n              </ul>\n            </div>\n            <!-- /.widget -->\n          </div>\n          <!-- /column -->\n          <div class="col-md-4 col-lg-2">\n            <div class="widget">\n              <h4 class="widget-title text-white mb-3">Get in Touch</h4>\n              <address>Moonshine St. 14/05 Light City, London, United Kingdom</address>\n              <a href="mailto:first.last@email.com">info@email.com</a><br> 00 (123) 456 78 90\n            </div>\n            <!-- /.widget -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!--/.row -->\n      </div>\n    </div>\n    <!-- /.container -->\n  </footer>