|
|
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> |