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); | ||
* { | * { | ||
− | + | ||
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