Team:Toulouse/template/footer

From 2014.igem.org

(Difference between revisions)
 
(28 intermediate revisions not shown)
Line 13: Line 13:
}
}
-
.wrapper-footer:last-child{
+
.block-footer{
-
border:none;
+
border-right: 1px solid #515050;
 +
color: white;
 +
float:left;
 +
height:300px;
 +
margin:80px 0 60px;
}
}
-
.block-footer{
+
.block-footer-last{
-
border: 1px solid #515050;
+
border-right: none;
color: white;
color: white;
float:left;
float:left;
height:300px;
height:300px;
-
width:319px;
+
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 36: Line 57:
   <div class="wrapper-footer">
   <div class="wrapper-footer">
-
       <div class="block-footer">
+
       <div class="block-footer" style="width:300px;">
-
         <h3>IGEM Toulouse 2014</h3>
+
        <div class="block-footer-text" style="padding-right:65px;">
-
         <p><b> iGEM Toulouse</b><br><address>
+
         <h3>iGEM Toulouse 2014</h3>
-
        INSA Toulouse <br>135, Avenue de Rangueil <br>
+
         <p>INSA Toulouse <br>135, Avenue de Rangueil <br>
-
         31400 TOULOUSE <br></address></p>
+
         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;">
-
        <p>In ac gravida ex. Pellentesque nibh erat, tristique et faucibus nec, egestas quis massa.</p>
+
          <h3>Let's talk</h3>
-
        <a href="mailto:igemtoulouse2014@gmail.com"> igemtoulouse2014@gmail.com</a>
+
          <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";>
-
        <a href="https://2013.igem.org/Main_Page"> <img style="width:170px" src=""/></a>
+
          <h3>Socialize</h3>
-
        <a href="https://2013.igem.org/Main_Page"><img style="width:170px" src=""/></a>
+
          <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 59: Line 85:
<div class="nav-footer">
<div class="nav-footer">
-
<p style="text-align:center">IGEM Toulouse 2014</p>
+
<p style="text-align:center; padding-top:6px; color:#ccc;">iGEM Toulouse 2014</p>
</div>
</div>
</html>
</html>

Latest revision as of 11:34, 17 October 2014