Elep

<footer>
  <div class="wrap">
    <div class="row">
      <div class="col-md-5">
        <div class="logo"><img src="/img/logo2.png" alt="breach repairers logo"/><p style="color: #fff;padding: 0px;">The Breach Repairers</p></div>
        <p class="wow fadeInUp">We are a faith-based organisation that advocates and prepares teenagers for excellence through mentorship and volunteerism</p>
          <ul class="socials">
            <li class="wow fadeInUp"><a href="https://www.facebook.com/thebreachrepairers" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
            <li class="wow fadeInUp"><a href="https://twitter.com/TheBreachReps" target="_blank"><i class="fab fa-twitter"></i></a></li>
            <li class="wow fadeInUp"><a href="https://www.youtube.com/channel/UCWSACrQBJVHd_si8mVM_gJg/featured" target="_blank"><i class="fab fa-youtube"></i></a></li>
          </ul>
      </div>
      <div class="col-md-2">
        <h2>Quick Links</h2>
        <ul>
          <li><a href="/about">About Us</a></li>
          <li><a href="/our-work">Our Work</a></li>
          <li><a href="/campaigns">Campaigns</a></li>
          <li class="wow fadeInUp">Join Us</li>
        </ul>
      </div>
      <div class="col-md-2">
        <h2>Resources</h2>
        <ul>
          <li><a href="/resource/videos">Videos</a></li>
          <li><a href="/resource/blog">Blog</a></li> 
          <li><a href="/resource/podcast">Podcast</a></li>
        </ul>
      </div>
      <div class="col-md-3">
        <h2>Connect</h2>
        <ul>          
          <li class="wow fadeInUp"><a href="/join-us">Join Us</a></li>
          <li class="wow fadeInUp"><a href="mailto:info@breachrepairers.org"><i class="fa fa-envelope"></i> info@breachrepairers.org</a></li>
          <li class="wow fadeInUp"><a href="tel:+2348167508543"><i class="fa fa-phone"></i> +234 8167508543</a></li>
        </ul> 
        <h2 style="padding: 15px 0px 5px 0px">Subscribe</h2>
        <form id="subscribe-form" method="POST">
          <?php echo csrf_field(); ?>
          <span  class="spinner-border spinner-border-sm onPageloader" role="status" aria-hidden="true" id="spinn"></span>
          <input type="text" class="email-box__input" placeholder="Email Address" id="email"/>
          <button type="submit" class="email-box__button">Subscribe</button>
          <p id="error" class="message"></p>
          <p id="success" class="message"></p>
        </form>
      </div>
    </div>
    <p class="copyright wow fadeInUp">All rights reserved. Breach Repairers © 2021</p>
  </div>
</footer>

</body>
  <script src="/js/demo.js"></script>
<script type="text/javascript"> 
    $('.menu-toggle').click(function(){
        $('.menu-toggle').toggleClass('switch');
        $('.nav-right').toggleClass('expand');
        $('body').toggleClass('padded');
        $('.top').toggleClass('padded');
        $('.main-overlay').toggleClass('displayed');
    });
    $('.drop').click(function(){
        $('.drop-down').toggleClass('displayed');
    });
</script>
</body>
</html>

</script>