Difference between revisions of "Template:Montpellier/Footer"

Line 1: Line 1:
 +
<!DOCTYPE html>
 
<html>
 
<html>
 +
 +
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
 +
 +
    <head>
 +
        <meta charset="utf-8" />
 +
    </head>
 +
 +
<!--FOOTER_STYLE------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
  
 
<style>
 
<style>
  
−
footer
+
.footer_sponsor
 
{
 
{
−
border-top: solid 1px black;
+
    border-top: solid 1px black;
−
padding-top: 30px;
+
    padding-top: 20px;
 +
    border-bottom: solid 1px black;
 +
    padding-bottom: 20px;
 +
    margin-right: 50px;
 +
    margin-left: 50px;
 +
}
 +
 
 +
.p_footer
 +
{
 +
    margin: none !important;
 +
    padding: none !important;
 +
}
 +
 
 +
.footer_snetwork
 +
{
 +
    margin-top: 10px; 
 +
    display: flex;
 +
    justify-content: space-around;
 
}
 
}
  
Line 16: Line 42:
 
}
 
}
  
−
.image2
+
.lienimage
 
{
 
{
−
height: 70px;
+
    text-decoration: none !important;
 
}
 
}
  
−
.lienimage{
+
.image_sponsor
−
              text-decoration: none !important;}
+
{  
−
 
+
    height: 70px;
−
.image2{
+
    padding: 1% 3%;
−
               
+
    opacity : 0.5;
−
                padding: 1% 3%;
+
    filter: grayscale(100%);
−
                opacity : 0.5;
+
    -o-transition:.5s;
−
                filter: grayscale(100%);
+
    -ms-transition:.5s;
−
               
+
    -moz-transition:.5s;
−
            }
+
    -webkit-transition:.5s;
 +
    transition: .5s;
 +
}
 
              
 
              
−
            .image2:hover{
+
.image_sponsor:hover
−
              opacity: 1;
+
{
−
              filter: grayscale(0%);
+
    opacity: 1;
−
            }
+
    filter: grayscale(0%);
 +
}
  
 +
.image_snetwork
 +
{
 +
    height: 60px;
 +
    padding: 1% 3%;
 +
    opacity : 0.5;
 +
    filter: grayscale(100%);
 +
}
 +
 +
/************FA_ICONS_REACTIVE****************************************************************************************************************************************************/
 +
 +
.fa-facebook
 +
{
 +
    -o-transition:.5s;
 +
    -ms-transition:.5s;
 +
    -moz-transition:.5s;
 +
    -webkit-transition:.5s;
 +
    transition: .5s;
 +
    color: #000000;
 +
}
 +
 +
.fa-facebook:hover
 +
{
 +
    color: #e64254;
 +
}
 +
 +
.fa-instagram
 +
{
 +
    -o-transition:.5s;
 +
    -ms-transition:.5s;
 +
    -moz-transition:.5s;
 +
    -webkit-transition:.5s;
 +
    transition: .5s;
 +
    color: #000000;
 +
}
 +
 +
.fa-instagram:hover
 +
{
 +
    color: #e64254;
 +
}
 +
 +
.fa-twitter-square
 +
{
 +
    -o-transition:.5s;
 +
    -ms-transition:.5s;
 +
    -moz-transition:.5s;
 +
    -webkit-transition:.5s;
 +
    transition: .5s;
 +
    color: #000000;
 +
}
 +
 +
.fa-twitter-square:hover
 +
{
 +
    color: #e64254;
 +
}
 +
 +
.fa-home
 +
{
 +
    -o-transition:.5s;
 +
    -ms-transition:.5s;
 +
    -moz-transition:.5s;
 +
    -webkit-transition:.5s;
 +
    transition: .5s;
 +
    color: #000000;
 +
}
 +
 +
.fa-home:hover
 +
{
 +
    color: #e64254;
 +
}
 +
 +
.fa-heart
 +
{
 +
    -o-transition:.5s;
 +
    -ms-transition:.5s;
 +
    -moz-transition:.5s;
 +
    -webkit-transition:.5s;
 +
    transition: .5s;
 +
    color: #000000;
 +
}
 +
 +
.fa-heart:hover
 +
{
 +
    color: #e64254;
 +
}
 +
 +
.fa-envelope
 +
{
 +
    -o-transition:.5s;
 +
    -ms-transition:.5s;
 +
    -moz-transition:.5s;
 +
    -webkit-transition:.5s;
 +
    transition: .5s;
 +
    color: #000000;
 +
}
 +
 +
