footer.php

    <footer class="site-footer" role="contentinfo">
     
      <div class="container">
        <div class="row mb-5">
          <div class="col-md-4 mb-5">
            <h3>About Us</h3>
            <p class="mb-5">An online intuitive platform designed to serve the society.</p>
            <ul class="list-unstyled footer-link d-flex footer-social" >
              <li><a href="#" class="p-2" style="color: sienna"><span class="fa fa-twitter"></span></a></li>
              <li><a href="#" class="p-2"style="color: sienna"><span class="fa fa-facebook"></span></a></li>
              <li><a href="#" class="p-2"style="color: sienna"><span class="fa fa-linkedin"></span></a></li>
              <li><a href="#" class="p-2"style="color: sienna"><span class="fa fa-instagram"></span></a></li>
            </ul>

          </div>
          <div class="col-md-5 mb-5">
           
            <div ><a href="contact.php">
             <button id="mapsbtn">CONTACT US</button></a>
            </div>
          </div>

          <div class="col-md-3 mb-5">
            <h3>Quick Links</h3>
            <ul class="list-unstyled footer-link" >
              <li><a href="#" style="color: sienna">About</a></li>
              <li><a href="#"style="color: sienna">Terms of Use</a></li>
              <li><a href="#"style="color: sienna">Disclaimers</a></li>
              <li><a href="#"style="color: sienna">Contact</a></li>
            </ul>
          </div>
          <div class="col-md-3">
          
          </div>
        </div>
        
      </div>
    </footer>
    <!-- END footer -->
<a href="#" class="back-to-top"><i class="ri-arrow-up-line"></i></a>
       <!-- loader -->
    <div id="loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#cf1d16"/></svg></div>