A footer is a section at the bottom of a webpage that usually contains links, contact information, social media icons, and copyright details.

Footer Insights Black

<footer class="footer section-black">
      <div class="footer--cntr">
        <div class="footer--cntr-row footer-insights">
           <div class="footer-logo">
             <img alt="company logo" title="school name" src="./assets/component-images/240*80px.svg"/>
           </div>
           <div class="footer-links">
             <a href="#">Hyperlink</a> | <a href="#">Hyperlink</a>
           </div>
        </div>
      </div>
</footer>

Footer Insights Gray

<footer class="footer section-gray">
      <div class="footer--cntr">
        <div class="footer--cntr-row footer-insights">
          <div class="footer-logo">
            <img alt="company logo" title="school name" src="./assets/component-images/240*80px.svg"/>
          </div>
          <div class="footer-links">
            <a href="#">Hyperlink</a> | <a href="#">Hyperlink</a>
          </div>
        </div>
      </div>
</footer>

Footer Insights Dark Gray

<footer class="footer section-dark-gray">
    <div class="footer--cntr">
      <div class="footer--cntr-row footer-insights">
        <div class="footer-logo">
          <img alt="company logo" title="school name" src="./assets/component-images/240*80px.svg"/>
        </div>
        <div class="footer-links">
          <a href="#">Hyperlink</a> | <a href="#">Hyperlink</a>
        </div>
      </div>
    </div>
</footer>