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

 
(78 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
 
<head>
 
<head>
 +
<!-- Font(police) du site -->
 +
 
<style>
 
<style>
 +
 
/*=========================
 
/*=========================
 
   Icons Social Network
 
   Icons Social Network
Line 11: Line 14:
 
left:0;
 
left:0;
 
right:0;
 
right:0;
padding:0;
+
padding:10px;
 
margin:0;
 
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 */
 
/* footer social icons */
 
ul.social-network {
 
ul.social-network {
Line 24: Line 57:
 
display: inline;
 
display: inline;
 
margin: 0 5px;
 
margin: 0 5px;
 +
        text-decoration: none;
 
}
 
}
  
Line 56: Line 90:
 
display:inline-block;
 
display:inline-block;
 
position:relative;
 
position:relative;
margin:0 auto 0 auto;
+
margin:0 auto 10px auto;
 
-moz-border-radius:50%;
 
-moz-border-radius:50%;
 
-webkit-border-radius:50%;
 
-webkit-border-radius:50%;
Line 64: Line 98:
 
height: 50px;
 
height: 50px;
 
font-size:20px;
 
font-size:20px;
 +
        text-decoration: none;
 
}
 
}
 
.social-circle li i {
 
.social-circle li i {
Line 69: Line 104:
 
line-height:50px;
 
line-height:50px;
 
text-align: center;
 
text-align: center;
 +
        text-decoration: none;
 
}
 
}
  
Line 89: Line 125:
 
-ms-transition: all 0.8s;
 
-ms-transition: all 0.8s;
 
transition: all 0.8s;
 
transition: all 0.8s;
 +
        text-decoration: none;
 
}
 
}
  
 
.social-network a {
 
.social-network a {
  background-color: #D3D3D3;  
+
  background-color: #D3D3D3;
 +
text-decoration:none;
 
}
 
}
  
Line 103: Line 141:
 
     <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-3">
+
         <div class="col-md-3" style="width:auto;">
          <ul class="social-network social-circle">
+
          <img class="logo_footer" src="https://static.igem.org/mediawiki/2018/e/e9/T--Evry_Paris-Saclay--igem_logo_entoure.png"/>
              <li><a href="#" 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="#" 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>
+
          </ul>
+
 
         </div>
 
         </div>
         <div class="col-md-3">
+
         <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>
         <div class="col-md-3">
+
         <div class="col-md-3" style="width:auto;">
          <ul class="social-network social-circle">
+
          <p style="color: white; text-align:left;" class="bibliographie"><b font-weight:900;>TO CONTACT US</b><br />
              <li><a href="#" class="icoInstagram" title="Instagram"><i class="fa fa-instagram"></i></a></li>
+
<i class="glyphicon glyphicon-map-marker"></i> Genopole Campus 1, Batiment 6, 91030 Evry Cedex, France<br />
              <li><a href="#" class="icoFacebook" title="Facebook"><i class="fa fa-facebook"></i></a></li>
+
<i class="glyphicon glyphicon-earphone"></i> +33 7 69 96 68 31<br />
              <li><a href="#" class="icoTwitter" title="Twitter"><i class="fa fa-twitter"></i></a></li>
+
<i class="glyphicon glyphicon-envelope"></i><a href="mailto:igemevry@gmail.com"> igemevry@gmail.com</a></p>
              <li><a href="#" class="icoLinkedin" title="Linkedin"><i class="fa fa-linkedin"></i></a></li>
+
          </ul>
+
 
         </div>
 
         </div>
         <div class="col-md-3 ">
+
         <div class="col-md-3" style="width:auto;">
           <p style="color: white;">© Copyright 2018 | Design & Developpement par IGEM EVRY GENOPOLE</p>
+
           <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