Difference between revisions of "Template:WashU StLouis"

Line 326: Line 326:
 
     </nav>
 
     </nav>
  
<!-- Footer -->
+
<style>
<footer class="page-footer font-small mdb-color lighten-3 pt-4 mt-4">
+
.footer {
 +
    position: fixed;
 +
    left: 0;
 +
    bottom: 0;
 +
    width: 100%;
 +
    background-color: #6A6A6A ;
 +
    color: white;
 +
    text-align: center;
 +
}
 +
</style>
  
  <!-- Footer Links -->
+
<div class="footer">
  <div class="container text-center text-md-left">
+
  <p>Footer</p>
 
+
</div>
    <!-- Grid row -->
+
    <div class="row">
+
 
+
      <!-- Grid column -->
+
      <div class="col-md-4 col-lg-3 mr-auto my-md-4 my-0 mt-4 mb-1">
+
 
+
        <!-- Content -->
+
        <h5 class="font-weight-bold text-uppercase mb-4">About Us</h5>
+
        <p>Washington University in St. Louis's 2018 iGEM Page</p>
+
        <p>Just a group of sleep-deprived engineers trying to find purpose in life through saving wheat crops and their most important product, garlic bread.</p>
+
 
+
      </div>
+
      <!-- Grid column -->
+
 
+
      <hr class="clearfix w-100 d-md-none">
+
 
+
      <!-- Grid column -->
+
      <div class="col-md-2 col-lg-2 mx-auto my-md-4 my-0 mt-4 mb-1">
+
 
+
        <!-- Links -->
+
        <h5 class="font-weight-bold text-uppercase mb-4">Links</h5>
+
 
+
        <ul class="list-unstyled">
+
          <li><p><a href="https://igem.org/Main_Page">iGEM</a></p></li>
+
          <li><p><a href="https://wustl.edu">WashU</a></p></li>
+
        </ul>
+
 
+
      </div>
+
      <!-- Grid column -->
+
 
+
      <hr class="clearfix w-100 d-md-none">
+
 
+
      <!-- Grid column -->
+
      <div class="col-md-4 col-lg-3 mx-auto my-md-4 my-0 mt-4 mb-1">
+
 
+
        <!-- Contact details -->
+
        <h5 class="font-weight-bold text-uppercase mb-4">Contact</h5>
+
 
+
        <ul class="list-unstyled">
+
          <li><p><i class="fa fa-home mr-3"></i> St. Louis, MO 63130, US</p></li>
+
          <li><p><i class="fa fa-envelope mr-3"></i> washu.igem@gmail.com</p></li>
+
        </ul>
+
 
+
      </div>
+
      <!-- Grid column -->
+
 
+
      <hr class="clearfix w-100 d-md-none">
+
 
+
      <!-- Grid column -->
+
      <div class="col-md-2 col-lg-2 text-center mx-auto my-4">
+
 
+
        <!-- Social buttons -->
+
        <h5 class="font-weight-bold text-uppercase mb-4">Follow Us</h5>
+
 
+
        <!-- Facebook -->
+
        <a type="button" class="btn-floating btn-fb"><i class="fa fa-facebook"></i></a>
+
        <!-- Twitter -->
+
        <a type="button" class="btn-floating btn-tw"><i class="fa fa-twitter"></i></a>
+
        <!-- Google +-->
+
        <a type="button" class="btn-floating btn-gplus"><i class="fa fa-instagram"></i></a>
+
       
+
 
+
      </div>
+
      <!-- Grid column -->
+
 
+
    </div>
+
    <!-- Grid row -->
+
 
+
  </div>
+
  <!-- Footer Links -->
+
 
+
 
+
</footer>
+
  
 
</body>
 
</body>

Revision as of 17:19, 15 June 2018