Difference between revisions of "Template:TecCEM/Footer"

 
(29 intermediate revisions by 3 users not shown)
Line 3: Line 3:
 
<style type="text/css">
 
<style type="text/css">
 
footer{
 
footer{
height: 520px;
+
height: 320px;
 
}
 
}
 
.sponsor_img{
 
.sponsor_img{
 
width: 180px;
 
width: 180px;
margin-top: 2%;
+
margin-top: 1%;
margin-bottom: 2%;
+
margin-bottom: 1%;
 
   margin-left: 50%;
 
   margin-left: 50%;
 
transform: translate(-50%,0%);
 
transform: translate(-50%,0%);
 
opacity: 0.5;
 
opacity: 0.5;
/*filter: grayscale(100%);*/
 
 
}
 
}
 +
        .sponsor_img:hover{
 +
                opacity: 1;
 +
        }
 
.social_media_logo{
 
.social_media_logo{
width: 50px;
+
width: 30px;
 
   margin-left: 50%;
 
   margin-left: 50%;
   margin-top: 2%;
+
   margin-top: 1%;
margin-bottom: 2%;
+
margin-bottom: 1%;
 
transform: translate(-50%,0%);
 
transform: translate(-50%,0%);
 
opacity: 0.5;
 
opacity: 0.5;
Line 33: Line 35:
 
}
 
}
 
.footer_wave{
 
.footer_wave{
margin-top: -400px;
+
margin-top: -500px;
 
width = 100vw;
 
width = 100vw;
 
}
 
}
 
.footer_info{
 
.footer_info{
background-color: #3C4F76;
+
background-color: #C7C7C7;
 
margin-top:-1%;
 
margin-top:-1%;
 
}
 
}
Line 67: Line 69:
 
<div class="footer_wave">
 
<div class="footer_wave">
 
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
 
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
  <path fill="#3C4F76" fill-opacity="1" d="M0,288L48,272C96,256,192,224,288,197.3C384,171,480,149,576,165.3C672,181,768,235,864,250.7C960,267,1056,245,1152,250.7C1248,256,1344,288,1392,304L1440,320L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path>
+
  <path fill="#C7C7C7" fill-opacity="1" d="M0,256L48,245.3C96,235,192,213,288,218.7C384,224,480,256,576,272C672,288,768,288,864,293.3C960,299,1056,309,1152,314.7C1248,320,1344,320,1392,320L1440,320L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path>
</svg>
+
</svg>
 
</div>
 
</div>
  
 
<div class="footer_info">
 
<div class="footer_info">
 
<br><br>
 
<br><br>
<h1 style="text-align: center; font-family: sans-serif; opacity: 0.5;">Sponsors:</h1>
+
<h1 style="text-align: center; font-family: sans-serif; opacity: 0.5; color:withe;">Sponsors:</h1>
 
<table class="full_screen_table" style="border:none;">
 
<table class="full_screen_table" style="border:none;">
 
<tr>
 
<tr>
Line 82: Line 84:
 
<img class="sponsor_img" src="https://static.igem.org/mediawiki/2021/c/c4/T--TecCEM--Sponsors_snapgene.png"/>
 
<img class="sponsor_img" src="https://static.igem.org/mediawiki/2021/c/c4/T--TecCEM--Sponsors_snapgene.png"/>
 
</td>
 
</td>
<td style="border:none;">
+
<img class="sponsor_img" src="https://static.igem.org/mediawiki/2021/1/19/T--TecCEM--Sponsors_noxgen.png"/>
+
<td style="border:none;">
 +
<img class="sponsor_img" src="https://static.igem.org/mediawiki/2021/7/73/T--TecCEM--Sponsors_surveyMethods2.png"/>
 +
</tr>
 +
</table>
 +
 
 +
                <table class="full_screen_table" style="border:none;">
 +
<tr>
 +
                                <td style="border:none;">
 +
<img class="sponsor_img" src="https://static.igem.org/mediawiki/2021/d/da/T--TecCEM--Sponsors_ITESM.png"/>
 
</td>
 
</td>
<td style="border:none;">
+
 
<img class="sponsor_img" src="https://static.igem.org/mediawiki/2021/b/b8/T--TecCEM--Sponsors_surveyMethods.png"/>
+
 
</td>
 
</td>
 
<td style="border:none;">
 
<td style="border:none;">
 
<img class="sponsor_img" src="https://static.igem.org/mediawiki/2021/4/4e/T--TecCEM--Sponsors_ThermoFishers.png"/>
 
<img class="sponsor_img" src="https://static.igem.org/mediawiki/2021/4/4e/T--TecCEM--Sponsors_ThermoFishers.png"/>
 +
