Difference between revisions of "Template:UCopenhagen/Footer Bubbly sponsors"

Line 86: Line 86:
 
       padding-top: 4%;
 
       padding-top: 4%;
 
     padding-bottom: 4%;
 
     padding-bottom: 4%;
 +
 
     }
 
     }
  
 
     .footer_social_list {
 
     .footer_social_list {
 
       display: flex;
 
       display: flex;
 +
      border: solid pink;
 
     }
 
     }
  
Line 105: Line 107:
 
       opacity: 1;
 
       opacity: 1;
 
     }
 
     }
 +
 +
 +
.footer_sp {
 +
      display: flex;
 +
      flex-direction: row;
 +
      justify-content: space-around;
 +
      bottom: 0%;
 +
      padding-top: 1%;
 +
    padding-bottom: 1%;
 +
 +
    }
 +
 +
    .footer_sp div {
 +
      display: flex;
 +
      flex:1;
 +
      border: solid pink;
 +
      justify-content: center;
 +
      align-items: center;
 +
    }
 +
 +
    .footer_sp img {
 +
      width: 100%;
 +
      -webkit-filter: grayscale(100%);
 +
      filter: grayscale(100%);
 +
      transition: all 0.3s ease-in-out;
 +
      opacity: 0.75;
 +
    }
 +
 +
    .footer_sp img:hover {
 +
      -webkit-filter: grayscale(100%);
 +
      filter: grayscale(0%);
 +
      opacity: 1;
 +
    }
 +
 +
 +
 +
 +
  
 
     .credits {
 
     .credits {
Line 200: Line 240:
  
 
<div class="divider"></div>
 
<div class="divider"></div>
   <div class="footer_socials">
+
   <div class="footer_sp">
     <div class="footer_social_list">
+
      
      <ul class="footer_social_list">
+
         <div><a href="https://www.facebook.com/iGEMCopenhagen/?__tn__=%2Cd%2CP-R&eid=ARAUx5Vdfe_ezIVOuOY6_kL3i3uB2ZiHvQCOYEIBi34sevzEGqtAYDUFtIaR2mVDAAzrU17sPjSQR3Y6"><img src="https://static.igem.org/mediawiki/2020/5/52/T--UCopenhagen--sponsor-dm.png" ></a></div>
         <li><a href="https://www.facebook.com/iGEMCopenhagen/?__tn__=%2Cd%2CP-R&eid=ARAUx5Vdfe_ezIVOuOY6_kL3i3uB2ZiHvQCOYEIBi34sevzEGqtAYDUFtIaR2mVDAAzrU17sPjSQR3Y6"><img src="https://static.igem.org/mediawiki/2020/5/52/T--UCopenhagen--sponsor-dm.png" ></a></li>
+
         <div><a href="https://twitter.com/iGEM_Copenhagen"><img src="https://static.igem.org/mediawiki/2020/2/2f/T--UCopenhagen--sponsors-TF.png"></a></div>
         <li><a href="https://twitter.com/iGEM_Copenhagen"><img src="https://static.igem.org/mediawiki/2020/2/2f/T--UCopenhagen--sponsors-TF.png"></a></li>
+
         <div><a href="https://www.instagram.com/igem_copenhagen/"><img src="https://static.igem.org/mediawiki/2020/f/f4/T--UCopenhagen--sponsor-biolabs.png"></a></div>
         <li><a href="https://www.instagram.com/igem_copenhagen/"><img src="https://static.igem.org/mediawiki/2020/f/f4/T--UCopenhagen--sponsor-biolabs.png"></a></li>
+
 
        
 
        
 
<!-- remember to insert these links -->
 
<!-- remember to insert these links -->
         <li><a href="https://www.linkedin.com/company/igem-ucph2020"><img src="https://static.igem.org/mediawiki/2020/b/b6/T--UCopenhagen--sponsor-geneious.png"></a></li>
+
         <div><a href="https://www.linkedin.com/company/igem-ucph2020"><img src="https://static.igem.org/mediawiki/2020/b/b6/T--UCopenhagen--sponsor-geneious.png"></a></div>
         <li><a href="#"><img src="https://static.igem.org/mediawiki/2020/3/35/T--UCopenhagen--sponsor-benchling.png"></a></li>
+
         <div><a href="#"><img src="https://static.igem.org/mediawiki/2020/3/35/T--UCopenhagen--sponsor-benchling.png"></a></div>
<li><a href="https://www.linkedin.com/company/igem-ucph2020"><img src="https://static.igem.org/mediawiki/2020/9/91/T--UCopenhagen--sponsor-KU.png"></a></li>
+
<div><a href="https://www.linkedin.com/company/igem-ucph2020"><img src="https://static.igem.org/mediawiki/2020/9/91/T--UCopenhagen--sponsor-KU.png"></a></div>
         <li><a href="#"><img src="https://static.igem.org/mediawiki/2020/1/19/T--UCopenhagen--sponsor-novo.png"></a></li>
+
         <div><a href="#"><img src="https://static.igem.org/mediawiki/2020/1/19/T--UCopenhagen--sponsor-novo.png"></a></div>
      </ul>
+
 
    </div>
+
 
   </div>
 
   </div>
  

Revision as of 22:11, 21 October 2020

Icons made by Freepik from www.flaticon.com