<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="footer"> <div class="col-md-3 col-md-offset-1"> <p> <b><a href="https://aurora.edu/academics/library/index.html">Home</a></b> </p> <p> <b><a href="http://libguides.aurora.edu/az.php">Research</a></b> </p> <p> <b><a href="http://aurora.libanswers.com/">Help</a></b> </p> <p> <b><a href="http://libguides.aurora.edu/libraryinfo">Library Information</a></b> </p> <p> <div id="hoverFB"> <a href="https://www.facebook.com/AUPhillipsLibrary/" style="display:block;width:114px;height:21px;"> </a> </div> </p> </div> <div class="col-md-3 col-md-offset-1"> <b><p> Information & Research Help </p></b> <p> 630-844-5437 (phone) </p> <p> 630-844-3848 (fax) </p> <p> 630-796-7615 (text) </p> <b><p> Interlibrary Loan </p></b> <p> 630-844-5439 </p> </div> <div class="col-md-3 col-md-offset-1"> <p><b>Phillips Library</b></p> <p>347 S. Gladstone Ave.</p> <p>Aurora, Illinois</p> <p>60506-4892</p> </br> <a class="btn btn-phillipslib btn-xs" href="http://www.aurora.edu/about/maps-directions/#axzz2coR40bzL" target="_blank" title="AU Campus Map">Campus Map</a> </div> </div> </div> </div> <p></p>

.footer { position: absolute; bottom: 0; width: 100%; /* Set the fixed height of the footer here */ height: 135px; font-size: .9em; padding-bottom: 5px; border-top: 3px solid #31813a; background-color: #1e357b; background:linear-gradient(#f2f2f2, #e6e6e6); color: #333; padding: 15px; line-height: .3; } .footer a { color: #333; } .footer a:hover { color: #48a948; text-decoration: none; } #hoverFB { background-image: url('https://libapps.s3.amazonaws.com/accounts/108452/images/FB-FindUsonFacebook-online-144bw.png'); width: 114px; height: 21px; } #hoverFB:hover { background-image: url('https://libapps.s3.amazonaws.com/accounts/108452/images/FB-FindUsonFacebook-online-144grn.png'); width: 114px; height: 21px; } .btn-phillipslib { background-color: #333333; color: #ffffff; border-color: #000000; } .btn-phillipslib:hover { background-color: #48a948; color: #ffffff; border-color: #31813a; } .btn-phillipslib:focus { background-color: #48a948; color: #ffffff; border-color: #31813a; } /* Small Devices, Tablets */ @media only screen and (max-width : 768px) { /* your mobile css, change this as you please */ .footer { position: absolute; bottom: 0; width: 100%; /* Set the fixed height of the footer here */ height: 350px; font-size: .9em; padding-bottom: 5px; border-top: 3px solid #31813a; background-color: #1e357b; background:linear-gradient(#f2f2f2, #e6e6e6); color: #333; padding: 15px; line-height: .3; } }