Team:CityU HK/Template

From 2014.igem.org

(Difference between revisions)
Line 13: Line 13:
         background-size: cover
         background-size: cover
  }
  }
-
 
-
#footer {
 
-
background: rgba(0,0,0,0.8);
 
-
background-size:cover;
 
-
height: 200px;
 
-
        width: 100%;
 
-
clear: both;
 
-
bottom: 0;
 
-
        margin: 0;
 
-
        padding: 20px 20px 0px 20px;
 
-
        border-top: solid 1px #e0e0e0;
 
-
        position: absolute;
 
-
}
 
-
 
-
#footer h4 {
 
-
color: #fff;
 
-
}
 
-
 
-
#footer p {
 
-
color: #fff;
 
-
text-align: center;
 
-
}
 
-
 
-
#footer a {
 
-
color: #fff;
 
-
text-decoration: none;
 
-
}
 
-
 
-
#footer a:hover {
 
-
color: #3cc;
 
-
}
 
-
 
-
#footer img {
 
-
margin-left: 40px;
 
-
margin-top: 30px;
 
-
margin-bottom: 10px;
 
-
}
 
</style>
</style>
Line 113: Line 76:
</nav>
</nav>
-
<!--==================== footer ===========================-->
 
-
<div id="footer" class="row">
 
-
<div class="col-md-7">
 
-
      <h4>Sponsors</h3>
 
-
      <a href="http://www.cityu.edu.hk/" target="_blank"><img src="https://static.igem.org/mediawiki/2014/9/9c/CityU_HK_citylogo.png" width="95"></a>
 
-
    <a href="http://www6.cityu.edu.hk/bhdbapp/deptweb/index.html" target="_blank"><img src="https://static.igem.org/mediawiki/2014/9/98/CityU_HK_bchlogo.png" width="80"></a>
 
-
</div> <!-- end of col-md-7-->
 
-
<div class="col-md-5">
 
-
      <h4>Stay connected!</h4>
 
-
      <p>email: <a href="#">cityuhk.igem@gmail.com</a></p>
 
-
      <a href="#"><img src="https://s3.amazonaws.com/sbweb/images/icon-facebook-grey-150x150.png" width="50" height="48"></a>
 
-
      <a href="#"><img src="http://ibo2014.org/wordpress/wp-content/themes/ibo2014/img/navbar/twitter_icon.png" width="49" height="51"></a>
 
-
      <a href="#"><img src="http://3.bp.blogspot.com/-zNUyQIVgA8Q/Ue8USlgr8II/AAAAAAAAl1w/6ZCWqhS59Ts/s1600/youtube.png" width="52" height="50"></a>
 
-
</div> <!--end of col-md-5-->
 
-
</div> <!-- end of #footer -->
 
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->

Revision as of 15:49, 20 September 2014

Bootstrap 101 Template