Difference between revisions of "Template:Evry Paris-Saclay/footer"
| (92 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 | ||
================= */ | ================= */ | ||
| + | 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 */ | /* footer social icons */ | ||
| Line 16: | Line 57: | ||
display: inline; | display: inline; | ||
margin: 0 5px; | margin: 0 5px; | ||
| + | text-decoration: none; | ||
} | } | ||
| Line 48: | 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 56: | Line 98: | ||
height: 50px; | height: 50px; | ||
font-size:20px; | font-size:20px; | ||
| + | text-decoration: none; | ||
} | } | ||
.social-circle li i { | .social-circle li i { | ||
| Line 61: | Line 104: | ||
line-height:50px; | line-height:50px; | ||
text-align: center; | text-align: center; | ||
| + | text-decoration: none; | ||
} | } | ||
| Line 81: | 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 95: | 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 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