Difference between revisions of "Team:Hong Kong-CUHK"

(Undo revision 93828 by Sammisylo (talk))
Line 18: Line 18:
 
     padding: 15px 15px;
 
     padding: 15px 15px;
 
     text-decoration: none;
 
     text-decoration: none;
 +
}
 +
 +
.pull-right {
 +
    float: right;
 
}
 
}
  
Line 34: Line 38:
 
}
 
}
  
 +
.footer-distributed{
 +
background-color: #FFFFFF;
 +
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
 +
box-sizing: border-box;
 +
width: 100%;
 +
text-align: left;
 +
padding: 45px 50px;
 +
margin-top: 80px;
 +
}
  
 +
.footer-distributed .footer-left p{
 +
        color:  #52658F;
 +
font-size: 14px;
 +
margin: 0;
 +
}
 +
.footer-distributed .footer-right p{
 +
        color:  #52658F;
 +
font-size: 14px;
 +
margin: 0;
 +
}
 +
 +
/* Footer links */
 +
 +
.footer-distributed p.footer-links{
 +
font-size:18px;
 +
font-weight: bold;
 +
color:  #ffffff;
 +
margin: 0 0 10px;
 +
padding: 0;
 +
}
 +
 +
 +
.footer-distributed p.footer-links a{
 +
display:inline-block;
 +
line-height: 1.8;
 +
text-decoration: none;
 +
color:  inherit;
 +
}
 +
 +
.footer-distributed .footer-right{
 +
float: right;
 +
margin-top: 6px;
 +
max-width: 400px;
 +
}
 +
 +
 +
 +
.footer-distributed .footer-right a{
 +
display: inline-block;
 +
width: 50px;
 +
height: 35px;
 +
background-color:  #33383b;
 +
border-radius: 2px;
 +
 +
font-size: 20px;
 +
color: #52658F;
 +
text-align: center;
 +
line-height: 35px;
 +
 +
margin-left: 3px;
 +
}
 +
 +
.sponsors {
 +
            margin: 2.5px;
 +
            width: 125px;
 +
        }
 +
 +
/* If you don't want the footer to be responsive, remove these media queries */
 +
 +
@media (max-width: 600px) {
 +
 +
.footer-distributed .footer-left,
 +
.footer-distributed .footer-right{
 +
text-align: center;
 +
}
 +
 +
.footer-distributed .footer-right{
 +
float: none;
 +
margin: 0 auto 20px;
 +
}
 +
 +
.footer-distributed .footer-left p.footer-links{
 +
line-height: 1.8;
 +
}
 +
}
 +
 +
 +
 +
@import url(https://fonts.googleapis.com/css?family=Josefin+Sans:300,400);
 
* {
 
* {
  margin:auto;
+
 
 
   padding: 0;
 
   padding: 0;
 
}
 
}
Line 42: Line 134:
 
   height: 100%;
 
   height: 100%;
 
}
 
}
 +
  
  
Line 65: Line 158:
 
.adjust2{
 
.adjust2{
 
  margin:0;  
 
  margin:0;  
}
+
}  
.carousel-indicators li{  
+
.carousel-indicators li{
border :1px solid #ccc;
+
border :1px solid #ccc;  
}
+
}  
 
.carousel-control{  
 
.carousel-control{  
 
color:#31708f; width:5%;  
 
color:#31708f; width:5%;  
Line 105: Line 198:
 
   <!-- Indicators -->
 
   <!-- Indicators -->
 
   <ol class="carousel-indicators">
 
   <ol class="carousel-indicators">
     <li data-target="#myCarousel" data-slide-to="0" class="active" ></li>
+
     <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
 
     <li data-target="#myCarousel" data-slide-to="1"></li>
 
     <li data-target="#myCarousel" data-slide-to="1"></li>
 
     <li data-target="#myCarousel" data-slide-to="2"></li>
 
     <li data-target="#myCarousel" data-slide-to="2"></li>
Line 144: Line 237:
  
  
 +
 +
 +
 +
<footer class="footer-distributed">
 +
 +
<div class="footer-right">
 +
           
 +
 +
<a target="_blank" href="mailto:igemcuhk1617@gmail.com "><i class="fa fa-envelope-o fa-2x"></i></a> 
 +
    <a target="_blank" href="https://www.facebook.com/igemcuhk2017/?fref=ts"><i class="fa fa-facebook fa-2x"></i></a>
 +
 +
<p> Email: igemcuhk1617@gmail.com </p>
 +
</div>
 +
 +
 +
<div class="footer-left">
 +
 +
<p class="footer-links">
 +
 +
 +
<a target="_blank" href="https://www.neb.com/">
 +
        <img class="sponsors" src="https://static.igem.org/mediawiki/2017/a/ae/CUHK--NEB.PNG">
 +
    </a>
 +
 +
 +
</p>
 +
 +
 +
</div>
 +
 +
</footer>
  
  

Revision as of 16:28, 20 August 2017