"
Team:Toulouse/template/footer
From 2014.igem.org
(Difference between revisions)
(Created page with " <style type="text/css"> #footer{ background-color:#2e2d2c; height:440px; width:100%; } #footer .wrapper-footer{ margin: 0 auto; width:960px; } .nav-footer{ background-color:#...") |
|||
| (33 intermediate revisions not shown) | |||
| Line 1: | Line 1: | ||
| - | + | <html> | |
<style type="text/css"> | <style type="text/css"> | ||
| Line 8: | Line 8: | ||
} | } | ||
| - | + | .wrapper-footer{ | |
margin: 0 auto; | margin: 0 auto; | ||
width:960px; | width:960px; | ||
| + | } | ||
| + | |||
| + | .block-footer{ | ||
| + | border-right: 1px solid #515050; | ||
| + | color: white; | ||
| + | float:left; | ||
| + | height:300px; | ||
| + | margin:80px 0 60px; | ||
| + | } | ||
| + | |||
| + | .block-footer-last{ | ||
| + | border-right: none; | ||
| + | color: white; | ||
| + | float:left; | ||
| + | height:300px; | ||
| + | margin:80px 0 60px; | ||
| + | } | ||
| + | .block-footer-text{ | ||
| + | padding:40px 0 40px; | ||
| + | text-align:left; | ||
| + | } | ||
| + | |||
| + | .block-footer-text h3{ | ||
| + | color:white; | ||
| + | font-family: font-family : Helvetica, sans-serif; | ||
| + | font-size:24px; | ||
| + | padding-bottom:30px; | ||
| + | } | ||
| + | |||
| + | .block-footer-text p{ | ||
| + | font-family: font-family : Helvetica, sans-serif; | ||
| + | font-size:15px; | ||
| + | line-height:1.6; | ||
} | } | ||
| Line 21: | Line 54: | ||
</style> | </style> | ||
| - | <div id=" | + | <div id="footer" > |
<div class="wrapper-footer"> | <div class="wrapper-footer"> | ||
| - | <div class="block-footer"> | + | <div class="block-footer" style="width:300px;"> |
| - | <h3> | + | <div class="block-footer-text" style="padding-right:65px;"> |
| - | <p> | + | <h3>iGEM Toulouse 2014</h3> |
| - | + | <p>INSA Toulouse <br>135, Avenue de Rangueil <br> | |
| - | 31400 TOULOUSE <br></ | + | 31400 TOULOUSE <br></p> |
| + | </div> | ||
</div> | </div> | ||
| - | <div class="block-footer"> | + | <div class="block-footer" style="width:378px;"> |
| - | <h3>Let's talk</h3> | + | <div class="block-footer-text" style="padding-right:65px; padding-left:75px;"> |
| - | + | <h3>Let's talk</h3> | |
| - | + | <p>Feel free to contact us for any question about our SubtiTree project</p> | |
| + | <a href="mailto:igemtoulouse2014@gmail.com" style="border:1px solid #fff;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 13px 25px 12px; color:white; text-decoration:none; font-size:17px; background:none; margin-top:30px; display:inline-block; ">CONTACT</a> | ||
| + | </div> | ||
</div> | </div> | ||
| - | <div class="block-footer"> | + | <div class="block-footer-last"> |
| - | <h3>Socialize</h3> | + | <div class="block-footer-text" style="padding-left:75px";> |
| - | + | <h3>Socialize</h3> | |
| - | + | <a href="https://www.facebook.com/iGEM.Toulouse.2014" style="background:none;"><img style="width:46px;" src="https://static.igem.org/mediawiki/2014/c/cf/Template-igem2014-iconeFB.png"/></a> | |
| - | + | <a href="https://twitter.com/iGEM_Toulouse" style="background:none;"><img style="width:46px" src="https://static.igem.org/mediawiki/2014/d/da/Template-igem2014-iconeTW.png"/></a> | |
| - | + | </div> | |
| - | + | ||
| - | </ | + | |
</div> | </div> | ||
| Line 51: | Line 85: | ||
<div class="nav-footer"> | <div class="nav-footer"> | ||
| - | <p style="text-align:center"> | + | <p style="text-align:center; padding-top:6px; color:#ccc;">iGEM Toulouse 2014</p> |
</div> | </div> | ||
| + | |||
| + | </html> | ||
Latest revision as of 11:34, 17 October 2014
Socialize
