Difference between revisions of "Template:Team:Gaston Day School/Footer"

 
(40 intermediate revisions by the same user not shown)
Line 20: Line 20:
 
font-size: 14px;
 
font-size: 14px;
 
margin: 0;
 
margin: 0;
 +
        text-weight: bold;
 
}
 
}
 +
 +
.media {
 +
          margin: 2px;
 +
          width: 40px
 +
        }
  
 
/* Footer links */
 
/* Footer links */
  
 
.footer-distributed p.footer-links{
 
.footer-distributed p.footer-links{
font-size:18px;
+
font-size: 18px;
 
font-weight: bold;
 
font-weight: bold;
color: white;
+
color: white;
 
margin: 0 0 10px;
 
margin: 0 0 10px;
 
padding: 0;
 
padding: 0;
Line 40: Line 46:
 
}
 
}
  
.footer-distributed .footer-right{
+
.footer-distributed .footer-right {
 
float: right;
 
float: right;
 
margin-top: 6px;
 
margin-top: 6px;
Line 48: Line 54:
  
  
.footer-distributed .footer-right a{
+
.footer-distributed .footer-right .media a{
 
display: inline-block;
 
display: inline-block;
 
width: 50px;
 
width: 50px;
Line 67: Line 73:
 
             width: 125px;
 
             width: 125px;
 
         }
 
         }
 
.myBtn {
 
       
 
        position: fixed; /* Fixed/sticky position */
 
        bottom: 10px; /* Place the button at the bottom of the page */
 
        right: 10px; /* Place the button 30px from the right */
 
        z-index: 99; /* Make sure it does not overlap */
 
        border: none; /* Remove borders */
 
        outline: none; /* Remove outline */
 
        cursor: pointer; /* Add a mouse pointer on hover */
 
        padding: 10px; /* Some padding */
 
        border-radius: 10px; /* Rounded corners */
 
}
 
  
 
</style>
 
</style>
  
<footer class="footer-distributed">
+
<footer class="footer-distributed" style="padding-top:25px; padding-bottom:30px; border-top:1px">
 +
  <div class="footer-right">
 +
          <a target="_blank" href="https://twitter.com/gastonday">
 +
          <img class="media" src="https://static.igem.org/mediawiki/2017/archive/f/f7/20171010190342%21Twitter.png"></a>
 +
          <a target="_blank" href="https://www.facebook.com/Gaston-Day-School-99225644070/">
 +
          <img class="media" src="https://static.igem.org/mediawiki/2017/3/32/Facebooklogo.png"></a>
 +
          <a target="_blank" href="https://www.instagram.com/gastondayschool/">
 +
          <img class="media" src="https://static.igem.org/mediawiki/2017/7/77/Instagram-3-512.png"></a>
 +
          <a target="_blank" href="https://www.youtube.com/channel/UCXD9o91l7HQserD5GEOJTTw">
 +
          <img class="media" src="https://static.igem.org/mediawiki/2017/a/af/Youtube.png"></a>
  
<div class="footer-right">
+
        <p>&nbsp;</p>
     <p> Email: hq@igem.org </p>
+
     <p> Email: iGEM@gastonday.org </p>  
          
+
         <p> Gaston Day School </p>
         <a target="_blank" ><img class="myBtn" src="https://static.igem.org/mediawiki/2017/7/7c/Arrow.jpg"></a>
+
         <p> 2001 Gaston Day School Rd </p>
 +
        <p> Gastonia 28056 </p>
 
          
 
          
                </div>
+
  </div>
  
  

Latest revision as of 02:35, 2 November 2017