Difference between revisions of "Template:Evry Paris-Saclay/footer"

 
(94 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
−
<head></head>
+
<head>
 +
<!-- Font(police) du site -->
 +
 
 +
<style>
 +
 
 +
/*=========================
 +
  Icons Social Network
 +
================= */
 +
footer {
 +
 
 +
height: 150px;
 +
bottom:0;
 +
left:0;
 +
right:0;
 +
padding:10px;
 +
margin:0;
 +
z-index:0;
 +
 
 +
}
 +
 
 +
.fixed-bottom {
 +
    position: absolute;
 +
    right: 0;
 +
    bottom: 0;
 +
    left: 0;
 +
    z-index: 0;
 +
}
 +
 
 +
.logo_footer{
 +
    margin: 0;
 +
    padding: 0;
 +
    width:140px;
 +
}
 +
 
 +
.container {
 +
    padding-right: 0;
 +
    padding-left: 15px;
 +
    margin-right: 0;
 +
    margin-left: 0;
 +
    width:100%;
 +
    max-width: 100%;
 +
}
 +
 
 +
footer div{
 +
    margin-right: 70px;
 +
}
 +
 
 +
/* footer social icons */
 +
ul.social-network {
 +
list-style: none;
 +
display: inline;
 +
margin-left:0 !important;
 +
padding: 0;
 +
}
 +
ul.social-network li {
 +
display: inline;
 +
margin: 0 5px;
 +
        text-decoration: none;
 +
}
 +
 
 +
/* footer social icons */
 +
.social-network a.icoInstagram:hover {
 +
background-color: #F56505;
 +
}
 +
.social-network a.icoFacebook:hover {
 +
background-color:#3B5998;
 +
}
 +
.social-network a.icoTwitter:hover {
 +
background-color:#33ccff;
 +
}
 +
.social-network a.icoGoogle:hover {
 +
background-color:#BD3518;
 +
}
 +
.social-network a.icoVimeo:hover {
 +
background-color:#0590B8;
 +
}
 +
.social-network a.icoLinkedin:hover {
 +
background-color:#007bb7;
 +
}
 +
.social-network a.icoInstagram:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
 +
.social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i {
 +
color:#fff;
 +
}
 +
a.socialIcon:hover, .socialHoverClass {
 +
color:#44BCDD;
 +
}
 +
 
 +
.social-circle li a {
 +
display:inline-block;
 +
position:relative;
 +
margin:0 auto 10px auto;
 +
-moz-border-radius:50%;
 +
-webkit-border-radius:50%;
 +
border-radius:50%;
 +
text-align:center;
 +
width: 50px;
 +
height: 50px;
 +
font-size:20px;
 +
        text-decoration: none;
 +
}
 +
.social-circle li i {
 +
margin:0;
 +
line-height:50px;
 +
text-align: center;
 +
        text-decoration: none;
 +
}
 +
 
 +
.social-circle li a:hover i, .triggeredHover {
 +
-moz-transform: rotate(360deg);
 +
-webkit-transform: rotate(360deg);
 +
-ms--transform: rotate(360deg);
 +
transform: rotate(360deg);
 +
-webkit-transition: all 0.2s;
 +
-moz-transition: all 0.2s;
 +
-o-transition: all 0.2s;
 +
-ms-transition: all 0.2s;
 +
transition: all 0.2s;
 +
}
 +
.social-circle i {
 +
color: #fff;
 +
-webkit-transition: all 0.8s;
 +
-moz-transition: all 0.8s;
 +
-o-transition: all 0.8s;
 +
-ms-transition: all 0.8s;
 +
transition: all 0.8s;
 +
        text-decoration: none;
 +
}
 +
 
 +
.social-network a {
 +
background-color: #D3D3D3; 
 +
text-decoration:none;
 +
}
 +
 
 +
/*=========================
 +
  End Icons Social Network
 +
================= */
 +
</style>
 +
</head>
 
<body>
 
<body>
 
     <footer class="py-4 fixed-bottom bg-dark">
 
     <footer class="py-4 fixed-bottom bg-dark">
 
       <div class="container">
 
       <div class="container">
−
         <div class="col-md-12">
+
         <div class="col-md-3" style="width:auto;">
 +
          <img class="logo_footer" src="https://static.igem.org/mediawiki/2018/e/e9/T--Evry_Paris-Saclay--igem_logo_entoure.png"/>
 +
        </div>
 +
        <div class="col-md-3" style="width:auto;">
 
           <ul class="social-network social-circle">
 
           <ul class="social-network social-circle">
−
               <li><a href="#" class="icoInstagram" title="Instagram"><i class="fa fa-instagram"></i></a></li>
+
               <li><a href="https://www.instagram.com/igem_evry/?hl=fr" target="_BLANK" class="icoInstagram" title="Instagram"><i class="fa fa-instagram"></i></a></li>
−
               <li><a href="#" class="icoFacebook" title="Facebook"><i class="fa fa-facebook"></i></a></li>
+
               <li><a href="https://www.facebook.com/iGEM.Evry/" target="_BLANK" class="icoFacebook" title="Facebook"><i class="fa fa-facebook"></i></a></li><br />
−
               <li><a href="#" class="icoTwitter" title="Twitter"><i class="fa fa-twitter"></i></a></li>
+
               <li><a href="https://twitter.com/iGEM_Evry" target="_BLANK" class="icoTwitter" title="Twitter"><i class="fa fa-twitter"></i></a></li>
−
               <li><a href="#" class="icoLinkedin" title="Linkedin"><i class="fa fa-linkedin"></i></a></li>
+
               <li><a href="https://www.linkedin.com/in/igem-genopole-evry-paris-saclay-6a5a46141" target="_BLANK" class="icoLinkedin" title="Linkedin"><i class="fa fa-linkedin"></i></a></li>
−
           </ul>
+
           </ul>
 +
        </div>
 +
        <div class="col-md-3" style="width:auto;">
 +
          <p style="color: white; text-align:left;" class="bibliographie"><b font-weight:900;>TO CONTACT US</b><br />
 +
<i class="glyphicon glyphicon-map-marker"></i> Genopole Campus 1, Batiment 6, 91030 Evry Cedex, France<br />
 +
<i class="glyphicon glyphicon-earphone"></i> +33 7 69 96 68 31<br />
 +
<i class="glyphicon glyphicon-envelope"></i><a href="mailto:igemevry@gmail.com"> igemevry@gmail.com</a></p>
 +
        </div>
 +
        <div class="col-md-3" style="width:auto;">
 +
          <p style="color: white; text-align:left;" class="bibliographie">© Copyright 2018<br/>Design & Developpement by<br/>IGEM EVRY GENOPOLE</p>
 
         </div>
 
         </div>
 
       </div>
 
       </div>
 
     </footer>
 
     </footer>
 +
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 14:43, 28 November 2018

TO CONTACT US
Genopole Campus 1, Batiment 6, 91030 Evry Cedex, France
+33 7 69 96 68 31
igemevry@gmail.com

© Copyright 2018
Design & Developpement by
IGEM EVRY GENOPOLE