Difference between revisions of "Template:US AFRL CarrollHS/footer"

Line 32: Line 32:
  
 
</style>
 
</style>
 +
 +
<!-- Footer -->
 +
<footer class="page-footer font-small blue pt-4">
 +
 +
    <!-- Footer Links -->
 +
    <div class="container-fluid text-center text-md-left">
 +
 +
      <!-- Grid row -->
 +
      <div class="row">
 +
 +
        <!-- Grid column -->
 +
        <div class="col-md-6 mt-md-0 mt-3">
 +
 +
          <!-- Content -->
 +
          <h5 class="text-uppercase">Footer Content</h5>
 +
          <p>Here you can use rows and columns here to organize your footer content.</p>
 +
 +
        </div>
 +
        <!-- Grid column -->
 +
 +
        <hr class="clearfix w-100 d-md-none pb-3">
 +
 +
        <!-- Grid column -->
 +
        <div class="col-md-3 mb-md-0 mb-3">
 +
 +
            <!-- Links -->
 +
            <h5 class="text-uppercase">Links</h5>
 +
 +
            <ul class="list-unstyled">
 +
              <li>
 +
                <a href="#!">Link 1</a>
 +
              </li>
 +
              <li>
 +
                <a href="#!">Link 2</a>
 +
              </li>
 +
              <li>
 +
                <a href="#!">Link 3</a>
 +
              </li>
 +
              <li>
 +
                <a href="#!">Link 4</a>
 +
              </li>
 +
            </ul>
 +
 +
          </div>
 +
          <!-- Grid column -->
 +
 +
          <!-- Grid column -->
 +
          <div class="col-md-3 mb-md-0 mb-3">
 +
 +
            <!-- Links -->
 +
            <h5 class="text-uppercase">Links</h5>
 +
 +
            <ul class="list-unstyled">
 +
              <li>
 +
                <a href="#!">Link 1</a>
 +
              </li>
 +
              <li>
 +
                <a href="#!">Link 2</a>
 +
              </li>
 +
              <li>
 +
                <a href="#!">Link 3</a>
 +
              </li>
 +
              <li>
 +
                <a href="#!">Link 4</a>
 +
              </li>
 +
            </ul>
 +
 +
          </div>
 +
          <!-- Grid column -->
 +
 +
      </div>
 +
      <!-- Grid row -->
 +
 +
    </div>
 +
    <!-- Footer Links -->
 +
 +
    <!-- Copyright -->
 +
    <div class="footer-copyright text-center py-3">© 2018 Copyright:
 +
      <a href="https://mdbootstrap.com/bootstrap-tutorial/"> MDBootstrap.com</a>
 +
    </div>
 +
    <!-- Copyright -->
 +
 +
  </footer>
 +
  <!-- Footer -->
  
 
<div class=footer2>
 
<div class=footer2>

Revision as of 14:11, 14 October 2018

Facebook

Twitter

Instagram

Youtube

Follow our social media!