Difference between revisions of "Template:Manchester/Footer"

 
(44 intermediate revisions by the same user not shown)
Line 18: Line 18:
 
   margin: 0px!important;
 
   margin: 0px!important;
 
}
 
}
 +
  
 
.footer-distributed {
 
.footer-distributed {
Line 24: Line 25:
 
width: 100%;
 
width: 100%;
 
text-align: left;
 
text-align: left;
−
         padding-left: 5%!important;
+
         padding-left: 2%!important;
 
         padding-right: 5%!important;
 
         padding-right: 5%!important;
−
margin-top: 80px;
+
margin-top: 20px;
 +
        margin-bottom: 20px;
 
}
 
}
  
 
.footer-distributed .footer-left p {
 
.footer-distributed .footer-left p {
−
         color:  blue;
+
         color:  black;
 
font-size: 14px;
 
font-size: 14px;
 
margin: 0;
 
margin: 0;
 
}
 
}
 
.footer-distributed .footer-right p{
 
.footer-distributed .footer-right p{
−
         color:  blue;
+
         color:  black;
 
font-size: 14px;
 
font-size: 14px;
 
margin: 0;
 
margin: 0;
Line 45: Line 47:
 
font-size: 18px;
 
font-size: 18px;
 
font-weight: bold;
 
font-weight: bold;
−
color:  blue;
+
color:  black;
 
margin: 0 0 10px;
 
margin: 0 0 10px;
 
padding: 0;
 
padding: 0;
Line 63: Line 65:
 
margin-left: 15px;
 
margin-left: 15px;
 
padding-left: 15px;
 
padding-left: 15px;
−
        border-left: thick double rgba(238, 238, 238, 0.7);
 
−
        border-left-width: 20px;
 
 
max-width: 450px;
 
max-width: 450px;
 
}
 
}
Line 77: Line 77:
 
border-radius: 2px;
 
border-radius: 2px;
 
font-size: 20px;
 
font-size: 20px;
−
color: blue;
+
color: purple;
 
text-align: center;
 
text-align: center;
 
line-height: 35px;
 
line-height: 35px;
Line 84: Line 84:
  
 
.sponsors {
 
.sponsors {
−
             margin: 5px;
+
             margin: 10px;
−
             width: 150px;
+
             width: 200px;
 
}
 
}
  
Line 97: Line 97:
 
         width: 30px;
 
         width: 30px;
 
         margin: 8px;
 
         margin: 8px;
 +
        padding-bottom: 20px;
 +
        padding-top: 80px;
 
           }
 
           }
  
 
.fa:hover {
 
.fa:hover {
−
     opacity: 0.8;
+
     opacity: 0.7;
 
}
 
}
  
Line 125: Line 127:
 
}
 
}
 
</style>
 
</style>
 +
 +
 
<body>
 
<body>
 
<footer class="footer-distributed">
 
<footer class="footer-distributed">
  
 
   <div class="footer-right">
 
   <div class="footer-right">
−
    <img src="https://static.igem.org/mediawiki/2017/a/aa/T--Manchester--manchesterigem2017logo.jpg" width="100px">
+
  <p style="text-align:left;padding-bottom:2px;font-size:150%;font-style: bold;padding-top:5px;"><b>FIND US:</b></p>
−
<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>
+
    <p style="text-align:left;padding:2px 0;font-size:150%;font-style: bold;">Manchester Institute of Biotechnology</p>
−
    <p>Connect with us:</p>
+
    <p style="text-align:left;padding:2px 0;font-size:150%;font-style: bold;">The University of Manchester</p>
 +
    <p style="text-align:left;padding:2px 0;font-size:150%;font-style: bold;">131 Princess Street</p>
 +
    <p style="text-align:left;padding:2px 0;font-size:150%;font-style: bold;">Manchester, M1 7DN, UK</p>
 +
    <p style="text-align:left;padding:2px 0;font-size:150%;font-style: bold;"><a href="#" target="_blank">manchesterigemteam2018@gmail.com</a></p>
 
                   <a target="_blank" href="mailto:manchesterigemteam2018@gmail.com"><i class="fa fa-envelope fa-2x"></i></a>   
 
                   <a target="_blank" href="mailto:manchesterigemteam2018@gmail.com"><i class="fa fa-envelope fa-2x"></i></a>   
