Difference between revisions of "Team:Manchester/Templates/Footer"

 
(165 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
 +
 +
<head>
 +
<!--visualisation-->
 +
<script type="text/javascript" src="https://2017.igem.org/Team:Manchester/Resources/JS:fontawesome?action=raw&ctype=text/javascript"></script>
 +
</head>
 +
 
<style>
 
<style>
−
.footer-distributed{
+
 
−
background-color: white;
+
html {
−
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
+
  background-color: #ffffff!important;
 +
  margin: 0px!important
 +
}
 +
 
 +
body {
 +
  background-color: #ffffff!important;
 +
  margin: 0px!important;
 +
}
 +
 
 +
.footer-distributed {
 +
        clear: both;
 
box-sizing: border-box;
 
box-sizing: border-box;
 
width: 100%;
 
width: 100%;
 
text-align: left;
 
text-align: left;
−
padding: 45px 50px;
+
        padding-left: 5%!important;
 +
        padding-right: 5%!important;
 
margin-top: 80px;
 
margin-top: 80px;
 
}
 
}
  
−
.footer-distributed .footer-left p{
+
.footer-distributed .footer-left p {
 
         color:  blue;
 
         color:  blue;
 
font-size: 14px;
 
font-size: 14px;
Line 43: Line 60:
 
float: right;
 
float: right;
 
margin-top: 6px;
 
margin-top: 6px;
−
max-width: 400px;
+
margin-left: 15px;
 +
padding-left: 15px;
 +
        border-left: thick double rgba(238, 238, 238, 0.7);
 +
        border-left-width: 20px;
 +
max-width: 450px;
 
}
 
}
  
Line 52: Line 73:
 
width: 50px;
 
width: 50px;
 
height: 35px;
 
height: 35px;
−
background-color: white;
+
background-color: transparent;
 
border-radius: 2px;
 
border-radius: 2px;
−
 
 
font-size: 20px;
 
font-size: 20px;
 
color: blue;
 
color: blue;
 
text-align: center;
 
text-align: center;
 
line-height: 35px;
 
line-height: 35px;
−
 
 
margin-left: 3px;
 
margin-left: 3px;
 
}
 
}
  
−
.sponsors {
+
.sponsors {
−
             margin: 2.5px;
+
             margin: 5px;
−
             width: 125px;
+
             width: 150px;
−
        }
+
}
 +
 
 +
.sponsors:hover {
 +
    opacity:0.9;
 +
    box-shadow:2px 2px 2px #888888;
 +
    transition: all 0.4 ease;
 +
}
  
 
  .sociallogo {
 
  .sociallogo {
Line 72: Line 97:
 
         margin: 8px;
 
         margin: 8px;
 
           }
 
           }
 +
 +
.fa:hover {
 +
    opacity: 0.8;
 +
}
 +
  
 
/* If you don't want the footer to be responsive, remove these media queries */
 
/* If you don't want the footer to be responsive, remove these media queries */
Line 85: Line 115:
 
float: none;
 
float: none;
 
margin: 0 auto 20px;
 
margin: 0 auto 20px;
 +
                border-left: none!important
 
}
 
}
  
 
.footer-distributed .footer-left p.footer-links{
 
.footer-distributed .footer-left p.footer-links{
 
line-height: 1.8;
 
line-height: 1.8;
−
}
+
        }
 +
 
 
}
 
}
 
</style>
 
</style>
−
 
+
<body>
−
<div class="clear"></div>
+
−
 
+
−
<br/>
+
−
 
+
−
<div class="clear"></div>
+
−
 
+
 
<footer class="footer-distributed">
 
<footer class="footer-distributed">
  
−
<div class="footer-left">
+
  <div class="footer-right">
−
                <a target="_blank" href="mailto:manchesterigem17@gmail.com">
+
    <img src="https://static.igem.org/mediawiki/2017/a/aa/T--Manchester--manchesterigem2017logo.jpg" width="100px">
−
<img class="sociallogo" src="https://static.igem.org/mediawiki/2017/7/72/T--Manchester--Gmail-icon.png">Mail
+
<a href="https://www.toptal.com/designers/colorfilter"><img title="Website optimised for colorblindness" alt="See your web site through colorblind eyes with the colorblind web page filter." src="https://www.toptal.com/designers/colorfilter/static/colorfilter_button.png" width="88" height="31"></a>
−
  </a> 
+
    <p>Connect with us:</p>
−
    <a target="_blank" href="https://www.facebook.com/iGEMManchester/">
+
                  <a target="_blank" href="mailto:manchesterigem17@gmail.com"><i class="fa fa-envelope fa-2x"></i></a> 
