footer.html

<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

<!-- Custom styles for this template -->
<link href="css/modern-business.css" rel="stylesheet">

<!-- Custom styles for footer -->
<link href="css/custom.css" rel="stylesheet">
<link href="css/footer.css" rel="stylesheet">

<!-- Font icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css">

<!-- Footer -->
<footer class="page-footer font-small pt-4">

  <!-- Footer Links -->
  <div class="footer-links container-fluid text-center text-md-left">

    <!-- Grid row -->
    <div class="row">

      <!-- Grid column -->
      <div class="col-md-5 mt-md-0 mt-3">

        <!-- Content -->
        <h5 class="font-weight-bold mt-3 mb-4">DiversaTech Consulting</h5>

        <p>Subscribe to our external newsletter and get immediate updates about our club opportunities, external events, project updates, blog posts, and more.</p>

        <!-- Begin Mailchimp Signup Form -->
        <div id="mc_embed_signup">
          <form action="https://diversatech.us10.list-manage.com/subscribe/post?u=6e9fc7a7c79f79184aa5f3d30&amp;id=85796139d6" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
            <div id="mc_embed_signup_scroll" style="display: flex;">
          	<input type="email" value="" name="EMAIL" class="email form-control newsletter-submit-input" id="mce-EMAIL" placeholder="Email address" required>
              <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
              <div style="position: absolute; left: -5000px;" aria-hidden="true">
                <input type="text" name="b_6e9fc7a7c79f79184aa5f3d30_85796139d6" tabindex="-1" value="">
              </div>
                <div class="clear">
                  <input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="btn btn-primary newsletter-submit-btn">
                </div>
              </div>
          </form>
        </div>
        <!--End mc_embed_signup-->

      </div>
      <!-- Grid column -->

      <hr class="clearfix w-100 d-md-none pb-3">

      <!-- Grid column -->
      <div class="col-md-2 mb-md-0 mb-3 ml-3">

        <!-- Links -->
        <h5 class="font-weight-bold text-uppercase mt-3 mb-4">General</h5>

        <ul class="list-unstyled">
          <li>
            <a href="about.html">About</a>
          </li>
          <li>
            <a href="clients.html">Clients</a>
          </li>
          <li>
            <a href="events.html">Events</a>
          </li>
          <li>
            <a href="contact.html">Contact</a>
          </li>
        </ul>

      </div>
      <!-- Grid column -->

      <!-- Grid column -->
      <div class="col-md-2 mb-md-0 mb-3">

        <!-- Links -->
        <h5 class="font-weight-bold text-uppercase mt-3 mb-4">Join</h5>

        <ul class="list-unstyled">
          <li>
            <a href="apply.html">Students</a>
          </li>
          <li>
            <a href="contact.html">Clients</a>
          </li>
        </ul>

      </div>
      <!-- Grid column -->

			<!-- Grid column -->
      <div class="col-md-2 mb-md-0 mb-3">

        <!-- Links -->
        <h5 class="font-weight-bold text-uppercase mt-3 mb-4">Links</h5>

        <ul class="list-unstyled">
          <li>
            <a href="https://www.facebook.com/diversatechberkeley/">
							<i class="fa fa-facebook"></i> &nbsp; Facebook
						</a>
          </li>
          <li>
            <a href="https://www.linkedin.com/company/diversatech-at-berkeley">
							<i class="fa fa-linkedin"></i> &nbsp; LinkedIn
						</a>
          </li>
          <li>
            <a href="https://twitter.com/diversa_tech">
							<i class="fa fa-twitter"></i> &nbsp; Twitter
						</a>
          </li>
          <li>
            <a href="https://www.instagram.com/diversatech_cal/">
							<i class="fa fa-instagram"></i> &nbsp; Instagram
						</a>
          </li>
          <li>
            <a href="https://medium.com/diversatech">
							<i class="fa fa-medium"></i> &nbsp; Medium
						</a>
          </li>
        </ul>

      </div>
      <!-- Grid column -->

    </div>
    <!-- Grid row -->

  </div>
  <!-- Footer Links -->

  <!-- Copyright -->
  <div class="footer-copyright container-fluid text-center py-3 mt-4">
			© 2021 Copyright
    	<a href="mailto:diversatech.berkeley@gmail.com"> DiversaTech Consulting</a>
  </div>
  <!-- Copyright -->

</footer>
<!-- Footer -->