−
         <a target="_blank" href="https://www.facebook.com/iGEMManchester/"><i class="fa fa-facebook fa-2x"></i></a>
+
         <a target="_blank" href="https://www.facebook.com/igem.mancheester.3"><i class="fa fa-facebook fa-2x"></i></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/UoM_iGem_2018"><i class="fa fa-twitter fa-2x"></i></a>
−
  <a target="_blank" href="https://www.instagram.com/manchesterigem17/"><i class="fa fa-instagram fa-2x"></i></a>
+
  <a target="_blank" href="https://www.instagram.com/man_cheester/"><i class="fa fa-instagram fa-2x"></i></a>
−
                  <p> Email: manchesterigem17@gmail.com </p>
+
               
−
  </div>
+
  
−
    <div class="footer-left">
+
</div>
  
−
<p class="footer-links">
+
<div class="footer-left">
 +
<p class="footer-links">
 +
        <a target="_blank" href="http://www.manchester.ac.uk/">
 +
<img class="sponsors" src="https://2018.igem.org/wiki/image/T--Manchester--UoMsponsorlogo.PNG"></a>
  
−
                                        <a target="_blank" href="http://www.mib.ac.uk/">
+
        <a target="_blank" href="https://www.idtdna.com/pages">
−
        <img class="sponsors" src="https://static.igem.org/mediawiki/2017/2/22/T--Manchester--UOM.png">
+
<img class="sponsors" src="https://2018.igem.org/wiki/image/T--Manchester--IDTsponsorlogo.png"></a>
−
    </a>
+
  
−
                                        <a target="_blank" href="http://www.manchester.ac.uk/">
+
        <a target="_blank" href="https://uk.mathworks.com">
−
        <img class="sponsors" src="https://static.igem.org/mediawiki/2017/a/a7/T--Manchester--sponsor_uom.png">
+
<img class="sponsors" src="https://2018.igem.org/wiki/image/T--Manchester--Mathworkssponsorlogo.png"></a>
−
    </a>
+
             
 +
  <a target="_blank" href="http://www.mib.ac.uk">
 +
<img class="sponsors" src="https://2018.igem.org/wiki/image/T--Manchester--MIBsponsorlogo.png"></a>
  
−
                                        <a target="_blank" href="http://www2.mmu.ac.uk/">
+
<a target="_blank" href="https://www.promega.co.uk">
−
        <img class="sponsors" src="https://static.igem.org/mediawiki/2017/e/ed/T--Manchester--sponsor_mmu.svg">
+
<img class="sponsors" src="https://static.igem.org/mediawiki/2018/6/6c/T--Manchester--promeg.PNG"></a>
−
    </a>
+
  
−
<a target="_blank" href="http://www.snapgene.com/">
+
<a target="_blank" href="https://international.neb.com/">
−
        <img class="sponsors" src="https://static.igem.org/mediawiki/2017/3/37/T--Manchester--sponsor_snapgene.png">
+
<img class="sponsors" src="https://2018.igem.org/wiki/image/T--Manchester--NEBsponsorlogo.PNG"></a>
−
    </a>
+
−
+
−
<a target="_blank" href="https://www.mathworks.com/">
+
−
        <img class="sponsors" src="https://static.igem.org/mediawiki/2017/c/c2/T--Manchester--sponsor_mathworks.svg">
+
−
    </a>
+
  
−
<a target="_blank" href="https://www.idtdna.com/site">
+
<a target="_blank" href="http://synbiochem.co.uk/">
−
        <img class="sponsors" src="https://static.igem.org/mediawiki/2017/f/f2/T--Manchester--IDTLOGO.png">
+
<img class="sponsors" src="https://2018.igem.org/wiki/image/T--Manchester--SynBiochemsponsorlogo.png"></a>
−
    </a>
+
  
−
<a target="_blank" href="https://www.neb.com/">
+
<a target="_blank" href="http://www.snapgene.com/">
−
        <img class="sponsors" src="https://static.igem.org/mediawiki/2017/f/fc/T--Manchester--NEBsponsorlogo.jpg">
+
<img class="sponsors" src="https://2018.igem.org/wiki/image/T--Manchester--SnapgeneSponsorlogo.PNG"></a>
−
    </a>      
+
  
−
                                        <a target="_blank" href="http://www.agilent.com/home">
+
</p>
−
        <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 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/">
+
−
        <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>
+
−
+
−
</p>
+
  
 
     </div>
 
     </div>
