Template:MainStyle/Footer

From 2014.igem.org

(Difference between revisions)
 
(43 intermediate revisions not shown)
Line 3: Line 3:
<style type="text/css">
<style type="text/css">
/*-- subdivided container (three equal columns)--*/
/*-- subdivided container (three equal columns)--*/
 +
 +
 +
 +
 +
 +
#lowerpartwrap { 
 +
  width: 975px;
 +
margin-left: auto;
 +
margin-right: auto;
 +
background-color: #ffffff;
 +
font-size: 13px;
 +
color: #414141;
 +
height:40px;
 +
padding-bottom: 10px;
 +
padding-top: 5px;
 +
align:center;
 +
}
 +
 +
 +
#lowerpartA {
 +
    background-color:#ffffff;
 +
    width: 50px;
 +
    float: left;
 +
padding-left: 15px;
 +
}
 +
#lowerpartB {
 +
    background-color:#ffffff;
 +
    width: 700px;
 +
    float: left;
 +
padding-left: 5px;
 +
}
 +
#elementswrap {   
#elementswrap {   
Line 11: Line 43:
font-size: 13px;  
font-size: 13px;  
color: #ffffff;  
color: #ffffff;  
-
height:300px;
+
height:200px;
-
 
+
padding-bottom: 10px;
 +
padding-top: 5px;
 +
align:center;
}
}
 +
 +
#columnA {
#columnA {
Line 20: Line 56:
     float: left;
     float: left;
padding-top: 25px;
padding-top: 25px;
-
    padding-bottom: 25px;
+
padding-bottom: 25px;
padding-left: 25px;
padding-left: 25px;
-
 
-
 
-
 
 
-
 
-
 
-
   
 
}
}
Line 37: Line 67:
     padding-bottom: 25px;
     padding-bottom: 25px;
     padding-left: 25px;
     padding-left: 25px;
-
padding-right: 25px;
+
 
}
}
Line 43: Line 73:
     background-color: #414141;
     background-color: #414141;
     float: left;
     float: left;
-
     width: 600px;   
+
     width: 590px;   
     padding-top: 25px;
     padding-top: 25px;
     padding-bottom: 25px;
     padding-bottom: 25px;
-
     padding-left: 15px;
+
     padding-left: 35px;
}
}
Line 53: Line 83:
     background-color: #414141;
     background-color: #414141;
     float: left;
     float: left;
-
    width: 100px; 
 
     padding-top: 5px;
     padding-top: 5px;
     padding-bottom: 5px;
     padding-bottom: 5px;
-
     padding-left: 5px;
+
     padding-right: 30px;
}
}
 +
 +
#clear {
#clear {
     clear: both;
     clear: both;
Line 66: Line 97:
<div id="elementswrap">
<div id="elementswrap">
-
<div id="columnA"><b>CONTACT</b><br>
 
-
<p>One Kendall Square, Cambridge, MA,
 
-
USA 02139</p>
 
 +
 +
<div id="columnA"><b>CONTACT</b><br><br>
 +
<p>One Kendall Square, Cambridge, MA, USA 02139</p>
<p>hq at igem dot org </p>
<p>hq at igem dot org </p>
-
 
<p>+1 617 500 3106</p>
<p>+1 617 500 3106</p>
-
 
</div>
</div>
Line 80: Line 109:
<div id="columnB">
<div id="columnB">
-
<br>
+
<br><br>
<p>Get the latest updates from iGEM by subscribing to our monthly newsletter.</p>
<p>Get the latest updates from iGEM by subscribing to our monthly newsletter.</p>
-
 
-
</div>
 
-
<div id="columnC"><b>QUICKLINKS</b><br>
 
-
<div id="subcolumnC">
 
-
<a style="color:#ffffff;" href=""> About </a> <br>
 
-
<a style="color:#ffffff;" href=""> Contact </a> <br>
 
-
<a style="color:#ffffff;" href=""> Sponsors </a> <br>
 
-
<a style="color:#ffffff;" href=""> igem.org</a> <br>
 
-
<a style="color:#ffffff;" href=""> Registry </a> <br>
 
</div>
</div>
 +
<div id="columnC"><b>QUICKLINKS</b><br><br>
<div id="subcolumnC">
<div id="subcolumnC">
<a style="color:#ffffff;" href=""> About </a> <br>
<a style="color:#ffffff;" href=""> About </a> <br>
Line 102: Line 123:
<div id="subcolumnC">
<div id="subcolumnC">
-
<a style="color:#ffffff;" href=""> About </a> <br>
 
