Difference between revisions of "Template:Montpellier/Footer"

 
(68 intermediate revisions by 3 users not shown)
Line 1: Line 1:
<!DOCTYPE html>
 
 
<html>
 
<html>
  
Line 6: Line 5:
 
     <head>
 
     <head>
 
         <meta charset="utf-8" />
 
         <meta charset="utf-8" />
    </head>
 
  
 
<!--FOOTER_STYLE------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
<!--FOOTER_STYLE------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
  
 
<style>
 
<style>
 +
 +
.asso {
 +
  width: 100px;
 +
}
 +
 +
.sponsor_icons {
 +
  height: 35px;
 +
}
 +
 +
.sponsors {
 +
  display: flex;
 +
  align-items: center;
 +
  justify-content: center;
 +
  flex-direction: column;
 +
  text-align: center;
 +
}
 +
 +
footer {
 +
  margin-top: 100px;
 +
}
  
 
.p_footer
 
.p_footer
 
{
 
{
 +
    text-align: center !important;
 
     margin: none !important;
 
     margin: none !important;
 
     padding: none !important;
 
     padding: none !important;
 
}
 
}
  
.footer_snetwork
+
.footer_sponsors
 
{
 
{
 
     border-top: solid 1px black;
 
     border-top: solid 1px black;
Line 24: Line 43:
 
     padding-top: 20px;
 
     padding-top: 20px;
 
     display: flex;
 
     display: flex;
     justify-content: space-around;
+
     justify-content: column;
 +
    align-items: stretch;
 +
    text-align: center;
 
}
 
}
  
Line 155: Line 176:
  
 
/******************************FA_ICONS************************************************************************************************************************************************/
 
/******************************FA_ICONS************************************************************************************************************************************************/
 +
 +
#HQ_page .fab, .fab {
 +
    font-family: "Font Awesome 5 Brands";
 +
}
 +
 +
.fa, .far, .fas, #HQ_page .fa, #HQ_page .far, #HQ_page .fas {
 +
    font-family: "Font Awesome 5 Free";
 +
}
  
 
.fab fa-facebook:before
 
.fab fa-facebook:before
Line 205: Line 234:
 
     border-left: solid 1px black;
 
     border-left: solid 1px black;
 
     width: 33.3%;
 
     width: 33.3%;
 +
    display: flex;
 +
    justify-content: space-between;
 +
    flex-direction: column;
 
}
 
}
  
Line 217: Line 249:
 
     text-align: center;
 
     text-align: center;
 
     width: 33.3%;
 
     width: 33.3%;
 +
}
 +
 +
.footer_sponsors > div {
 +
    padding: 10px;
 
}
 
}
  
 
</style>
 
</style>
  
 +
</head>
  
 
<!--DEBUT HTML------------------------------------------------------------------------------------------------------------------------------------------------------------------------------>
 
<!--DEBUT HTML------------------------------------------------------------------------------------------------------------------------------------------------------------------------------>
Line 231: Line 268:
  
  
     <div class="footer_snetwork">
+
     <div class="footer_sponsors">
           
+
         
            <div class="usefull_links">
+
<div class="contact_us">
 +
<h3> Sponsors </h3><br/>
  
                <h3> Useful links </h3>
+
<div class="sponsors">
  
                <div class="usefull_links_icons">
+
<div>
                    <div>
+
<a href="https://2018.igem.org/Team:Montpellier/Sponsors"><img class="sponsor_icons" src="https://static.igem.org/mediawiki/2018/b/b8/T--Montpellier--logo_cbs_mtp.jpg"/>
                    <p class="p_footer"><a href="https://igem.org/Main_Page"> <i class="fas fa-home fa-1x"></i></a> iGEM Home </p>
+
<img class="sponsor_icons" src="https://static.igem.org/mediawiki/2018/1/16/T--Montpellier--Logo_UM.png"/>
                    </div>
+
<img class="sponsor_icons" src="https://static.igem.org/mediawiki/2018/3/32/T--Montpellier--Logo_r%C3%A9seaufigure.png"/>
 
+
<img class="sponsor_icons" src="https://static.igem.org/mediawiki/2018/3/3e/T--Montpellier--Logo_MUSE.png"/>
                    <div>
+
<img class="sponsor_icons" src="https://static.igem.org/mediawiki/2018/2/2a/T--Montpellier--logo_sanofi_mtp.png"/></a>
                    <p class="p_footer"><a href="https://2018.igem.org/Team:Montpellier"> <i class="fas fa-heart fa-1x"></i></a> Vagineering Home </p>
+
</div>
                    </div>
+
<br/>
                </div>
+
<div>
 
+
<a href="https://2018.igem.org/Team:Montpellier/Sponsors"><img class="sponsor_icons" src="https://static.igem.org/mediawiki/2018/6/63/T--Pasteur_Paris--Logo-AmbassadeUSA.jpg"/>
            </div>
+
<img class="sponsor_icons" src="https://static.igem.org/mediawiki/2018/5/57/T--Montpellier--logo_labex_epigenmed.png"/>
 +
<img class="sponsor_icons" src="https://static.igem.org/mediawiki/2018/c/c5/T--Montpellier--logo_irn_mtp.png"/>
 +
<img class="sponsor_icons" src="https://static.igem.org/mediawiki/2018/8/8d/T--WashU_StLouis--idtlogo.jpeg"/>
 +
<img class="sponsor_icons" src="https://static.igem.org/mediawiki/2018/9/9f/T--Leiden--NewEnglandBiolabs.png"/></a>
 +
</div>
  
 +
</div>
 +
</div>
 
             <div class="follow_us">
 
             <div class="follow_us">
  
Line 274: Line 318:
  
 
                 <div class="contact_us_icons">
 
                 <div class="contact_us_icons">
 +
 +
 +
<div class="deux_colonnes">
 +
<div class="colonne_2_70">
 
                     <div>
 
                     <div>
 
                     <p class="p_footer"><a href="mailto:igem.assomtp@gmail.com"><i class="fas fa-envelope fa-1x"></i></a> igem.assomtp@gmail.com </p>
 
                     <p class="p_footer"><a href="mailto:igem.assomtp@gmail.com"><i class="fas fa-envelope fa-1x"></i></a> igem.assomtp@gmail.com </p>
Line 281: Line 329:
 
                     <p class="p_footer"><a href="https://www.google.fr/maps/place/Centre+de+Biochimie+Structurale/@43.6356553,3.7841981,12z/data=!4m5!3m4!1s0x0:0x9b0b3015d4255002!8m2!3d43.6356553!4d3.8454812" target="_blank"> <i class="fas fa-map-marker-alt fa-1x"></i></a> Centre de Biochimie Structurale, 29 Rue de Navacelles, 34090 Montpellier, France </p>
 
                     <p class="p_footer"><a href="https://www.google.fr/maps/place/Centre+de+Biochimie+Structurale/@43.6356553,3.7841981,12z/data=!4m5!3m4!1s0x0:0x9b0b3015d4255002!8m2!3d43.6356553!4d3.8454812" target="_blank"> <i class="fas fa-map-marker-alt fa-1x"></i></a> Centre de Biochimie Structurale, 29 Rue de Navacelles, 34090 Montpellier, France </p>
 
                     </div>
 
                     </div>
 +
</div>
 +
<div class="colonne_1_30">
 +
<br/><img class="asso" src="https://static.igem.org/mediawiki/2018/d/d5/T--Montpellier--asso_igem_mtp.png"/>
 +
</div>
 +
</div>
  
 
             </div>
 
             </div>

Latest revision as of 23:15, 17 October 2018