Line 193: Line 179:
 
</footer>
 
</footer>
 
</body>
 
</body>
−
</html>
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
<footer style= "background-color:#e6e6e6">
 
−
 
−
<!--imgs -->
 
−
<span id="sponsors1">
 
−
<a href="https://www.idtdna.com/pages"><img src="https://2018.igem.org/wiki/image/T--Manchester--IDTsponsorlogo.png" width="160" height="auto"></a>
 
−
<a href="https://uk.mathworks.com"><img src="https://2018.igem.org/wiki/image/T--Manchester--Mathworkssponsorlogo.png" width="160" height="auto"></a>
 
−
<a href="http://www.mib.ac.uk"><img src="https://2018.igem.org/wiki/image/T--Manchester--MIBsponsorlogo.png" width="160" height="auto"></a>
 
−
<a href="https://www.promega.co.uk"><img src="https://2018.igem.org/wiki/image/T--Manchester--Promegasponsorlogo.png" width="160" height="auto"></a>
 
−
</span>
 
−
 
−
<span id="sponsors2">
 
−
<a href="https://international.neb.com/"><img src="https://2018.igem.org/wiki/image/T--Manchester--NEBsponsorlogo.PNG" width="160" height="auto"></a>
 
−
<a href="http://synbiochem.co.uk/"><img src="https://2018.igem.org/wiki/image/T--Manchester--SynBiochemsponsorlogo.png" width="160" height="auto"></a>
 
−
<a href="http://www.snapgene.com/"><img src="https://2018.igem.org/wiki/image/T--Manchester--SnapgeneSponsorlogo.PNG" width="160" height="auto"></a>
 
−
<a href="https://www.manchester.ac.uk/"><img src="https://2018.igem.org/wiki/image/T--Manchester--UoMsponsorlogo.PNG" width="160" height="auto"></a>
 
−
</span>
 
−
 
−
<span id="contact">
 
−
    <h1 style="text-align:left;padding-bottom:10px;font-size:150%;">Find us</h1>
 
−
    <p style="text-align:left;padding:2px 0;font-size:150%;">Manchester Institute of Biotechnology</p>
 
−
    <p style="text-align:left;padding:2px 0;font-size:150%;">The University of Manchester</p>
 
−
    <p style="text-align:left;padding:2px 0;font-size:150%;">131 Princess Street</p>
 
−
    <p style="text-align:left;padding:2px 0;font-size:150%;">Manchester, M1 7DN, UK</p>
 
−
    <p style="text-align:left;padding:2px 0;font-size:150%;"><a href="#" target="_blank">manchesterigemteam2018@gmail.com</a></p>
 
−
  </span>
 
−
 
−
<span id="socialmedia">
 
−
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 
−
 
−
<a href="https://www.facebook.com/igem.mancheester.3" class="fa fa-facebook"></a>
 
−
<a href="https://twitter.com/UoM_iGem_2018" class="fa fa-twitter"></a>
 
−
<a href="https://www.instagram.com/man_cheester/" class="fa fa-instagram"></a>
 
−
</span>
 
−
 
−
<style>
 
−
 
−
h1 {
 
−
border-bottom: none;
 
−
}
 
−
 
−
#contact{
 
−
padding-left:10%;
 
−
padding-bottom:3%;
 
−
}
 
−
 
−
/* Style all font awesome icons */
 
−
.fa {
 
−
  font-size: 30px;
 
−
  width: 30px;
 
−
  text-align: center;
 
−
  text-decoration: none;
 
−
  margin: 5px 2px;
 
−
  border-radius: 50%;
 
−
}
 
−
 
−
/* Add a hover effect if you want */
 
−
.fa:hover {
 
−
    opacity: 0.7;
 
−
}
 
−
 
−
/* Set a specific color for each brand */
 
−
 
−
.fa-facebook {
 
−
  background: #282e34;
 
−
  color: black;
 
−
}
 
−
 
−
.fa-twitter {
 
−
  background: #55ACEE;
 
−
  color: black;
 
−
}
 
−
 
−
.fa-instagram {
 
−
  background: #125688;
 
−
  color: black;
 
−
}
 
−
 
−
#socialmedia {
 
−
float: right;
 
−
 
−
}
 
−
 
−
</style>
 
−
</footer>
 
 
</html>
 
</html>

Latest revision as of 02:44, 17 September 2018