.fa-envelope:hover
 +
{
 +
    color: #e64254;
 +
}
 +
 +
.fa-map-marker-alt
 +
{
 +
    -o-transition:.5s;
 +
    -ms-transition:.5s;
 +
    -moz-transition:.5s;
 +
    -webkit-transition:.5s;
 +
    transition: .5s;
 +
    color: #000000;
 +
}
 +
 +
.fa-map-marker-alt:hover
 +
{
 +
    color: #e64254;
 +
}
 +
 +
/******************************FA_ICONS************************************************************************************************************************************************/
 +
 +
.fab fa-facebook:before
 +
{
 +
    content: "\f09a";
 +
}
 +
 +
.fab fa-instagram:before
 +
{
 +
    content: "\f16d";
 +
}
 +
 +
.fab fa-twitter-square:before
 +
{
 +
    content: "\f081";
 +
}
 +
 +
.fas fa-home:before
 +
{
 +
    content: "\f015";
 +
}
 +
 +
.fas fa-heart:before
 +
{
 +
    content: "\f004";
 +
}
 +
 +
.fas fa-map-marker-alt:before
 +
{
 +
    content: "\f3c5";
 +
}
 +
 +
.fas fa-envelope:before
 +
{
 +
    content: "\f0e0";
 +
}
 +
 +
/******END_FA_ICONS*************************************************************************************************************************************************************************/
 +
 +
.usefull_links
 +
{
 +
    text-align: center;
 +
    width: 33.3%;
 +
}
 +
 +
.follow_us
 +
{
 +
    text-align: center;
 +
    border-right: solid 1px black;
 +
    border-left: solid 1px black;
 +
    width: 33.3%;
 +
}
 +
 +
.follow_us_icons
 +
{
 +
    display: flex;
 +
    justify-content: space-around;
 +
}
 +
 +
.contact_us
 +
{
 +
    text-align: center;
 +
    width: 33.3%;
 +
}
  
 
</style>
 
</style>
 +
 +
 +
<!--DEBUT HTML------------------------------------------------------------------------------------------------------------------------------------------------------------------------------>
  
 
<body>
 
<body>
 +
 
<footer>
 
<footer>
 +
 +
<!--ICONES SPONSORS---------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
    <div class="footer_sponsor">
 
         <div id="conteneur">
 
         <div id="conteneur">
−
             <div class="element"> <a class="lienimage" href="http://www.cbs.cnrs.fr/index.php/fr/">
+
             <div class="element"> <a class="lienimage" href="http://www.cbs.cnrs.fr/index.php/fr/" target="_blank">
−
             <img class="image2" src="https://static.igem.org/mediawiki/2018/d/d7/T--Montpellier--Logo_CBS.png"/>
+
             <img class="image_sponsor" src="https://static.igem.org/mediawiki/2018/d/d7/T--Montpellier--Logo_CBS.png"/>
 
             </a> </div>
 
             </a> </div>
  
−
             <div class="element"> <a class="lienimage" href="https://www.umontpellier.fr/">
+
             <div class="element"> <a class="lienimage" href="https://www.umontpellier.fr/" target="_blank">
−
             <img class="image2" src="https://static.igem.org/mediawiki/2018/1/16/T--Montpellier--Logo_UM.png"/>
+
             <img class="image_sponsor" src="https://static.igem.org/mediawiki/2018/1/16/T--Montpellier--Logo_UM.png"/>
 
             </a> </div>
 
             </a> </div>
  
−
             <div class="element"> <a class="lienimage" href="http://reseau-figure.fr/">
+
             <div class="element"> <a class="lienimage" href="http://reseau-figure.fr/" target="_blank">
−
             <img class="image2" src="https://static.igem.org/mediawiki/2018/3/32/T--Montpellier--Logo_r%C3%A9seaufigure.png"/>
+
             <img class="image_sponsor" src="https://static.igem.org/mediawiki/2018/3/32/T--Montpellier--Logo_r%C3%A9seaufigure.png"/>
 
             </a> </div>
 
             </a> </div>
−
          </div>
+
        </div>
−
          <br/>
+
        <br/>
−
        <div id="conteneur">
+
  
−
             <div class="element"> <a class="lienimage" href="http://muse.edu.umontpellier.fr/">
+
        <div id="conteneur">
