Difference between revisions of "Template:Freiburg/Footer"

Line 1: Line 1:
−
<html></div></div></div>
+
/* <html></div></div></div>
 
<div class="content_footer">
 
<div class="content_footer">
 
<div class="contacts">
 
<div class="contacts">
Line 10: Line 10:
 
</div>
 
</div>
 
</div>
 
</div>
 +
</html> */
 +
 +
<html>
 +
<style>
 +
.footer-distributed{
 +
background-color: #F7F5E6;
 +
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;
 +
}
 +
}
 +
</style>
 +
 +
<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>

Revision as of 11:38, 24 September 2017

/*

*/