Difference between revisions of "Template:Manchester/Footer"

Line 133: Line 133:
 
     <p>Connect with us:</p>
 
     <p>Connect with us:</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>
+
                   <p> Email: manchesterigemteam2018@gmail.com </p>
−
  </div>
+
  
−
    <div class="footer-left">
+
<div class="footer-left">
  
−
<p class="footer-links">
+
<p class="footer-links">
  
 
                                         <a target="_blank" href="http://www.mib.ac.uk/">
 
                                         <a target="_blank" href="http://www.mib.ac.uk/">
Line 228: Line 227:
 
   </span>
 
   </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>
 
</footer>
 
</html>
 
</html>

Revision as of 20:43, 7 September 2018

See your web site through colorblind eyes with the colorblind web page filter.

Connect with us:

Email: manchesterigemteam2018@gmail.com






<a href="https://www.idtdna.com/pages"><img src="T--Manchester--IDTsponsorlogo.png" width="160" height="auto"></a> <a href="https://uk.mathworks.com"><img src="T--Manchester--Mathworkssponsorlogo.png" width="160" height="auto"></a> <a href="http://www.mib.ac.uk"><img src="T--Manchester--MIBsponsorlogo.png" width="160" height="auto"></a> <a href="https://www.promega.co.uk"><img src="T--Manchester--Promegasponsorlogo.png" width="160" height="auto"></a>

<a href="https://international.neb.com/"><img src="T--Manchester--NEBsponsorlogo.PNG" width="160" height="auto"></a> <a href="http://synbiochem.co.uk/"><img src="T--Manchester--SynBiochemsponsorlogo.png" width="160" height="auto"></a> <a href="http://www.snapgene.com/"><img src="T--Manchester--SnapgeneSponsorlogo.PNG" width="160" height="auto"></a> <a href="https://www.manchester.ac.uk/"><img src="T--Manchester--UoMsponsorlogo.PNG" width="160" height="auto"></a>

Find us

Manchester Institute of Biotechnology

The University of Manchester

131 Princess Street

Manchester, M1 7DN, UK

<a href="#" target="_blank">manchesterigemteam2018@gmail.com</a>


</footer> </html>