-
<a style="color:#ffffff;" href=""> Contact </a> <br>
 
-
<a style="color:#ffffff;" href=""> Sponsors </a> <br>
 
-
<a style="color:#ffffff;" href=""> igem.org</a> <br>
 
-
<a style="color:#ffffff;" href=""> Registry </a> <br>
 
-
</div>
 
-
 
-
<div id="subcolumnC">
 
-
<a style="color:#ffffff;" href=""> About </a> <br>
 
-
<a style="color:#ffffff;" href=""> Contact </a> <br>
 
-
<a style="color:#ffffff;" href=""> Sponsors </a> <br>
 
-
<a style="color:#ffffff;" href=""> igem.org</a> <br>
 
-
<a style="color:#ffffff;" href=""> Registry </a> <br>
 
-
</div>
 
-
 
-
 
-
<div id="subcolumnC">
 
-
<a style="color:#ffffff;" href=""> About </a> <br>
 
-
<a style="color:#ffffff;" href=""> Contact </a> <br>
 
-
<a style="color:#ffffff;" href=""> Sponsors </a> <br>
 
-
<a style="color:#ffffff;" href=""> igem.org</a> <br>
 
-
<a style="color:#ffffff;" href=""> Registry </a> <br>
 
-
</div>
 
-
 
-
</div>
 
-
</div>
 
-
<div id="clear"></div>
 
-
 
-
<table border="0" width="100%" cellspacing="0" align="center">
 
-
<tr><td bgColor="#ebebeb"></td><td bgColor="#414141" height="15px">  </td>  <td bgColor="#ebebeb"></td> </tr>
 
-
 
-
<tr >
 
-
 
-
 
-
<td bgColor="#ebebeb"></td>
 
-
 
-
<td width="975px" align="center" bgColor="#414141">
 
-
<table width="975px" cellspacing="0">
 
-
<tr height="20px" bgColor="#414141">
 
-
 
-
<td width="15px"></td>
 
-
<td width="130px" valign="top"> <font color="white"><b> CONTACT </b> </font><br>
 
-
<td width="20px"></td>
 
-
<td width="150px"></td>
 
-
<td width="30px"></td>
 
-
<td width="630px"><font color="white"> <b> QUICKLINKS </b> </font> </td>
 
-
</tr>
 
-
 
-
<tr><td colspan="6" height="15px" bgColor="#414141"></td></tr>
 
-
 
-
<tr bgColor="#414141">
 
-
<td width="15px"></td>
 
-
<td width="130px" valign="top"> <font color="white">
 
-
One Kendall Square,
 
-
Cambridge,
 
-
MA, <br>USA 02139<br><br>
 
-
hq at igem dot org
 
-
</font>
 
-
</td>
 
-
 
-
 
-
<td width="20px"></td>
 
-
 
-
<td width="150px" valign="top"> <font color="white"> Get the latest updates from iGEM by subscribing to our monthly newsletter. </font></td>
 
-
 
-
<td width="30px"></td>
 
-
 
-
<td width="630px" valign="top"> 
 
-
<table width="630px" cellspacing="0" >
 
-
<tr  bgColor="#414141">
 
-
<td width="20%">
 
-
<a style="color:#ffffff;" href=""> About </a> <br>
 
-
<a style="color:#ffffff;" href=""> Contact </a> <br>
 
-
<a style="color:#ffffff;" href=""> Sponsors </a> <br>
 
-
<a style="color:#ffffff;" href=""> igem.org</a> <br>
 
-
<a style="color:#ffffff;" href=""> Registry </a> <br>
 
-
</td>
 
-
 
-
<td width="20%" valign="top">
 
