Difference between revisions of "Template:Montpellier/Footer"

 
(69 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------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
Line 12: Line 10:
 
<style>
 
<style>
  
−
.footer_sponsor
+
.asso {
−
{
+
  width: 100px;
−
    border-top: solid 1px black;
+
}
−
    padding-top: 20px;
+
 
−
    border-bottom: solid 1px black;
+
.sponsor_icons {
−
    padding-bottom: 20px;
+
  height: 35px;
−
    margin-right: 50px;
+
}
−
    margin-left: 50px;
+
 
 +
.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;
 
     margin-top: 10px;   
 
     margin-top: 10px;   
 +
    padding-top: 20px;
 
     display: flex;
 
     display: flex;
−
     justify-content: space-around;
+
     justify-content: column;
 +
    align-items: stretch;
 +
    text-align: center;
 
}
 
}
  
Line 45: Line 58:
 
{
 
{
 
     text-decoration: none !important;
 
     text-decoration: none !important;
−
}
 
−
 
−
.image_sponsor
 
−
{
 
−
    height: 70px;
 
−
    padding: 1% 3%;
 
−
    opacity : 0.5;
 
−
    filter: grayscale(100%);
 
−
    -o-transition:.5s;
 
−
    -ms-transition:.5s;
 
−
    -moz-transition:.5s;
 
−
    -webkit-transition:.5s;
 
−
    transition: .5s;
 
 
}
 
}
 
              
 
              
−
.image_sponsor:hover
 
−
{
 
−
    opacity: 1;
 
−
    filter: grayscale(0%);
 
−
}
 
−
 
 
.image_snetwork
 
.image_snetwork
 
{
 
{
Line 182: 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 232: 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 244: 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 254: Line 264:
  
 
<footer>
 
<footer>
−
 
−
<!--ICONES SPONSORS---------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
−
    <div class="footer_sponsor">
 
−
        <div id="conteneur">
 
−
            <div class="element"> <a class="lienimage" href="http://www.cbs.cnrs.fr/index.php/fr/" target="_blank">
 
−
            <img class="image_sponsor" src="https://static.igem.org/mediawiki/2018/d/d7/T--Montpellier--Logo_CBS.png"/>
 
−
            </a> </div>
 
−
 
−
            <div class="element"> <a class="lienimage" href="https://www.umontpellier.fr/" target="_blank">
 
−
            <img class="image_sponsor" src="https://static.igem.org/mediawiki/2018/1/16/T--Montpellier--Logo_UM.png"/>
 
−
            </a> </div>
 
−
 
−
            <div class="element"> <a class="lienimage" href="http://reseau-figure.fr/" target="_blank">
 
−
            <img class="image_sponsor" src="https://static.igem.org/mediawiki/2018/3/32/T--Montpellier--Logo_r%C3%A9seaufigure.png"/>
 
−
            </a> </div>
 
−
        </div>
 
−
        <br/>
 
−
 
−
        <div id="conteneur">
 
−
            <div class="element"> <a class="lienimage" href="http://muse.edu.umontpellier.fr/" target="_blank">
 
−
            <img class="image_sponsor" src="https://static.igem.org/mediawiki/2018/3/3e/T--Montpellier--Logo_MUSE.png"/>
 
−
            </a> </div>
 
−
 
−
            <div class="element"> <a class="lienimage" href="https://www.france-science.org/-Accueil-Francais-.html" target="_blank">
 
−
            <img class="image_sponsor" src="https://static.igem.org/mediawiki/2018/6/63/T--Pasteur_Paris--Logo-AmbassadeUSA.jpg"/>
 
−
            </a> </div>
 
−
 
−
            <div class="element"> <a class="lienimage" href="https://www.epigenmed.fr/" target="_blank">
 
−
            <img class="image_sponsor" src="https://static.igem.org/mediawiki/2018/5/57/T--Montpellier--logo_labex_epigenmed.png"/>
 
−
            </a> </div>
 
−
        </div>
 
−
        <br/>
 
−
 
−
        <div id="conteneur">
 
−
            <div class="element"> <a class="lienimage" href="https://www.sanofi.fr/" target="_blank">
 
−
            <img class="image_sponsor" src="https://static.igem.org/mediawiki/2018/2/2a/T--Montpellier--logo_sanofi_mtp.png"/>
 
−
            </a> </div>
 
−
 
−
            <div class="element"> <a class="lienimage" href="https://eu.idtdna.com/pages" target="_blank">
 
−
            <img class="image_sponsor" src="https://static.igem.org/mediawiki/2018/8/8d/T--WashU_StLouis--idtlogo.jpeg"/>
 
−
            </a> </div>
 
−
 
−
            <div class="element"> <a class="lienimage" href="https://international.neb.com/" target="_blank">
 
−
            <img class="image_sponsor" src="https://static.igem.org/mediawiki/2018/9/9f/T--Leiden--NewEnglandBiolabs.png"/>
 
−
            </a> </div>
 
−
        </div>
 
−
    </div>
 
  
 
<!--ICONES SOCIAL NETWORKS------------------------------------------------------------------------------------------------------------------------------------------------------------------>
 
<!--ICONES SOCIAL NETWORKS------------------------------------------------------------------------------------------------------------------------------------------------------------------>
  
  
−
     <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-2x"></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-2x"></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 348: 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-2x"></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>
 
                     </div>
 
                     </div>
  
 
                     <div>
 
                     <div>
−
                     <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-2x"></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

Sponsors



Contact us

igem.assomtp@gmail.com

Centre de Biochimie Structurale, 29 Rue de Navacelles, 34090 Montpellier, France