(85 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 7: | Line 10: | ||
footer { | footer { | ||
+ | height: 150px; | ||
bottom:0; | bottom:0; | ||
left:0; | left:0; | ||
right: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 */ | /* footer social icons */ | ||
ul.social-network { | ul.social-network { | ||
Line 22: | Line 57: | ||
display: inline; | display: inline; | ||
margin: 0 5px; | margin: 0 5px; | ||
+ | text-decoration: none; | ||
} | } | ||
Line 54: | Line 90: | ||
display:inline-block; | display:inline-block; | ||
position:relative; | position:relative; | ||
− | margin:0 auto | + | margin:0 auto 10px auto; |
-moz-border-radius:50%; | -moz-border-radius:50%; | ||
-webkit-border-radius:50%; | -webkit-border-radius:50%; | ||
Line 62: | Line 98: | ||
height: 50px; | height: 50px; | ||
font-size:20px; | font-size:20px; | ||
+ | text-decoration: none; | ||
} | } | ||
.social-circle li i { | .social-circle li i { | ||
Line 67: | Line 104: | ||
line-height:50px; | line-height:50px; | ||
text-align: center; | text-align: center; | ||
+ | text-decoration: none; | ||
} | } | ||
Line 87: | 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 101: | 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- | + | <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> | ||
− | <div class="col-md-6 "> | + | <div class="col-md-3" style="width:auto;"> |
− | <p style="color: white;">© Copyright 2018 | + | <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