<a style="color:#ffffff;" href=""> Requirements </a> <br>
<a style="color:#ffffff;" href=""> Requirements </a> <br>
<a style="color:#ffffff;" href=""> Giant Jamboree </a> <br>
<a style="color:#ffffff;" href=""> Giant Jamboree </a> <br>
Line 186: Line 128:
<a style="color:#ffffff;" href=""> Calendar</a> <br>
<a style="color:#ffffff;" href=""> Calendar</a> <br>
<a style="color:#ffffff;" href=""> Partner Offers</a> <br>
<a style="color:#ffffff;" href=""> Partner Offers</a> <br>
-
</td>
+
</div>
-
<td width="20%" valign="top">
+
<div id="subcolumnC">
<a style="color:#ffffff;" href=""> Login </a> <br>
<a style="color:#ffffff;" href=""> Login </a> <br>
<a style="color:#ffffff;" href=""> Upload Files </a> <br>
<a style="color:#ffffff;" href=""> Upload Files </a> <br>
<a style="color:#ffffff;" href=""> Recent Changes</a> <br>
<a style="color:#ffffff;" href=""> Recent Changes</a> <br>
<a style="color:#ffffff;" href=""> Special pages</a> <br>
<a style="color:#ffffff;" href=""> Special pages</a> <br>
-
</td>
+
</div>
-
<td width="20%" valign="top">
+
<div id="subcolumnC">
<a style="color:#ffffff;" href=""> Press Kit </a> <br>
<a style="color:#ffffff;" href=""> Press Kit </a> <br>
<a style="color:#ffffff;" href=""> Newsletter</a> <br>
<a style="color:#ffffff;" href=""> Newsletter</a> <br>
<a style="color:#ffffff;" href="">AlumniGEM </a> <br>
<a style="color:#ffffff;" href="">AlumniGEM </a> <br>
-
</td>
+
</div>
-
<td valign="bottom" width="20%">
+
 
 +
<div id="subcolumnC">
<img src="http://i.creativecommons.org/l/by/3.0/88x31.png">
<img src="http://i.creativecommons.org/l/by/3.0/88x31.png">
-
</td>
+
</div>
-
</tr>
+
<div id="clear"></div>
-
</table>
+
-
</td>
+
</div>
-
</tr>
+
</div>
 +
<div id="clear"></div>
-
<tr  bgColor="#414141">
 
-
<td width="15px"></td>
 
-
<td width="130px"><font color="white">
 
-
+1.617.500.3106</font> </td>
 
-
<td width="20px"></td>
 
-
<td width="150px"><table width="150px" cellspacing="0"> <tr height="40px" bgColor="#414141"><TD></TD>
 
-
<td style="border: 2px solid white;" align="center" width="100px" onMouseOver="this.bgColor='#92CE9F'" onMouseOut="this.bgColor='#414141'" bgColor="#414141">
 
-
<a style="color:#ffffff;" href=""><b>NEWSLETTER</b></a></td><TD></TD></tr> </table></td>
 
-
<td width="30px"></td>
 
-
<td width="630px"></td>
 
-
</tr>
 
-
</table>
 
-
</td>
 
-
<td bgColor="#ebebeb"></td>
 
-
</tr>
 
-
<tr><td bgColor="#ebebeb"></td><td bgColor="#414141" height="15px">  </td>  <td bgColor="#ebebeb"></td> </tr>
+
<div id="lowerpartwrap">
 +
<div id="lowerpartA">
 +
  <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="40px">  
 +
</div>
-
</table>
+
<div id="lowerpartB"><b>  iGEM Foundation </b> <br><font size="1"> Dedicated to education and competition, advancement of synthetic biology, and the development of open community and collaboration.</font></div>
-
 
+
</div>
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
<!-----------------------------------------------------------------logo ------------------------------------------------------------------------->
+
-
<table width="100%" cellspacing="0">
+
-
<tr height="60px">
+
-
<td bgColor="#ebebeb"></td>
+
-
 
+
-
<td width="975px">
+
-
<table width="975px" cellspacing="0">
+
-
<tr>
+
-
<td width="1%"></td>
+
-
<td> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="40px"> </td><td>
+
-
 
+
-
<b>  iGEM Foundation </b> <br><font size="1"> Dedicated to education and competition, advancement of synthetic biology, and the development of open community and collaboration.</font></td>
+
-
</td>
+
-
</table>
+
-
 
+
-
</td>
+
-
 
+
-
<td bgColor="#ebebeb"></td>
+
-
</tr>
+
-
 
+
-
 
+
-
 
+
-
<table>
+
 +
</div>
 +
<div id="clear"></div>
</html>
</html>

Latest revision as of 17:44, 15 July 2014

CONTACT

One Kendall Square, Cambridge, MA, USA 02139

hq at igem dot org

+1 617 500 3106



Get the latest updates from iGEM by subscribing to our monthly newsletter.

iGEM Foundation
Dedicated to education and competition, advancement of synthetic biology, and the development of open community and collaboration.