gwp/patterns/footer.php

<?php
/**
 * Title: Footer
 * Slug: gwp/footer
 * Categories: footer
 * Block Types: core/template-part/footer
 */
?>
<footer class="bg-gwp-grey text-light border-top">
<div class="container-fluid">
  <div class="row">
    <div class="col bg-gwp-blue">&nbsp;</div>
    <div class="col bg-gwp-blue-green">&nbsp;</div>
    <div class="col bg-gwp-blue-blue-green">&nbsp;</div>
    <div class="col bg-gwp-green-green-blue">&nbsp;</div>
    <div class="col bg-gwp-green">&nbsp;</div>
    <div class="col bg-gwp-blue">&nbsp;</div>
    <div class="col bg-gwp-blue-green">&nbsp;</div>
    <div class="col bg-gwp-blue-blue-green">&nbsp;</div>
    <div class="col bg-gwp-green-green-blue">&nbsp;</div>
    <div class="col bg-gwp-green">&nbsp;</div>
    <div class="col bg-gwp-blue">&nbsp;</div>
    <div class="col bg-gwp-blue-green">&nbsp;</div>
    <div class="col bg-gwp-blue-blue-green">&nbsp;</div>
    <div class="col bg-gwp-green-green-blue">&nbsp;</div>
    <div class="col bg-gwp-green">&nbsp;</div>
  </div>
</div>
<div class="container mt-5 pb-5 mb-0">
    <div class="row">
      <div class="col fs-5">
        <img src="<?php echo get_stylesheet_directory_uri()?>/img/_gwp_logo-2.png" alt="The Greenwood Promise" width="120" class="d-inline-block align-text-top float-end"/>
        <p class="amatic fs-1 text-gwp-green mb-0">The Greenwood Promise</p>
        <p class="mb-0">P.O. Box 49458 Greenwood, SC 29649</p>
        <p class="mb-0"><i class="bi bi-telephone"></i> Tel: <a class="link-light text-decoration-none" href="tel:864-377-8110">(864) 377-8110</a></p>
        <p class="mb-0"><i class="bi bi-envelope"></i> <a class="link-light text-decoration-none" href=mailto:%65%62%6c%61%69%72%40%67%72%65%65%6e%77%6f%6f%64%70%72%6f%6d%69%73%65%2e%63%6f%6d">eblair ( at ) greenwoodpromise.com</a></p>
        <p class="fs-2"> <a class="link-light" href="https://www.facebook.com/TheGreenwoodPromise/" target="_blank"><i class="bi bi-facebook"></i></a> <a class="link-light" href="https://twitter.com/thegwdpromise" target="_blank"><i class="bi bi-twitter"></i></a> <a class="link-light" href="https://www.instagram.com/greenwoodpromise/" target="_blank"><i class="bi bi-instagram"></i></a></p> 
      </div>
      <div class="col-4">
        <h5 class="mb-0 text-gwp-blue fw-light text-uppercase pt-5">The Power of Promise</h5>
        <div id="mc_embed_signup">
          <!--<form action="" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="mc validate" target="_blank" novalidate>
            <p class="text-gwp-green mb-1"> <i class="bi bi-envelope"></i> Sign Up for Email Updates</p>
            <div class="row gx-1">
              <div class="col">
                <input type="text" value="" name="FNAME" class="required form-control" id="mce-FNAME" placeholder="First name">
              </div>
              <div class="col">
                <input type="text" value="" name="LNAME" class="required form-control" id="mce-LNAME" placeholder="Last name">
              </div>
            </div>
            <div class="row gx-1 mt-1">
              <div class="col-md-9">
                <input type="email" value="" name="EMAIL" class="form-control required email" id="mce-EMAIL" placeholder="Email Address">
                <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_996a177c2cf9b80af1049a13c_9a642f3dc3" tabindex="-1" value=""></div>
              </div>     
              <div class="col-md-3">
                <button class="btn btn-outline-gwp-green" type="submit" value="Sign Up" name="subscribe" id="mc-embedded-subscribe" class="btn btn-outline-light mt-2" disabled>Sign Up</button>
              </div>
              <div id="mce-responses" class="clear">
                <div class="response" id="mce-error-response" style="display:none"></div>
                <div class="response" id="mce-success-response" style="display:none"></div>
              </div>
            </div>
          </form>-->
        </div>
      </div>
      <div class="row">
        <div class="col">
          <p class="float-end mb-1">
            <a href="#"><i class="bi bi-arrow-up-circle-fill text-light fs-2"></i></a>
          </p>
        </div>
      </div>
      <div class="row fs-5">
        <div class="col float-end">
          <p class="text-gwp-blue mb-0">Press Kit:  <a class="link-gwp-blue-green" href="brochure.html">Brochure</a></p>
        </div>
      </div>
    </div>
  </div>
</footer>