<footer class="footer pt-3  ">
  <div class="container-fluid">
    <div class="row align-items-center justify-content-lg-between">
      <div class="col-lg-6 mb-lg-0 mb-4">
        <div class="copyright text-center text-sm text-muted text-lg-start">
          ©
          <script>
            document.write(new Date().getFullYear())
          </script>,
          made with <i class="fa fa-heart"></i> by {{config.get('DEVELOPERS')}}</a>
          for a better web.
        </div>
      </div>
    </div>
  </div>
</footer><!-- Button trigger modal -->
<style>
  .slow-spin {
    -webkit-animation: fa-spin 1.2s infinite linear;
    animation: fa-spin 1.2s infinite linear;
  }
</style>
<button type="button" class="visually-hidden startLoader" data-bs-toggle="modal" data-bs-target="#loading-modal"></button>

<!-- Modal -->
<div class="modal fade" id="loading-modal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1"
  aria-labelledby="loading-modalLabel" aria-hidden="true">
  <div class="modal-dialog modal-fullscreen modal-dialog-centered d-flex justify-content-center">
    <!-- <div class="modal-content"> -->
    <div class="text-white text-center h-100 d-flex flex-column justify-content-center">
      <div class="d-flex flex-column justify-content-center">
        <i class="fa fa-spinner fa-5x fa-spin slow-spin"></i>
      </div>
    </div>
    <!-- </div> -->
  </div>
</div>
<script>
  $('form').on('submit', function(event){
    $('.startLoader').click();
  })
</script>