Difference between revisions of "Template:US AFRL CarrollHS/footer"

 
(34 intermediate revisions by the same user not shown)
Line 4: Line 4:
  
 
.container {
 
.container {
−
background-color:blue;
 
 
width: 100%;
 
width: 100%;
 
}
 
}
  
 
.pt-3, .py-3 {
 
.pt-3, .py-3 {
−
background-color: green;
+
background-color: #001438;
 
}
 
}
 +
 +
footer.page-footer.font-small.pt-4 {
 +
width: 100%;
 +
background-color: #B3B9DC;
 +
}
 +
  
 
img.icon {
 
img.icon {
 
width: 50%;
 
width: 50%;
 
height: auto;
 
height: auto;
−
margin-top: 40px;
+
margin-top: 10px;
 
padding-bottom: 40px;
 
padding-bottom: 40px;
 
}
 
}
Line 27: Line 32:
 
}
 
}
  
−
@media (min-width: 1200px) .container {
+
.footer-copyright {
−
max-width: 1300px;
+
font-family:Montserrat, Ariel, sans-serif;
 
}
 
}
  
−
.rowfooter .row {
+
.rowfooter {
−
width: 100%;
+
padding-bottom: 0px;
 
}
 
}
 +
 +
footer.page-footer {
 +
margin-bottom: -30px;
 +
margin-top: 15px;
 +
}
 +
 +
.footer-copyright {
 +
 +
}
 +
 
</style>
 
</style>
  
 +
 +
<div class="rowfooter">
 
<footer class="page-footer font-small pt-4">
 
<footer class="page-footer font-small pt-4">
  
Line 44: Line 61:
 
       <ul class="list-unstyled list-inline text-center">
 
       <ul class="list-unstyled list-inline text-center">
  
−
<div class="rowfooter">
 
 
   <div class="row">
 
   <div class="row">
−
<div class="col-md-1"></div>
+
<div class="col-sm-1"></div>
−
     <div class="col-md-2">
+
     <div class="col-sm-2">
 
         <li class="list-inline-item">
 
         <li class="list-inline-item">
 
           <a class="btn-floating btn-gplus mx-1" href="https://twitter.com/iGEMLabPats">
 
           <a class="btn-floating btn-gplus mx-1" href="https://twitter.com/iGEMLabPats">
Line 55: Line 71:
 
</div>
 
</div>
  
−
     <div class="col-md-2">
+
     <div class="col-sm-2">
 
         <li class="list-inline-item">
 
         <li class="list-inline-item">
−
           <a class="btn-floating btn-gplus mx-1" href="https://twitter.com/iGEMLabPats">
+
           <a class="btn-floating btn-gplus mx-1" href="https://www.facebook.com/iGEMLabPats/">
 
             <img class="icon" src="https://static.igem.org/mediawiki/2018/3/38/T--US_AFRL_CarrollHS--FacebookLogo.png">
 
             <img class="icon" src="https://static.igem.org/mediawiki/2018/3/38/T--US_AFRL_CarrollHS--FacebookLogo.png">
 
           </a>
 
           </a>
Line 63: Line 79:
 
</div>
 
</div>
  
−
     <div class="col-md-2">
+
     <div class="col-sm-2">
 
         <li class="list-inline-item">
 
         <li class="list-inline-item">
−
           <a class="btn-floating btn-gplus mx-1" href="https://twitter.com/iGEMLabPats">
+
           <a class="btn-floating btn-gplus mx-1" href="https://www.instagram.com/igemlabpats/">
 
             <img class="icon" src="https://static.igem.org/mediawiki/2018/7/7b/T--US_AFRL_CarrollHS--InstagramLogo.png">
 
             <img class="icon" src="https://static.igem.org/mediawiki/2018/7/7b/T--US_AFRL_CarrollHS--InstagramLogo.png">
 
           </a>
 
           </a>
Line 71: Line 87:
 
</div>
 
</div>
  
−
     <div class="col-md-2">
+
     <div class="col-sm-2">
 
         <li class="list-inline-item">
 
         <li class="list-inline-item">
 
           <a class="btn-floating btn-gplus mx-1" href="https://www.youtube.com/channel/UC8LLN6O9jiJSXgKqraj_8Xw">
 
           <a class="btn-floating btn-gplus mx-1" href="https://www.youtube.com/channel/UC8LLN6O9jiJSXgKqraj_8Xw">
Line 79: Line 95:
 
</div>
 
</div>
  
−
     <div class="col-md-2">
+
     <div class="col-sm-2">
 
         <li class="list-inline-item">
 
         <li class="list-inline-item">
−
           <a class="btn-floating btn-gplus mx-1" href="https://twitter.com/iGEMLabPats">
+
           <a class="btn-floating btn-gplus mx-1" href="mailto:igem@carrollhs.org" target="_blank">
 
             <img class="icon" src="https://static.igem.org/mediawiki/2018/8/88/T--US_AFRL_CarrollHS--GoogleLogo.png">
 
             <img class="icon" src="https://static.igem.org/mediawiki/2018/8/88/T--US_AFRL_CarrollHS--GoogleLogo.png">
 
           </a>
 
           </a>
 
         </li>
 
         </li>
 
       </ul>
 
       </ul>
−
<div class="col-md-1"></div>
+
<div class="col-sm-1"></div>
 
</div>
 
</div>
 +
 +
    <div class="footer-copyright text-center py-3"><font color="#B3B9DC">Contact us @iGEMLabPats or iGEM@carrollhs.org</font></div>
 +
 +
  </footer>
 
</div>
 
</div>
 
</div>
 
</div>
−
      <!-- Social buttons -->
 
−
 
 
     </div>
 
     </div>
−
    <!-- Footer Elements -->
 
  
−
    <!-- Copyright -->
 
−
    <div class="footer-copyright text-center py-3">Follow US_AFRL_CarrollHS @iGEMLabPats</div>
 
−
    <!-- Copyright -->
 
−
 
−
  </footer>
 
  
 
</html>
 
</html>

Latest revision as of 02:44, 18 October 2018

Contact us @iGEMLabPats or iGEM@carrollhs.org