|
|
(153 intermediate revisions by 2 users not shown) |
Line 1: |
Line 1: |
− |
| |
− |
| |
| <html> | | <html> |
| <style> | | <style> |
− | .footer-distributed{
| |
− | background-color: red;
| |
− | box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
| |
− | box-sizing: border-box;
| |
− | width: 100%;
| |
− | text-align: center;
| |
− | padding: 45px 50px;
| |
− | margin-top: 80px;
| |
− | }
| |
| | | |
− | .footer-distributed .footer-left p{
| + | #verteilt1 { |
− | color: #52658F;
| + | justify-content: space-between; |
− | font-size: 14px;
| + | |
− | margin: 0;
| + | |
− | }
| + | |
− | .footer-distributed .footer-right p{
| + | |
− | color: #52658F;
| + | |
− | font-size: 14px;
| + | |
− | margin: 0;
| + | |
| } | | } |
| | | |
− | /* Footer links */
| + | #navbar { |
| + | background: #7c0303; |
| + | border-color: #7c0303; |
| + | box-shadow: -webkit-box-shadow: 0 12px 12px -6px #999; |
| + | -moz-box-shadow: 0 12px 12px -6px #999; |
| + | box-shadow: 0 12px 12px -6px #999; |
| + | position: absolute; |
| + | bottom: 0px; |
| + | width: 100%; |
| + | margin-top: 100px; |
| | | |
− | .footer-distributed p.footer-links{
| |
− | font-size:18px;
| |
− | font-weight: bold;
| |
− | color: #ffffff;
| |
− | margin: 0 0 10px;
| |
− | padding: 0;
| |
| } | | } |
− | | + | #col-sm-1 { |
− | | + | background-color: transparent!important; |
− | .footer-distributed p.footer-links a{
| + | padding: 10px 10px!important; |
− | 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;
| |
− | }
| |
− | }
| |
| </style> | | </style> |
| + | <br><br><br> |
| + | <nav id="navbar" class="navbar navbar-default navbar-bottom verteilt1" style="margin-bottom: 0px"> |
| + | <div class="navbar-footer"> |
| + | <div class="row"> |
| + | <div id="col-sm-1" class="col-sm-1"></div> |
| + | <div id="col-sm-1" class="col-sm-1"></div> |
| + | <div id="col-sm-1" class="col-sm-1"></div> |
| + | <div id="col-sm-1" class="col-sm-1"></div> |
| + | <div id="col-sm-1" class="col-sm-1"><div id="uni"><a target="_blank" href="http://www.uni-freiburg.de/"><img src="https://static.igem.org/mediawiki/2017/0/01/T--FREIBURG--footer_uni.png" style="height:60px"></a></div></div> |
| + | <div id="col-sm-1" class="col-sm-1"style="margin: 15px 10px 10px 10px"><div id="bioss"><a target="_blank" href="http://www.bioss.uni-freiburg.de/"><img src="https://static.igem.org/mediawiki/2017/b/b7/Logo-bioss.png" style="height:40px"></a></div></div> |
| + | <div id="col-sm-1" class="col-sm-1"><div id="facebook"><a target="_blank" href="https://www.facebook.com/igemfreiburg2017"><img src="https://static.igem.org/mediawiki/2017/9/9d/Facebook-logo.png" style="height:60px"></a></div> </div> |
| + | <div id="col-sm-1" class="col-sm-1" style="margin: 5.5px 10px 10px 10px"><div id="twitter"><a target="_blank" href="https://twitter.com/iGEMFreiburg"><img src="https://static.igem.org/mediawiki/2017/6/67/Twitter-logo.png" style="height:52px"></a></div></div> |
| + | <div id="col-sm-1" class="col-sm-1"></div> |
| + | <div id="col-sm-1" class="col-sm-1"></div> |
| + | <div id="col-sm-1" class="col-sm-1"></div> |
| + | </div> |
| + | </div> |
| + | </nav> |
| | | |
− | <footer class="footer-distributed">
| |
− |
| |
− | <div class="footer-right">
| |
− | <a target="_blank" href="mailto:igem.imperial2016@gmail.com"><i class="fa fa-envelope-o fa-2x"></i></a>
| |
− | <a target="_blank" href="https://www.facebook.com/2016imperialigem/"><i class="fa fa-facebook fa-2x"></i></a>
| |
− | <a target="_blank" href="https://twitter.com/imperialigem"><i class="fa fa-twitter fa-2x"></i></a>
| |
− | <a target="_blank" href="https://github.com/IC-iGEM-2016?tab=repositories"><i class="fa fa-github fa-2x fa-fw"></i></a>
| |
− | <p> Email: igem.imperial2016@gmail.com </p>
| |
− | </div>
| |
− |
| |
− |
| |
− | <div class="footer-left">
| |
− |
| |
− | <p class="footer-links">
| |
− | <a target="_blank" href="https://www.imperial.ac.uk/synthetic-biology">
| |
− | <img class="sponsors" src="https://static.igem.org/mediawiki/2016/6/68/T--Imperial_College--csynbi.png">
| |
− | </a>
| |
− |
| |
− | <a target="_blank" href="http://www.synbicite.com/">
| |
− | <img class="sponsors" src="https://static.igem.org/mediawiki/2016/1/1c/T--Imperial_College--synb.png">
| |
− | </a>
| |
− |
| |
− | <a target="_blank" href="https://www.neb.com/">
| |
− | <img class="sponsors" src="https://static.igem.org/mediawiki/2016/e/ed/T--Imperial_College--NEB.png">
| |
− | </a>
| |
− | <a target="_blank" href="https://www.sebiology.org/">
| |
− | <img class="sponsors" src="https://static.igem.org/mediawiki/2016/5/5e/T--Imperial_College--SEB.png">
| |
− | </a>
| |
− |
| |
− | <a target="_blank" href="https://wellcome.ac.uk/">
| |
− | <img class="sponsors" src="https://static.igem.org/mediawiki/2016/b/b5/T--Imperial_College--Wellcom.png">
| |
− | </a>
| |
− |
| |
− | <a target="_blank" href="https://www.epsrc.ac.uk/">
| |
− | <img class="sponsors" src="https://static.igem.org/mediawiki/2016/d/d9/T--Imperial_College--EPSRC.jpg">
| |
− | </a>
| |
− | <a target="_blank" href="http://www.bbsrc.ac.uk/">
| |
− | <img class="sponsors" src="https://static.igem.org/mediawiki/2016/1/1e/T--Imperial_College--BBSRC.gif">
| |
− | </a>
| |
− | <a target="_blank" href="https://www.eppendorf.com/UK-en/">
| |
− | <img class="sponsors" src="https://static.igem.org/mediawiki/2016/3/3a/T--Imperial_College--Eppendorf.png">
| |
− | </a>
| |
− |
| |
− | <a target="_blank" href="http://www.bmglabtech.com/">
| |
− | <img class="sponsors" src="https://static.igem.org/mediawiki/2016/e/ee/T--Imperial_College--BMG.png">
| |
− | </a>
| |
− |
| |
− | </p>
| |
− |
| |
− |
| |
− | </div>
| |
− |
| |
− | </footer>
| |
| | | |
| | | |
| </html> | | </html> |