Difference between revisions of "Team:TECHNION-ISRAEL/example 1"

(Created page with "<html> <style> .footer-distributed{ background-color: rgb(255, 249, 197); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12); box-sizing: border-box; width: 100%; text-align: le...")
 
(Replaced content with "{{:2016.igem.org/wiki/index.php?title=Team:Imperial_College/Templates/NavBar}}")
Line 1: Line 1:
<html>
+
{{:2016.igem.org/wiki/index.php?title=Team:Imperial_College/Templates/NavBar}}
<style>
+
.footer-distributed{
+
background-color: rgb(255, 249, 197);
+
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: rgb(255, 249, 197);
+
font-size: 14px;
+
margin: 0;
+
}
+
.footer-distributed .footer-right p{
+
        color:  rgb(255, 249, 197);
+
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.technion.2017@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>
+

Revision as of 20:47, 28 August 2017

2016.igem.org/wiki/index.php?title=Team:Imperial College/Templates/NavBar