−
             <img class="image2" src="https://static.igem.org/mediawiki/2018/3/3e/T--Montpellier--Logo_MUSE.png"/>
+
             <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>
 
             </a> </div>
  
−
             <div class="element"> <a class="lienimage" href="https://www.france-science.org/-Accueil-Francais-.html">
+
             <div class="element"> <a class="lienimage" href="https://www.france-science.org/-Accueil-Francais-.html" target="_blank">
−
             <img class="image2" src="https://static.igem.org/mediawiki/2018/6/63/T--Pasteur_Paris--Logo-AmbassadeUSA.jpg"/>
+
             <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/">
+
−
            <img class="image2" src="https://static.igem.org/mediawiki/2018/5/57/T--Montpellier--logo_labex_epigenmed.png"/>
+
 
             </a> </div>
 
             </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>
 
         </div>
 
         <br/>
 
         <br/>
 +
 
         <div id="conteneur">
 
         <div id="conteneur">
−
             <div class="element"> <a class="lienimage" href="https://www.sanofi.fr/">
+
             <div class="element"> <a class="lienimage" href="https://www.sanofi.fr/" target="_blank">
−
             <img class="image2" src="https://static.igem.org/mediawiki/2018/2/2a/T--Montpellier--logo_sanofi_mtp.png"/>
+
             <img class="image_sponsor" src="https://static.igem.org/mediawiki/2018/2/2a/T--Montpellier--logo_sanofi_mtp.png"/>
 
             </a> </div>
 
             </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"/>
−
             <div class="element"> <a class="lienimage" href="https://eu.idtdna.com/pages">
+
−
             <img class="image2" src="https://static.igem.org/mediawiki/2018/8/8d/T--WashU_StLouis--idtlogo.jpeg"/>
+
 
             </a> </div>
 
             </a> </div>
  
−
             <div class="element"> <a class="lienimage" href="https://international.neb.com/">
+
             <div class="element"> <a class="lienimage" href="https://international.neb.com/" target="_blank">
−
             <img class="image2" src="https://static.igem.org/mediawiki/2018/9/9f/T--Leiden--NewEnglandBiolabs.png"/>
+
             <img class="image_sponsor" src="https://static.igem.org/mediawiki/2018/9/9f/T--Leiden--NewEnglandBiolabs.png"/>
 
             </a> </div>
 
             </a> </div>
 
         </div>
 
         </div>
 +
    </div>
 +
 +
<!--ICONES SOCIAL NETWORKS------------------------------------------------------------------------------------------------------------------------------------------------------------------>
 +
 +
 +
    <div class="footer_snetwork">
 +
           
 +
            <div class="usefull_links">
 +
 +
                <h3> Useful links </h3>
 +
 +
                <div class="usefull_links_icons">
 +
                    <div>
 +
                    <p class="p_footer"><a href="https://igem.org/Main_Page"> <i class="fas fa-home fa-2x"></i></a> iGEM Home </p>
 +
                    </div>
 +
 +
                    <div>
 +
                    <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>
 +
 +
            </div>
 +
 +
            <div class="follow_us">
 +
 +
                <h3> Follow us on </h3>
 +
 +
                <div class="follow_us_icons">
 +
                    <div>
 +
                    <a href="https://www.facebook.com/igemmontpellier/" target="_blank"> <i class="fab fa-facebook fa-4x"></i></a>
 +
                    </div>
 +
 +
                    <div>
 +
                    <a href="https://www.instagram.com/igem_montpellier/" target="_blank"> <i class="fab fa-instagram fa-4x"></i></a>
 +
                    </div>
 +
 +
                    <div>
 +
                    <a href="https://twitter.com/igem_mtp?lang=en" target="_blank"> <i class="fab fa-twitter-square fa-4x"></i></a>
 +
                    </div>
 +
                </div>
 +
                <br/>
 +
            </div>
 +
 +
            <div class="contact_us">
 +
 +
                <h3> Contact us </h3>
 +
 +
                <div class="contact_us_icons">
 +
                    <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>
 +
                    </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>
 +
                    </div>
 +
 +
            </div>
 +
 +
    </div>
 +
 
     </footer>
 
     </footer>
 +
 
</body>
 
</body>
  
 
</html>
 
</html>

Revision as of 15:46, 24 July 2018

<!DOCTYPE html>



Useful links

iGEM Home

Vagineering Home

Contact us

igem.assomtp@gmail.com

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