(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- | + | <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=" | + | <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=" | + | <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=" | + | <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=" | + | <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