−
<img class="sociallogo" src="https://static.igem.org/mediawiki/2017/b/b6/T--Manchester--FB-logo.png">facebook.com/iGEMManchester
+
        <a target="_blank" href="https://www.facebook.com/iGEMManchester/"><i class="fa fa-facebook fa-2x"></i></a>
−
  </a>
+
  <a target="_blank" href="https://twitter.com/Manchester_iGEM"><i class="fa fa-twitter fa-2x"></i></a>
−
<a target="_blank" href="https://twitter.com/Manchester_iGEM">
+
  <a target="_blank" href="https://www.instagram.com/manchesterigem17/"><i class="fa fa-instagram fa-2x"></i></a>
−
<img class="sociallogo" src="https://static.igem.org/mediawiki/2017/e/e2/T--Manchester--Twitter_Logo_Blue.png">@Manchester_iGEM
+
                  <p> Email: manchesterigem17@gmail.com </p>
−
  </a>
+
  </div>
−
+
−
</div>
+
  
 +
    <div class="footer-left">
  
−
<div class="clear"></div>
+
<p class="footer-links">
  
 +
                                        <a target="_blank" href="http://www.mib.ac.uk/">
 +
        <img class="sponsors" src="https://static.igem.org/mediawiki/2017/2/22/T--Manchester--UOM.png">
 +
    </a>
  
−
<div class="footer-left">
+
                                        <a target="_blank" href="http://www.manchester.ac.uk/">
 +
        <img class="sponsors" src="https://static.igem.org/mediawiki/2017/a/a7/T--Manchester--sponsor_uom.png">
 +
    </a>
  
−
<p class="footer-links">
+
                                        <a target="_blank" href="http://www2.mmu.ac.uk/">
−
<a target="_blank" href="url">
+
         <img class="sponsors" src="https://static.igem.org/mediawiki/2017/e/ed/T--Manchester--sponsor_mmu.svg">
−
         <img class="sponsors" src="photo">
+
 
     </a>
 
     </a>
−
+
 
−
<a target="_blank" href="url">
+
<a target="_blank" href="http://www.snapgene.com/">
−
         <img class="sponsors" src="photo">
+
         <img class="sponsors" src="https://static.igem.org/mediawiki/2017/3/37/T--Manchester--sponsor_snapgene.png">
 
     </a>
 
     </a>
 
 
−
<a target="_blank" href="url">
+
<a target="_blank" href="https://www.mathworks.com/">
−
         <img class="sponsors" src="photo">
+
         <img class="sponsors" src="https://static.igem.org/mediawiki/2017/c/c2/T--Manchester--sponsor_mathworks.svg">
 
     </a>
 
     </a>
−
<a target="_blank" href="url">
+
 
−
         <img class="sponsors" src="photo">
+
<a target="_blank" href="https://www.idtdna.com/site">
 +
         <img class="sponsors" src="https://static.igem.org/mediawiki/2017/f/f2/T--Manchester--IDTLOGO.png">
 
     </a>
 
     </a>
−
                             
+
 
−
                                         <a target="_blank" href="url">
+
<a target="_blank" href="https://www.neb.com/">
−
         <img class="sponsors" src="photo">
+
        <img class="sponsors" src="https://static.igem.org/mediawiki/2017/f/fc/T--Manchester--NEBsponsorlogo.jpg">
 +
    </a>      
 +
 
 +
                                         <a target="_blank" href="http://www.agilent.com/home">
 +
         <img class="sponsors" src="https://static.igem.org/mediawiki/2017/0/00/T--Manchester--sponsor_agilent.png" style="background-color:rgba(0, 133, 213, 0.9)">
 
     </a>   
 
     </a>   
  
 +
<a target="_blank" href="https://www.promega.co.uk/">
 +
        <img class="sponsors" src="https://static.igem.org/mediawiki/2017/3/3a/T--Manchester--sponsor_promega.svg">
 +
    </a>
 
        
 
        
−
+
<a target="_blank" href="http://biocatnet.com/">
−
</p>
+
        <img class="sponsors" src="https://static.igem.org/mediawiki/2017/0/0e/T--Manchester--sponsor_biocatnet.png">
 +
    </a>
  
 +
<a target="_blank" href="http://ibcarb.com/">
 +
        <img class="sponsors" src="https://static.igem.org/mediawiki/2017/f/f9/T--Manchester--sponsor_ibcarb.png">
 +
    </a>
 
 
−
</div>
+
</p>
−
 
+
−
</footer>
+
  
 +
    </div>
  
 +
</footer>
 +
</body>
 
</html>
 
</html>

Latest revision as of 03:52, 2 November 2017