footer.html

<div class="footer__container grid container">
  <div class="footer__content">
    <img src="assets/Img/msp-logo-light.png" alt="" calss="footer__logo" />
    <p class="footer__describtion">
      Don't focus on Exhaustion <br />
      Focus on progress 
    </p>
    <div class="footer__social">
      <a href="https://www.facebook.com/MSPTCSFE" class="footer__social-link">
        <i class="uil uil-facebook-f"></i>
      </a>
      <!-- <a href="https://twitter.com/" class="footer__social-link">
        <i class="uil uil-twitter-alt"></i>
      </a> -->
      <!-- <a href="https://www.youtube.com/" class="footer__social-link">
        <i class="uil uil-youtube"></i>
      </a> -->
    </div>
  </div>
  <div class="footer__content">
    <h3 class="footer__title">About</h3>
    <ul class="nav flex-column">
      <li><a href="pages/About Us.html" class="footer__link">About Us</a></li>
      <li><a href="pages/committees page.html" class="footer__link">committees</a></li>
      <li><a href="pages/Board.html" class="footer__link">Board</a></li>
    </ul>
  </div>
  <div class="footer__content">
    <h3 class="footer__title">Our Services</h3>
    <ul class="nav flex-column">
      <li><a href="pages/Events.html" class="footer__link">Events</a></li>
    </ul>
  </div>
  <div class="footer__content">
    <h3 class="footer__title">Our Committees</h3>
    <ul class="nav flex-column">
      <li><a href="commitees/web.html" class="footer__link">Web Development</a></li>
      <li><a href="commitees/graphic.html" class="footer__link">Graphic Design</a></li>
      <li><a href="commitees/Cyber.html" class="footer__link">Cyber Security</a></li>
      <li><a href="commitees/embedded.html" class="footer__link">Embedded</a></li>
      <li><a href="pages/committees page.html" class="footer__link">Others</a></li>
    </ul>
  </div>
</div>
<span class="footer__copy">&#169; MSP. All rights reserved</span>