Template:MainStyle/Footer

From 2014.igem.org

(Difference between revisions)

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.

QUICKLINKS

About
Contact
Sponsors
igem.org
Registry

Requirements
Giant Jamboree
Meetups
Calendar
Partner Offers

Login
Upload Files
Recent Changes
Special pages

Press Kit
Newsletter
AlumniGEM

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

@@ Line 1: / Line 1: @@
+{{CSS/MainStyle}}
 <html>
+<style type="text/css">
+/*-- subdivided container (three equal columns)--*/
-<table border="0" width="100%" cellspacing="0" align="center">
-<tr >
-<td bgColor="#e3e3e3"></td>
-<td width="975px" align="center" bgColor="#414141">
-<table width="975px" cellspacing="0">
-<tr height="20px" bgColor="#414141">
-<td width="15px"></td>
-<td width="160px" valign="top"> <font color="white"><b> CONTACT </b> </font><br>
-<td width="15px"></td>
-<td width="150px"></td>
-<td width="15px"></td>
-<td width="620px"><font color="white"> <b> QUICKLINKS </b> </font> </td>
-</tr>
+#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;
+}
-<tr bgColor="#414141">
+#lowerpartA {
-<td width="15px"></td>
+    background-color:#ffffff;
-<td width="130px" valign="top"> <font color="white">
+    width: 50px;
-One Kendall Square,
+    float: left;
-Cambridge,
+padding-left: 15px;
-MA, USA 02139
+}
-<br>
+#lowerpartB {
-hq at igem dot org
+    background-color:#ffffff;
-<br>
+    width: 700px;
-+1.617.500.3106
+    float: left;
-</font>
+padding-left: 5px;
-</td>
+}
-<td width="15px"></td>
+#elementswrap {
+  width: 975px;
+	margin-left: auto;
+	margin-right: auto;
+background-color: #414141;
+font-size: 13px;
+	color: #ffffff;
+height:200px;
+padding-bottom: 10px;
+padding-top: 5px;
+align:center;
+}
-<td width="150px"> <font color="white"> Get the latest updates from iGEM by subscribing to our monthly newsletter. </font> <br><br>
-<table width="150px" align="center" cellspacing="0"> <tr height="40px" bgColor="#414141"> <td ></td>  <td style="border: 2px solid white;" align="center" width="100px">  <a style="color:#ffffff;" href=""> <b>NEWSLETTER</b></a> </td> <td ></td> </tr>
-</table>
-</td>
-<td width="15px"></td>
-<td width="650px" valign="top">
+#columnA {
-<table width="650px" cellspacing="0" >
+    background-color:#414141;
-<tr  bgColor="#414141">
+    width: 150px;
-<td>
+    float: left;
+padding-top: 25px;
+padding-bottom: 25px;
+padding-left: 25px;
+}
+#columnB {
+    background-color: #414141;
+    float: left;
+    width: 150px;
+    padding-top: 25px;
+    padding-bottom: 25px;
+    padding-left: 25px;
+}
+#columnC {
+    background-color: #414141;
+    float: left;
+    width: 590px;
+    padding-top: 25px;
+    padding-bottom: 25px;
+    padding-left: 35px;
+}
+#subcolumnC {
+    background-color: #414141;
+    float: left;
+    padding-top: 5px;
+    padding-bottom: 5px;
+    padding-right: 30px;
+}
+#clear {
+    clear: both;
+}
+</style>
+<div id="elementswrap">
+<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>+1 617 500 3106</p>
+</div>
+<div id="columnB">
+<br><br>
+<p>Get the latest updates from iGEM by subscribing to our monthly newsletter.</p>
+</div>
+<div id="columnC"><b>QUICKLINKS</b><br><br>
+<div id="subcolumnC">
 <a style="color:#ffffff;" href=""> About </a> <br>
 <a style="color:#ffffff;" href=""> Contact </a> <br>
@@ Line 52: / Line 120: @@
 <a style="color:#ffffff;" href=""> igem.org</a> <br>
 <a style="color:#ffffff;" href=""> Registry </a> <br>
-</td>
+</div>
-<td>
+<div id="subcolumnC">
 <a style="color:#ffffff;" href=""> Requirements </a> <br>
 <a style="color:#ffffff;" href=""> Giant Jamboree </a> <br>
@@ Line 60: / Line 128: @@
 <a style="color:#ffffff;" href=""> Calendar</a> <br>
 <a style="color:#ffffff;" href=""> Partner Offers</a> <br>
-</td>
+</div>
-<td>
+<div id="subcolumnC">
 <a style="color:#ffffff;" href=""> Login </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=""> Special pages</a> <br>
-</td>
+</div>
-<td>
-Press Kit
-Newsletter
-AlumniGEM
-</td>
-<td valign="bottom">
-<img src="http://i.creativecommons.org/l/by/3.0/88x31.png">
-</td>
-</tr>
-</table>
-</td>
-</tr>
-</table>
-</td>
-<td bgColor="#e3e3e3"></td>
-</tr>
-</table>
+<div id="subcolumnC">
+<a style="color:#ffffff;" href=""> Press Kit </a> <br>
+<a style="color:#ffffff;" href=""> Newsletter</a> <br>
+<a style="color:#ffffff;" href="">AlumniGEM </a> <br>
+</div>
+<div id="subcolumnC">
+<img src="http://i.creativecommons.org/l/by/3.0/88x31.png">
+</div>
+<div id="clear"></div>
+</div>
+</div>
+<div id="clear"></div>
-<!-----------------------------------------------------------------logo ------------------------------------------------------------------------->
-<table width="100%" cellspacing="0">
-<tr height="50px">
-<td bgColor="#e3e3e3"></td>
-<td width="975px">
-<table width="975px" cellspacing="0">
-<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>
+<div id="lowerpartwrap">
+<div id="lowerpartA">
+ <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="40px">
+</div>
-<td bgColor="#e3e3e3"></td>
+<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>
-</tr>
+</div>
-<table>
+</div>
+<div id="clear"></div>
 </html>