</td>
 +
                                <td style="border:none;">
 +
<img class="sponsor_img" src="https://static.igem.org/mediawiki/2021/5/50/T--TecCEM--Sponsors_Fondeadora.png"/>
 
</td>
 
</td>
 +
</tr>
 +
</table>
 +
 +
 +
                <table class="full_screen_table" style="border:none;">
 +
<tr>
 +
                                <td style="border:none;">
 +
<img class="sponsor_img" src="https://static.igem.org/mediawiki/2021/7/77/T--TecCEM--Sponsors_SHQ.png"/>
 +
</td>
 +
 
</tr>
 
</tr>
 
</table>
 
</table>
Line 96: Line 118:
 
<h1 style="text-align: center; font-family: sans-serif; opacity: 0.5;">Follow us:</h1>
 
<h1 style="text-align: center; font-family: sans-serif; opacity: 0.5;">Follow us:</h1>
  
<table class="full_screen_table" style="border:none;">
+
<table class="full_screen_table" style="left:50%;width:35%;transform: translate(-50%,0%);border:none; margin-top:5px; margin-bottom:5px;">
 
<tr>
 
<tr>
 
<td style="border:none;"><a href="https://www.facebook.com/igemteccem"><img class="social_media_logo" src="https://static.igem.org/mediawiki/2021/8/85/T--TecCEM--SocialMediaLogo_fb.jpeg"></a></td>
 
<td style="border:none;"><a href="https://www.facebook.com/igemteccem"><img class="social_media_logo" src="https://static.igem.org/mediawiki/2021/8/85/T--TecCEM--SocialMediaLogo_fb.jpeg"></a></td>
 +
 +
<td style="border:none;"><a href="https://www.instagram.com/igemteccem/"><img class="social_media_logo" src="https://static.igem.org/mediawiki/2021/8/85/T--TecCEM--SocialMediaLogo_Instagram.png"></a></td>
 +
 +
<td style="border:none;"><a href="https://twitter.com/iGEMTECCEM"><img class="social_media_logo" src="https://static.igem.org/mediawiki/2021/1/15/T--TecCEM--SocialMediaLogo_twitter.png"></a></td>
 
</tr>
 
</tr>
 
</table>
 
</table>
  
<div class="survey" style="font-family: sans-serif;">
+
<div class="survey" style="font-family: sans-serif; margin-top:1px; margin-bottom:1px;">
 
<p style="text-align: center; color:white;"><a href="https://surveymethods.com/" title="Survey Software">Survey Software</a> powered by <a  
 
<p style="text-align: center; color:white;"><a href="https://surveymethods.com/" title="Survey Software">Survey Software</a> powered by <a  
 
href="https://surveymethods.com" title="Survey Software"> SurveyMethods.com</a></p>
 
href="https://surveymethods.com" title="Survey Software"> SurveyMethods.com</a></p>
Line 108: Line 134:
 
<br>
 
<br>
 
 
                 <p class="copyright" style="text-align:center; color:white;"><b>iGEM Tec CEM 2021</b> ©  
+
                 <p class="copyright" style="text-align:center; color:black; margin-top:1px; margin-bottom:1px; font-size:10px;"><b>iGEM Tec CEM 2021</b> ©  
<a class="colaboradores_pagina" href="https://www.linkedin.com/in/jairoenriqueramirezsanchez/" style = "color: white;">Enrique Ramírez</a>, <a class="colaboradores_pagina" href="" style = "color: white;">Marianela Contreras</a>, <a class="colaboradores_pagina" href="" style = "color: white;">José del Angel &</a>  <a class="colaboradores_pagina" href="" style = "color: white;">Carlos Espejel</a> </p>
+
<a class="colaboradores_pagina" href="https://www.linkedin.com/in/jairoenriqueramirezsanchez/" style = "color: black;font-size:10px;">Enrique Ramírez</a>, <a class="colaboradores_pagina" href="https://www.linkedin.com/in/marianela-contreras-dominguez/" style = "color: black;font-size:10px;">Marianela Contreras</a>, <a class="colaboradores_pagina" href="https://www.linkedin.com/in/jos%C3%A9-%C3%A1ngel-del-%C3%A1ngel-6a9293175/" style = "color: black;font-size:10px;">José del Angel &</a>  <a class="colaboradores_pagina" href="https://www.linkedin.com/in/carlos-espejel-salazar-4a8655192" style = "color: black;font-size:10px;">Carlos Espejel</a> </p>
 
                  
 
                  
  

Latest revision as of 03:51, 22 October 2021