|
|
(293 intermediate revisions not shown) |
Line 1: |
Line 1: |
| + | {{CSS/MainStyle}} |
| + | {{MainStyle/Menu}} |
| <html> | | <html> |
- | <!-- this section changes the default wiki template to a white full width background -->
| + | |
| | | |
| <style type="text/css"> | | <style type="text/css"> |
- | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
| + | /*-- subdivided container (three equal columns)--*/ |
| | | |
- | #top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/ | + | #firstwrap { |
- |
| + | width: 975px; |
- | border: 0 none;
| + | margin-left: auto; |
- | height: 14px;
| + | margin-right: auto; |
- | z-index: 100;
| + | background-color: #ffffff; |
- | top: 0;
| + | text-align:center; |
- | position: fixed;
| + | |
- | width: 975px;
| + | |
- | left: 50%;
| + | |
- | margin-left: -487px;
| + | |
| } | | } |
| | | |
- | #globalWrapper, #content { /*-- changes default wiki settings --*/ | + | #mission { |
- | width: 100%;
| + | background-color: #e3e3e3; |
- | height: 100%;
| + | width: 275px; |
- | border: 0px;
| + | float: left; |
- | background-color: transparent;
| + | height: 200px; |
- | margin: 0px;
| + | |
- | padding: 0px;
| + | |
| } | | } |
| | | |
- | html, body, .wrapper { /*-- changes default wiki settings --*/
| + | #programs { |
- | width: 100%;
| + | background-color: #a5a5a5; |
- | height: 100%;
| + | width: 425px; |
- | background-color: transparent;
| + | float: left; |
| + | height: 200px; |
| } | | } |
- | </style>
| |
- | <!-- here ends the section that changes the default wiki template to a white full width background -->
| |
| | | |
| + | #values { |
| + | background-color: #e3e3e3; |
| + | width: 275px; |
| + | float: left; |
| + | height: 200px; |
| + | } |
| | | |
| | | |
- | <!--MENU-->
| |
- | <table id="menu" width="100%" cellspacing="0" align="center">
| |
| | | |
- | <tr >
| |
- | <td ></td>
| |
| | | |
- | <td width="975px" align="center">
| + | #communitywrap { |
| + | width: 975px; |
| + | margin-left: auto; |
| + | margin-right: auto; |
| + | background-color: #ffffff; |
| + | text-align:center; |
| + | } |
| | | |
- | <table width="975px">
| + | #communityfeature1 { |
- | <td width="2%" ></td>
| + | background-color: #a5a5a5; |
- | <td align="left"><img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="60px"></td>
| + | width: 243.75px; |
- | <td width="10%" align="right">ABOUT </td>
| + | float: left; |
- | <td width="10%" align="right">PROGRAMS</td>
| + | height:150px; |
- | <td width="10%" align="right">COMMUNITY </td>
| + | } |
- | <td width="10%" align="right">SPONSORS </td>
| + | |
- | <td width="10%" align="right">DONATE</td>
| + | |
- | <td width="10%" align="right">CONTACT </td>
| + | |
- | </table>
| + | |
- | </td>
| + | |
- | <td></td>
| + | |
- | </tr>
| + | |
- | </table>
| + | |
| | | |
| + | #communityfeature2 { |
| + | background-color: #e3e3e3; |
| + | width: 243.75px; |
| + | float: left; |
| + | height:150px; |
| + | } |
| | | |
| | | |
| + | #featuredwrap { |
| + | width: 975px; |
| + | margin-left: auto; |
| + | margin-right: auto; |
| + | background-color: #ffffff; |
| + | text-align:center; |
| + | } |
| | | |
- | <!-- BANNER -->
| + | #featuredAandC { |
| + | background-color: #414141; |
| + | width: 245px; |
| + | float: left; |
| + | height: 200px; |
| + | color: #ffffff; |
| + | padding-top: 20px; |
| + | padding-bottom: 20px; |
| + | padding-left:15px; |
| + | padding-right:15px; |
| + | } |
| | | |
| | | |
| + | #upcomingeventrow { |
| + | width: 225px; |
| + | height:30px; |
| + | background-color: #ffffff; |
| + | color: #414141; |
| + | padding-left:10px; |
| + | padding-right:10px; |
| + | display: table-cell; |
| + | vertical-align: middle; |
| + | text-align:left; |
| + | } |
| | | |
- | <div id="banner" style="width:auto;overflow:hidden;">
| |
- | <img src="https://static.igem.org/mediawiki/2014/5/51/Gifattemptdemo.gif" style="width:100%;" />
| |
- | </div>
| |
| | | |
| + | #featuredhighlights { |
| + | background-color: #a5a5a5; |
| + | width: 415px; |
| + | float: left; |
| + | height: 200px; |
| + | padding-left:5px; |
| + | padding-right:5px; |
| + | padding-top: 20px; |
| + | padding-bottom: 20px; |
| + | } |
| | | |
- | <!-- MAIN INFO -->
| |
| | | |
- | <table width="100%" cellspacing="0">
| |
- | <tr ><td bgColor="#e3e3e3"></td>
| |
| | | |
- | <td width="975px">
| + | #clear { |
- | <table width="975px" cellspacing="0" >
| + | clear: both; |
- | <tr > | + | } |
| + | </style> |
| | | |
- | <td width="30%" valign="top">
| |
- | <b> iGEM</b> <br><br>
| |
- | International and multidisciplinary, iGEM is much more than a competition. We are a non profit dedicated to the advancement of synthetic biology.
| |
- | <br><br>
| |
- | <table align="center"><tr height="40px" > <td style="border: 2px solid black;" align="center" width="100px"> <b> ABOUT </b> </td> </tr></table>
| |
| | | |
- | </td> | + | <!-- BANNER --> |
- | <td width="40%" valign="top" bgColor="#a5a5a5">
| + | |
- | <table cellspacing="0" width="390px" >
| + | |
| | | |
- | <tr bgColor="#a5a5a5"> <td colspan="2" align="center" > <b>PROGRAMS </b> <br> iGEM has a place for everyone</td></tr>
| |
| | | |
| | | |
- | <tr height="55px" align="center"> | + | <div id="banner" style="width:auto;overflow:hidden;"> |
- | <td width="50%" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> | + | <img src="https://static.igem.org/mediawiki/2014/9/96/Registrybanner04.jpg" style="width:100%;" /> |
- | <b> <a href=""> <font size="4"> COLLEGIATE </font> </a> </b></td>
| + | </div> |
| | | |
- | <td width="50%" bgColor="#d2d2d2">LABS <br> <img src="https://static.igem.org/mediawiki/2014/6/64/Gearpng.png" ></td></tr>
| |
| | | |
- | <tr height="55px" align="center">
| |
- | <td width="50%" bgColor="#d2d2d2"> HIGHSCHOOL <br> <img src="https://static.igem.org/mediawiki/2014/6/64/Gearpng.png" ></td>
| |
- |
| |
- | <td width="50%" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
| |
- | <b> <a href=""> <font size="4">REGISTRY </font> </a> </b></td>
| |
- | </tr>
| |
- |
| |
- | </table>
| |
- | </td>
| |
- |
| |
- | <td width="30%" valign="top">
| |
- | <b>MISSION</b> <br><br>
| |
- | iGEM promotes teamwork, leadership, cooperation a strong sense of community and overall a “Get, Give and Share” philosophy.
| |
- | <br><br>
| |
- | <table align="center"><tr height="40px" > <td style="border: 2px solid black;" align="center" width="100px"> <b> DONATE </b> </td> </tr></table>
| |
- |
| |
- | </td>
| |
- |
| |
- | </tr></table>
| |
- |
| |
- | </td>
| |
- |
| |
- | <td bgColor="#e3e3e3"></td></tr>
| |
- |
| |
- |
| |
- |
| |
- | <!------------------------------------------------- UPCOMING EVENTS and HIGHLIGHTS -------------------------------------------------------------->
| |
- | <tr bgColor="#e3e3e3"><td></td>
| |
- | <td width="975px">
| |
- | <table width="975px" cellspacing="0">
| |
- | <tr>
| |
- | <td width="70%" bgColor="#a5a5a5">
| |
- | <br><br>
| |
- |
| |
- |
| |
- |
| |
- | <!-------------------------------UPCOMING EVENTS ------------------------------->
| |
- | <table align="center" cellspacing="0" width="600px">
| |
- | <tr bgColor="#a5a5a5" >
| |
- |
| |
- | <td colspan="6"><b>UPCOMING EVENTS </b> </td> </tr>
| |
- | <tr height="10px" bgColor="#a5a5a5" > <td colspan="6"></td></tr>
| |
- |
| |
- | <tr height="30px" ><td width="10px"></td><td width="100px" >June 28</td><td> High School Jamboree </td> <td width="100px" align="right" > link </td><td align="right" width="10px"></tr>
| |
- |
| |
- | <tr height="10px" bgColor="#a5a5a5" > <td colspan="6"></td></tr>
| |
- |
| |
- | <tr height="30px"><td width="10px"></td><td width="100px" >July 18</td><td> Giant Jamboree Registration opens</td> <td width="100px" align="right" > link </td><td align="right" width="10px"></tr>
| |
- |
| |
- | <tr height="10px" bgColor="#a5a5a5" > <td colspan="6"></td></tr>
| |
- |
| |
- | <tr height="30px"><td width="10px"></td><td width="100px" >July 21</td><td> Preliminary safety forms due</td> <td width="100px" align="right" > link </td><td align="right" width="10px"></tr>
| |
- | </table>
| |
- |
| |
- | <BR><BR>
| |
- | <table cellspacing="0" align="center"><tr height="40px" > <td style="border: 2px solid black;" align="center" width="100px"> <b> CALENDAR </b> </td> </tr></table>
| |
- | <BR><BR>
| |
- | </td>
| |
- |
| |
- |
| |
- | <!------------------------------HIGHLIGHTS -------------------------------------->
| |
- | <td width="30%" bgColor="#cdcdcd" align="center">
| |
- |
| |
- | <b>HIGHLIGHTS </b>
| |
- | <br><br>
| |
- |
| |
- | <a href=""> Giant Jamboree </a><br><br>
| |
- | <a href=""> iGEM 2014 </a><br><br>
| |
- | <a href="">Alumni </a> <br><br>
| |
- | <a href=""> Opportunities </a>
| |
- |
| |
- |
| |
- | </td>
| |
| | | |
| + | <div id="firstwrap"> |
| + | <div id="mission">MISSION</div> |
| + | <div id="programs">PROGRAMS</div> |
| + | <div id="values">VALUES</div> |
| + | <div id="clear"></div> |
| + | </div> |
| | | |
| + | <div id="fullwidthcontainer"> |
| + | <table width="905px" cellspacing="0" cellpadding="15" > |
| + | <tr><td colspan="7" align="center"> <b>FACETS </b><br>iGEM is much more than a competition...</td></tr> |
| | | |
| + | <tr bgColor="#E5ECAA"> |
| + | <td>COMPETITION </td> |
| + | <td> EDUCATION</td> |
| + | <td> TEAMWORK</td> |
| + | <td> TECHNOLOGY</td> |
| + | <td> ENTREPRENEURSHIP</td> |
| + | <td> SAFETY+SECURITY</td> |
| + | <td> SHARING</td> |
| </tr> | | </tr> |
| | | |
| + | <tr><td colspan="7" align="center"> </td></tr> |
| </table> | | </table> |
- | </td>
| |
| | | |
- | <td></td></tr>
| + | </div> |
| | | |
- | <!-----------------------------------------------end of UPCOMING EVENTS and HIGHLIGHTS -----------------------------------------------------------> | + | <div id="communitywrap"> |
| + | <div id="communityfeature1">UpcomingEvents</div> |
| + | <div id="communityfeature2">Highlights</div> |
| + | <div id="communityfeature1">UpcomingEvents</div> |
| + | <div id="communityfeature2">Highlights</div> |
| + | <div id="clear"></div> |
| + | </div> |
| | | |
| + | <div id="communitywrap"> |
| + | <div id="communityfeature2">Highlights</div> |
| + | <div id="communityfeature1">UpcomingEvents</div> |
| + | <div id="communityfeature2">Highlights</div> |
| + | <div id="communityfeature1">UpcomingEvents</div> |
| + | <div id="clear"></div> |
| + | </div> |
| | | |
- | <!--------------------------------------------------------------COMMUNITY----------------------------------------------------------------------->
| |
| | | |
| | | |
- | <tr bgColor="#e3e3e3" ><td></td>
| |
| | | |
- | <td width="975px"> | + | <div id="featuredwrap"> |
- | <table cellspacing="0" > | + | <div id="featuredAandC"> |
- | <tr valign="top">
| + | |
| | | |
- | <td width="1%"></td> | + | <b> UPCOMING EVENTS </b> |
- | <td width="23%" valign="center"><br> <b>COMMUNITY </b> <br><br> | + | <br><br> |
- | iGEM has a strong community, teams collaborate and help each other in and outside the lab.<br>
| + | <div id="upcomingeventrow"> June something </div> |
- | Visit the <a href="https://2014.igem.org/Community"> community page</a> for more!
| + | <br> |
- | </td> | + | <div id="upcomingeventrow"> June something </div> |
| + | <br> |
| + | <div id="upcomingeventrow"> June something </div> |
| | | |
- | <td width="1%"></td>
| + | </div> |
| | | |
- | <td width="25%"> <img src="https://static.igem.org/mediawiki/2014/3/31/Entrepreneurship_igemataglance.jpg" width="243px"> </td> | + | <div id="featuredhighlights">Highlights</div> |
- | <td width="25%"> <img src="https://static.igem.org/mediawiki/2014/2/23/Competition_igemataglance.jpg" width="243px"> </td>
| + | |
| | | |
- | <td width="25%" > <a href="https://2014.igem.org/Community"> | + | <div id="featuredAandC"> |
- | <img src="https://static.igem.org/mediawiki/2014/3/39/Mainpage_community_aaltohelsinki_hover.jpg" | + | <b> FEATURED VIDEO </b> <br><br> |
- | onmouseover="this.src='https://static.igem.org/mediawiki/2014/3/35/Mainpage_community_aaltohelsinki_normal.jpg'"
| + | <img src="https://static.igem.org/mediawiki/igem.org/8/88/Teamexperiencescreenshot.png" width="245px"> |
- | onmouseout="this.src='https://static.igem.org/mediawiki/2014/3/39/Mainpage_community_aaltohelsinki_hover.jpg'"/>
| + | </div> |
- | </a></td>
| + | |
| | | |
| + | <div id="clear"></div> |
| + | </div> |
| | | |
| | | |
- | </tr>
| + | <!-----------------------------------------------------------------------------------------------------------------------------------------------> |
- | </table>
| + | |
- | | + | |
- | | + | |
- | | + | |
- | </td>
| + | |
- | | + | |
- | | + | |
- | <td></td></tr>
| + | |
- | <!--------------------------------------------------------end of COMMUNITY-----------------------------------------------------------------------> | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | <!---------------------------------------------------------------SPONSORS----------------------------------------------------------------------->
| + | |
- | | + | |
- | <tr bgColor="#e3e3e3"><td></td>
| + | |
- | | + | |
- | <td width="975px" bgColor="#fff" height="200px">
| + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | <!--Platinum Partners -->
| + | |
- | <table cellspacing="20"; align="center" width="975px">
| + | |
- | | + | |
- | <tr> <td align="center" colspan="3"> <font color="#414141" size ="1"> <b>Platinum Partners </b> </font> </td> </tr>
| + | |
- | <tr align="center">
| + | |
- | <td>
| + | |
- | <a href="https://igem.org/Sponsors">
| + | |
- | <img src="https://static.igem.org/mediawiki/igem.org/2/26/Sloan_Logo_Primary_Web_250px.png" width="200px">
| + | |
- | </a></td>
| + | |
- | <td>
| + | |
- | <a href="https://igem.org/Sponsors">
| + | |
- | <img src="https://static.igem.org/mediawiki/igem.org/7/7e/NSF_logo.png" width="80px">
| + | |
- | </a></td>
| + | |
- | <td>
| + | |
- | <a href="https://igem.org/Sponsors">
| + | |
- | <img src="https://static.igem.org/mediawiki/igem.org/8/82/SynBERC_logo_65h.png" width="200px">
| + | |
- | </a></td>
| + | |
- | </tr>
| + | |
- | | + | |
- | <tr> <td height="1px" colspan="3" bgColor="#f0f0f0"></td> </tr>
| + | |
- | </table>
| + | |
- | | + | |
- | <!-- partners -->
| + | |
- | <table align="center" width="975px">
| + | |
- | <tr> <td align="center" colspan="3"> <font color="#414141" size ="1"><b>Partners</b> </font> </td> </tr>
| + | |
- | | + | |
- | <tr align="center">
| + | |
- | <td><img src="https://static.igem.org/mediawiki/igem.org/a/aa/Agilent_Technologies_logo.png"></td>
| + | |
- | <td><img src="https://static.igem.org/mediawiki/2010/1/1e/Fbi_seal_mod_50px.png" width="50px"></td>
| + | |
- | <td ><img src="https://static.igem.org/mediawiki/igem.org/c/c6/Autodesk-logo.png"> </td>
| + | |
- | | + | |
- | </tr>
| + | |
- | | + | |
- | <tr align="center">
| + | |
- | | + | |
- | <td ><img src="https://static.igem.org/mediawiki/2012/c/c0/MathWorks_logo_small.png" width="150px"></td>
| + | |
- | <td ><img src="https://static.igem.org/mediawiki/2014/5/57/Erasynbio.jpg" width="150px"></td>
| + | |
- | <td > <img src="https://static.igem.org/mediawiki/parts/a/a2/IDT_Logo_2014_%28corp_blue%29.png" width="150px"></td>
| + | |
- | </tr>
| + | |
- | | + | |
- | <tr> <td height="1px" colspan="3" bgColor="#f0f0f0"></td> </tr>
| + | |
- | </table>
| + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | <!-- gold sponsors -->
| + | |
- | <table align="center" width="975px">
| + | |
- | <tr> <td height="45px"></td> </tr>
| + | |
- | <tr> <td align="center" > <font color="#414141" size="1"> <b> Gold Sponsors </b></font> </td> </tr>
| + | |
- | | + | |
- | | + | |
- | <tr>
| + | |
- | <td align="center">
| + | |
- | <img src="https://static.igem.org/mediawiki/igem.org/a/a0/SGI-DNA_logo.png" width="80px"></td></tr>
| + | |
- | <tr> <td height="25px"></td> </tr>
| + | |
- | </table>
| + | |
- | | + | |
- | | + | |
- | | + | |
- | </td>
| + | |
- | | + | |
- | <td></td></tr>
| + | |
- | | + | |
- | | + | |
- | <!-------------------------------------------------------------end SPONSORS--------------------------------------------------------------------->
| + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | <!----------------------------------------------------------------FOOTER----------------------------------------------------------------------->
| + | |
- | | + | |
- | | + | |
- | <tr bgColor="#e3e3e3">
| + | |
- | <td></td>
| + | |
- | | + | |
- | <td width="975px">
| + | |
- | <table width="975px" cellspacing="0">
| + | |
- | <tr>
| + | |
- | <td width="600px" bgColor="#d2d2d2"> QUICKLINKS</td>
| + | |
- | | + | |
- | | + | |
- | | + | |
- | <!--------------------CONTACT ----------------------->
| + | |
- | <td width="30%" bgColor="#a5a5a5"><br>
| + | |
- | | + | |
- | | + | |
- | <table cellspacing="0" cellpadding="5">
| + | |
- | <tr bgColor="#a5a5a5"><td width="5%"></td><td colspan="3"> <b> CONTACT </b> <br>
| + | |
- | <font size="1"> If you have any questions about iGEM or the Registry of Standard Biological Parts you may reach us by email or phone. </font>
| + | |
- | </td> <td width="5%"></td></tr>
| + | |
- | | + | |
- | </tr>
| + | |
- | <tr bgColor="#a5a5a5"> <td width="5%"></td>
| + | |
- | <td> <img src="https://static.igem.org/mediawiki/igem.org/b/bf/Igemdesign_location.png" width="20px"> </td> <td width="5%"></td> <td> <font size="2"> One Kendall Square, Cambridge, <br> MA, USA 02139 </font> </td><td width="5%"></td> </tr>
| + | |
- | | + | |
- | <tr bgColor="#a5a5a5"> <td width="5%"></td>
| + | |
- | <td><img src="https://static.igem.org/mediawiki/igem.org/2/28/Igemdesign_mail2.png" width="20px"> </td><td width="5%"></td> <td> <font size="2"> hq at igem dot org</td>
| + | |
- | <td width="5%"></td> </tr>
| + | |
- | | + | |
- | <tr bgColor="#a5a5a5"> <td width="5%"></td>
| + | |
- | <td> <img src="https://static.igem.org/mediawiki/igem.org/b/b0/Igemdesign_phon.png" width="20px"> </td> <td width="5%"></td><td> <font size="2"> +1.617.500.3106 </font> </td><td width="5%"></td></tr>
| + | |
- | | + | |
- | | + | |
- | <tr bgColor="#a5a5a5"><td height="5px" colspan="5"></td></tr>
| + | |
- | | + | |
- | <tr bgColor="#a5a5a5"><td width="5%"></td><td colspan="4"> <font size="1"> Follow us on social media! </font></td> </tr>
| + | |
- | <tr bgColor="#a5a5a5"><td colspan="5" align="center"> FACEBOOK TWITTER FLICKR</td></tr>
| + | |
- | </table>
| + | |
- | | + | |
- | | + | |
- | | + | |
- | </td>
| + | |
- | | + | |
- | </tr>
| + | |
- | </table>
| + | |
- | | + | |
- | </td>
| + | |
- | | + | |
- | <td></td>
| + | |
- | </tr>
| + | |
- | | + | |
- | <!----------------------------------------------------------end FOOTER----------------------------------------------------------------------->
| + | |
- | | + | |
- | | + | |
- | | + | |
- | <!------------------------------------------------------------FINAL NOTE----------------------------------------------------------------------->
| + | |
- | <tr bgColor="#e3e3e3"><td></td><td width="975px">
| + | |
- | <table width="975px">
| + | |
- | <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>
| + | |
- | </tr></table>
| + | |
- | | + | |
- | </td><td></td></tr>
| + | |
- | | + | |
- | <!----------------------------------------------------------end FOOTER----------------------------------------------------------------------->
| + | |
- | | + | |
- | | + | |
- | | + | |
- | </table>
| + | |
| </html> | | </html> |
| + | {{MainStyle/Sponsors}} |
| + | {{MainStyle/Footer}} |