|
|
(421 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | {{CSS/Main}} | + | {{CSS/MainStyle}} |
| + | {{MainStyle/Menu}} |
| <html> | | <html> |
- | <style>
| |
- | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
| |
- | </style>
| |
| | | |
| | | |
- | <style> | + | <style type="text/css"> |
| + | /*-- subdivided container (three equal columns)--*/ |
| | | |
- | .cbp-fwslider {
| + | #firstwrap { |
- | position: relative;
| + | width: 975px; |
- | margin: 0 0 10px;
| + | margin-left: auto; |
- | overflow: hidden;
| + | margin-right: auto; |
- | padding: 40px 0 60px;
| + | background-color: #ffffff; |
| + | text-align:center; |
| } | | } |
- |
| + | |
- | .cbp-fwslider ul {
| + | #mission { |
- | margin: 0;
| + | background-color: #e3e3e3; |
- | padding: 0;
| + | width: 275px; |
- | white-space: nowrap;
| + | float: left; |
- | list-style-type: none;
| + | height: 200px; |
| } | | } |
- |
| + | |
- | .cbp-fwslider ul li {
| + | #programs { |
- | transform: translateZ(0);
| + | background-color: #a5a5a5; |
- | float: left;
| + | width: 425px; |
- | display: block;
| + | float: left; |
- | margin: 0;
| + | height: 200px; |
- | padding: 0;
| + | |
| } | | } |
- |
| + | |
- | .cbp-fwslider ul li > a,
| + | #values { |
- | .cbp-fwslider ul li > div {
| + | background-color: #e3e3e3; |
- | display: block;
| + | width: 275px; |
- | text-align: center;
| + | float: left; |
- | outline: none;
| + | height: 200px; |
| } | | } |
- |
| |
- | .cbp-fwslider ul li > a img {
| |
- | border: none;
| |
- | display: block;
| |
- | margin: 0 auto;
| |
- | max-width: 75%;
| |
- | }
| |
- |
| |
- | .cbp-fwslider nav span {
| |
- | position: absolute;
| |
- | top: 50%;
| |
- | width: 50px;
| |
- | height: 100px;
| |
- | background: #47a3da;
| |
- | color: #fff;
| |
- | font-size: 50px;
| |
- | text-align: center;
| |
- | margin-top: -50px;
| |
- | line-height: 100px;
| |
- | cursor: pointer;
| |
- | font-weight: normal;
| |
- | }
| |
- |
| |
- | .cbp-fwslider nav span:hover {
| |
- | background: #378fc3;
| |
- | }
| |
- |
| |
- | .cbp-fwslider nav span.cbp-fwnext {
| |
- | right: 0px;
| |
- | }
| |
- |
| |
- | .cbp-fwslider nav span.cbp-fwprev {
| |
- | left: 0px;
| |
- | }
| |
- |
| |
- | .cbp-fwdots {
| |
- | position: absolute;
| |
- | bottom: 0px;
| |
- | white-space: nowrap;
| |
- | text-align: center;
| |
- | width: 100%;
| |
- | }
| |
- |
| |
- | .cbp-fwdots span {
| |
- | display: inline-block;
| |
- | width: 18px;
| |
- | height: 18px;
| |
- | background: #ddd;
| |
- | margin: 4px;
| |
- | border-radius: 50%;
| |
- | cursor: pointer;
| |
- | }
| |
- |
| |
- | .cbp-fwdots span:hover {
| |
- | background: #999;
| |
- | }
| |
- |
| |
- | .cbp-fwdots span.cbp-fwcurrent {
| |
- | background: #47a3da;
| |
- | box-shadow: 0 0 0 2px #47a3da;
| |
- | transition: box-shadow 0.2s ease-in-out;
| |
- | }
| |
- | </style>
| |
| | | |
| | | |
- | <script>
| |
| | | |
- | ;( function( $, window, undefined ) {
| |
- |
| |
- | 'use strict';
| |
- |
| |
- | // global
| |
- | var Modernizr = window.Modernizr;
| |
- |
| |
- | $.CBPFWSlider = function( options, element ) {
| |
- | this.$el = $( element );
| |
- | this._init( options );
| |
- | };
| |
- |
| |
- | // the options
| |
- | $.CBPFWSlider.defaults = {
| |
- | // default transition speed (ms)
| |
- | speed : 500,
| |
- | // default transition easing
| |
- | easing : 'ease'
| |
- | };
| |
- |
| |
- | $.CBPFWSlider.prototype = {
| |
- | _init : function( options ) {
| |
- | // options
| |
- | this.options = $.extend( true, {}, $.CBPFWSlider.defaults, options );
| |
- | // cache some elements and initialize some variables
| |
- | this._config();
| |
- | // initialize/bind the events
| |
- | this._initEvents();
| |
- | },
| |
- | _config : function() {
| |
- |
| |
- | // the list of items
| |
- | this.$list = this.$el.children( 'ul' );
| |
- | // the items (li elements)
| |
- | this.$items = this.$list.children( 'li' );
| |
- | // total number of items
| |
- | this.itemsCount = this.$items.length;
| |
- | // support for CSS Transitions & transforms
| |
- | this.support = Modernizr.csstransitions && Modernizr.csstransforms;
| |
- | this.support3d = Modernizr.csstransforms3d;
| |
- | // transition end event name and transform name
| |
- | var transProperties = {
| |
- | 'WebkitTransition' : { transitionEndEvent : 'webkitTransitionEnd', tranformName : '-webkit-transform' },
| |
- | 'MozTransition' : { transitionEndEvent : 'transitionend', tranformName : '-moz-transform' },
| |
- | 'OTransition' : { transitionEndEvent : 'oTransitionEnd', tranformName : '-o-transform' },
| |
- | 'msTransition' : { transitionEndEvent : 'MSTransitionEnd', tranformName : '-ms-transform' },
| |
- | 'transition' : { transitionEndEvent : 'transitionend', tranformName : 'transform' }
| |
- | };
| |
- | if( this.support ) {
| |
- | this.transEndEventName = transProperties[ Modernizr.prefixed( 'transition' ) ].transitionEndEvent + '.cbpFWSlider';
| |
- | this.transformName = transProperties[ Modernizr.prefixed( 'transition' ) ].tranformName;
| |
- | }
| |
- | // current and old item´s index
| |
- | this.current = 0;
| |
- | this.old = 0;
| |
- | // check if the list is currently moving
| |
- | this.isAnimating = false;
| |
- | // the list (ul) will have a width of 100% x itemsCount
| |
- | this.$list.css( 'width', 100 * this.itemsCount + '%' );
| |
- | // apply the transition
| |
- | if( this.support ) {
| |
- | this.$list.css( 'transition', this.transformName + ' ' + this.options.speed + 'ms ' + this.options.easing );
| |
- | }
| |
- | // each item will have a width of 100 / itemsCount
| |
- | this.$items.css( 'width', 100 / this.itemsCount + '%' );
| |
- | // add navigation arrows and the navigation dots if there is more than 1 item
| |
- | if( this.itemsCount > 1 ) {
| |
- |
| |
- | // add navigation arrows (the previous arrow is not shown initially):
| |
- | this.$navPrev = $( '<span class="cbp-fwprev"><</span>' ).hide();
| |
- | this.$navNext = $( '<span class="cbp-fwnext">></span>' );
| |
- | $( '<nav/>' ).append( this.$navPrev, this.$navNext ).appendTo( this.$el );
| |
- | // add navigation dots
| |
- | var dots = '';
| |
- | for( var i = 0; i < this.itemsCount; ++i ) {
| |
- | // current dot will have the class cbp-fwcurrent
| |
- | var dot = i === this.current ? '<span class="cbp-fwcurrent"></span>' : '<span></span>';
| |
- | dots += dot;
| |
- | }
| |
- | var navDots = $( '<div class="cbp-fwdots"/>' ).append( dots ).appendTo( this.$el );
| |
- | this.$navDots = navDots.children( 'span' );
| |
- |
| |
- | }
| |
- |
| |
- | },
| |
- | _initEvents : function() {
| |
- |
| |
- | var self = this;
| |
- | if( this.itemsCount > 1 ) {
| |
- | this.$navPrev.on( 'click.cbpFWSlider', $.proxy( this._navigate, this, 'previous' ) );
| |
- | this.$navNext.on( 'click.cbpFWSlider', $.proxy( this._navigate, this, 'next' ) );
| |
- | this.$navDots.on( 'click.cbpFWSlider', function() { self._jump( $( this ).index() ); } );
| |
- | }
| |
- |
| |
- | },
| |
- | _navigate : function( direction ) {
| |
- |
| |
- | // do nothing if the list is currently moving
| |
- | if( this.isAnimating ) {
| |
- | return false;
| |
- | }
| |
- |
| |
- | this.isAnimating = true;
| |
- | // update old and current values
| |
- | this.old = this.current;
| |
- | if( direction === 'next' && this.current < this.itemsCount - 1 ) {
| |
- | ++this.current;
| |
- | }
| |
- | else if( direction === 'previous' && this.current > 0 ) {
| |
- | --this.current;
| |
- | }
| |
- | // slide
| |
- | this._slide();
| |
- |
| |
- | },
| |
- | _slide : function() {
| |
- |
| |
- | // check which navigation arrows should be shown
| |
- | this._toggleNavControls();
| |
- | // translate value
| |
- | var translateVal = -1 * this.current * 100 / this.itemsCount;
| |
- | if( this.support ) {
| |
- | this.$list.css( 'transform', this.support3d ? 'translate3d(' + translateVal + '%,0,0)' : 'translate(' + translateVal + '%)' );
| |
- | }
| |
- | else {
| |
- | this.$list.css( 'margin-left', -1 * this.current * 100 + '%' );
| |
- | }
| |
- |
| |
- | var transitionendfn = $.proxy( function() {
| |
- | this.isAnimating = false;
| |
- | }, this );
| |
- |
| |
- | if( this.support ) {
| |
- | this.$list.on( this.transEndEventName, $.proxy( transitionendfn, this ) );
| |
- | }
| |
- | else {
| |
- | transitionendfn.call();
| |
- | }
| |
- |
| |
- | },
| |
- | _toggleNavControls : function() {
| |
- |
| |
- | // if the current item is the first one in the list, the left arrow is not shown
| |
- | // if the current item is the last one in the list, the right arrow is not shown
| |
- | switch( this.current ) {
| |
- | case 0 : this.$navNext.show(); this.$navPrev.hide(); break;
| |
- | case this.itemsCount - 1 : this.$navNext.hide(); this.$navPrev.show(); break;
| |
- | default : this.$navNext.show(); this.$navPrev.show(); break;
| |
- | }
| |
- | // highlight navigation dot
| |
- | this.$navDots.eq( this.old ).removeClass( 'cbp-fwcurrent' ).end().eq( this.current ).addClass( 'cbp-fwcurrent' );
| |
- |
| |
- | },
| |
- | _jump : function( position ) {
| |
- |
| |
- | // do nothing if clicking on the current dot, or if the list is currently moving
| |
- | if( position === this.current || this.isAnimating ) {
| |
- | return false;
| |
- | }
| |
- | this.isAnimating = true;
| |
- | // update old and current values
| |
- | this.old = this.current;
| |
- | this.current = position;
| |
- | // slide
| |
- | this._slide();
| |
- |
| |
- | },
| |
- | destroy : function() {
| |
- |
| |
- | if( this.itemsCount > 1 ) {
| |
- | this.$navPrev.parent().remove();
| |
- | this.$navDots.parent().remove();
| |
- | }
| |
- | this.$list.css( 'width', 'auto' );
| |
- | if( this.support ) {
| |
- | this.$list.css( 'transition', 'none' );
| |
- | }
| |
- | this.$items.css( 'width', 'auto' );
| |
- |
| |
- | }
| |
- | };
| |
- |
| |
- | var logError = function( message ) {
| |
- | if ( window.console ) {
| |
- | window.console.error( message );
| |
- | }
| |
- | };
| |
- |
| |
- | $.fn.cbpFWSlider = function( options ) {
| |
- | if ( typeof options === 'string' ) {
| |
- | var args = Array.prototype.slice.call( arguments, 1 );
| |
- | this.each(function() {
| |
- | var instance = $.data( this, 'cbpFWSlider' );
| |
- | if ( !instance ) {
| |
- | logError( "cannot call methods on cbpFWSlider prior to initialization; " +
| |
- | "attempted to call method '" + options + "'" );
| |
- | return;
| |
- | }
| |
- | if ( !$.isFunction( instance[options] ) || options.charAt(0) === "_" ) {
| |
- | logError( "no such method '" + options + "' for cbpFWSlider instance" );
| |
- | return;
| |
- | }
| |
- | instance[ options ].apply( instance, args );
| |
- | });
| |
- | }
| |
- | else {
| |
- | this.each(function() {
| |
- | var instance = $.data( this, 'cbpFWSlider' );
| |
- | if ( instance ) {
| |
- | instance._init();
| |
- | }
| |
- | else {
| |
- | instance = $.data( this, 'cbpFWSlider', new $.CBPFWSlider( options, this ) );
| |
- | }
| |
- | });
| |
- | }
| |
- | return this;
| |
- | };
| |
- |
| |
- | } )( jQuery, window );
| |
| | | |
- | </script>
| + | #communitywrap { |
| + | width: 975px; |
| + | margin-left: auto; |
| + | margin-right: auto; |
| + | background-color: #ffffff; |
| + | text-align:center; |
| + | } |
| | | |
- | <br><br>
| + | #communityfeature1 { |
- | <!--MENU-->
| + | background-color: #a5a5a5; |
- | <table id="menu" width="100%" cellspacing="0" align="center">
| + | width: 243.75px; |
| + | float: left; |
| + | height:150px; |
| + | } |
| | | |
- | <tr >
| + | #communityfeature2 { |
- | <td ></td>
| + | background-color: #e3e3e3; |
| + | width: 243.75px; |
| + | float: left; |
| + | height:150px; |
| + | } |
| | | |
- | <td width="975px" align="center">
| |
| | | |
- | <table width="975px">
| + | #featuredwrap { |
- | <td width="2%" ></td>
| + | width: 975px; |
- | <td align="left"><img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="60px"></td>
| + | margin-left: auto; |
- | <td width="10%" align="right">ABOUT </td>
| + | margin-right: auto; |
- | <td width="10%" align="right">PROGRAMS</td>
| + | background-color: #ffffff; |
- | <td width="10%" align="right">COMMUNITY </td>
| + | text-align:center; |
- | <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>
| + | |
| | | |
| + | #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; |
| + | } |
| | | |
- | <!-- BANNER -->
| |
| | | |
- | <div id="cbp-fwslider" class="cbp-fwslider">
| + | #featuredhighlights { |
- | <ul>
| + | background-color: #a5a5a5; |
- | <li><a href="#"><img src="https://static.igem.org/mediawiki/2014/d/d9/Demo_educationfacet.jpg" alt="img01"/></a></li>
| + | width: 415px; |
- | <li><a href="#"><img src="images/2.jpg" alt="img02"/></a></li>
| + | float: left; |
- | <li><a href="#"><img src="images/3.jpg" alt="img03"/></a></li>
| + | height: 200px; |
- | <li><a href="#"><img src="images/4.jpg" alt="img04"/></a></li>
| + | padding-left:5px; |
- | <li><a href="#"><img src="images/5.jpg" alt="img05"/></a></li>
| + | padding-right:5px; |
- | </ul>
| + | padding-top: 20px; |
- | </div>
| + | padding-bottom: 20px; |
| + | } |
| | | |
- | <!--<div id="banner" style="width:auto;overflow:hidden;">
| |
- | <img src="https://static.igem.org/mediawiki/2014/d/d9/Demo_educationfacet.jpg" style="width:100%;" />
| |
- | </div>-->
| |
| | | |
| | | |
- | <!-- MAIN INFO --> | + | #clear { |
| + | clear: both; |
| + | } |
| + | </style> |
| | | |
- | <table width="100%" cellspacing="0">
| |
- | <tr bgColor="#e3e3e3"><td></td>
| |
| | | |
- | <td width="975px"> | + | <!-- BANNER --> |
- | <table width="975px" cellspacing="0" cellpadding="10">
| + | |
- | <tr >
| + | |
| | | |
- | <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>
| |
- | <td width="40%" valign="top">
| |
- | <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> | + | <div id="banner" style="width:auto;overflow:hidden;"> |
| + | <img src="https://static.igem.org/mediawiki/2014/9/96/Registrybanner04.jpg" style="width:100%;" /> |
| + | </div> |
| | | |
- | <tr height="55px" align="center">
| |
- | <td width="50%" bgColor="#e3e3e3">COLLEGIATE <br> <img src="https://static.igem.org/mediawiki/2014/6/64/Gearpng.png" ></td>
| |
- | <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%" bgColor="#e3e3e3"> REGISTRY <br> <img src="https://static.igem.org/mediawiki/2014/6/64/Gearpng.png" ></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> | + | <div id="firstwrap"> |
| + | <div id="mission">MISSION</div> |
| + | <div id="programs">PROGRAMS</div> |
| + | <div id="values">VALUES</div> |
| + | <div id="clear"></div> |
| + | </div> |
| | | |
- | </tr></table> | + | <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> |
| | | |
- | </td>
| + | <tr bgColor="#E5ECAA"> |
- | | + | <td>COMPETITION </td> |
- | <td></td></tr>
| + | <td> EDUCATION</td> |
- | | + | <td> TEAMWORK</td> |
- | | + | <td> TECHNOLOGY</td> |
- | | + | <td> ENTREPRENEURSHIP</td> |
- | <!------------------------------------------------- UPCOMING EVENTS and HIGHLIGHTS -------------------------------------------------------------->
| + | <td> SAFETY+SECURITY</td> |
- | <tr bgColor="#e3e3e3"><td></td> | + | <td> SHARING</td> |
- | <td width="975px"> | + | |
- | <table width="975px" cellspacing="0">
| + | |
- | <tr>
| + | |
- | <td width="70%" bgColor="#a5a5a5">
| + | |
- | <br><br>
| + | |
- | <table align="center" cellspacing="0">
| + | |
- | | + | |
- | | + | |
- | <!-------------------------------UPCOMING EVENTS ------------------------------->
| + | |
- | <tr height="40px" bgColor="#a5a5a5" > <td width="600px"><b>UPCOMING EVENTS </b> </td> </tr>
| + | |
- | | + | |
- | | + | |
- | <tr height="10px" bgColor="#a5a5a5" > <td></td></tr>
| + | |
- | | + | |
- | <tr height="40px" > <td style="border: 2px solid black;" width="600px"> DATE/ Information of the event / link </td> </tr>
| + | |
- | <tr height="10px" bgColor="#a5a5a5" > <td></td></tr>
| + | |
- | <tr height="40px" > <td style="border: 2px solid black;" width="600px"> DATE/ Information of the event / link </td> </tr>
| + | |
- | <tr height="10px" bgColor="#a5a5a5" > <td></td></tr>
| + | |
- | <tr height="40px" > <td style="border: 2px solid black;" width="600px"> DATE/ Information of the event / link </td> </tr>
| + | |
- | <tr height="30px" bgColor="#a5a5a5" > <td></td></tr>
| + | |
- | </table>
| + | |
- | | + | |
- | <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">
| + | |
- | <ul>
| + | |
- | <li> Giant Jambore </li>
| + | |
- | <li> iGEM 2014 </li>
| + | |
- | <li> Alumni </li>
| + | |
- | <li> Opportunities </li>
| + | |
- | | + | |
- | </ul>
| + | |
- | </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 >
| + | |
| | | |
- | <td width="2%"></td>
| + | <b> UPCOMING EVENTS </b> |
- | <td width="23%"> <b>COMMUNITY </b> <br><br>
| + | <br><br> |
- | In iGEM, we make sure our teams are working in a safe and secure environment. We want to help construct a society that can productively and safely apply biological technology.</td>
| + | <div id="upcomingeventrow"> June something </div> |
- | <td width="25%"> <img src="https://static.igem.org/mediawiki/2014/c/cc/Teamwork_igemataglance.jpg" width="243px"> </td>
| + | <br> |
- | <td width="25%"> <img src="https://static.igem.org/mediawiki/2014/3/31/Entrepreneurship_igemataglance.jpg" width="243px"> </td> | + | <div id="upcomingeventrow"> June something </div> |
- | <td width="25%"> <img src="https://static.igem.org/mediawiki/2014/2/23/Competition_igemataglance.jpg" width="243px"> </td> | + | <br> |
- | </tr>
| + | <div id="upcomingeventrow"> June something </div> |
- | </table>
| + | |
- | </td> | + | |
| | | |
| + | </div> |
| | | |
- | <td></td></tr> | + | <div id="featuredhighlights">Highlights</div> |
- | <!--------------------------------------------------------end of COMMUNITY----------------------------------------------------------------------->
| + | |
| | | |
| + | <div id="featuredAandC"> |
| + | <b> FEATURED VIDEO </b> <br><br> |
| + | <img src="https://static.igem.org/mediawiki/igem.org/8/88/Teamexperiencescreenshot.png" width="245px"> |
| + | </div> |
| | | |
| + | <div id="clear"></div> |
| + | </div> |
| | | |
| | | |
- | | + | <!-----------------------------------------------------------------------------------------------------------------------------------------------> |
- | <!---------------------------------------------------------------SPONSORS-----------------------------------------------------------------------> | + | |
- | | + | |
- | <tr bgColor="#e3e3e3"><td></td>
| + | |
- | | + | |
- | <td width="975px" bgColor="#fff" height="200px">
| + | |
- | | + | |
- | | + | |
- | <table cellspacing="20"; align="center">
| + | |
- | <tr>
| + | |
- | <td>
| + | |
- | <a href="https://igem.org/Sponsors">
| + | |
- | <img src="https://static.igem.org/mediawiki/igem.org/a/aa/Agilent_Technologies_logo.png">
| + | |
- | </a></td>
| + | |
- | <td>
| + | |
- | <a href="https://igem.org/Sponsors">
| + | |
- | <img src="https://static.igem.org/mediawiki/igem.org/c/c6/Autodesk-logo.png">
| + | |
- | </a>
| + | |
- | </td>
| + | |
- | <td>
| + | |
- | <a href="https://igem.org/Sponsors">
| + | |
- | <img src="https://static.igem.org/mediawiki/2010/1/1e/Fbi_seal_mod_50px.png">
| + | |
- | </a>
| + | |
- | </td>
| + | |
- | <td>
| + | |
- | <a href="https://igem.org/Sponsors">
| + | |
- | <a href="http://www.idtdna.com/pages/landing/igem"><img src="https://static.igem.org/mediawiki/parts/a/a2/IDT_Logo_2014_%28corp_blue%29.png" width = "160px"></a>
| + | |
- | </a></td>
| + | |
- | </tr>
| + | |
- | <tr>
| + | |
- | <td colspan="1">
| + | |
- | <a href="https://igem.org/Sponsors">
| + | |
- | <img src="https://static.igem.org/mediawiki/2012/c/c0/MathWorks_logo_small.png">
| + | |
- | </a>
| + | |
- | </td>
| + | |
- | | + | |
- | <td colspan="3" align="right">
| + | |
- | <a href="https://igem.org/Sponsors">
| + | |
- | <img src="https://static.igem.org/mediawiki/2014/2/27/Erasynbio02logo.jpg"></a></td>
| + | |
- | </tr>
| + | |
- | </table>
| + | |
- | | + | |
- | | + | |
- | </td>
| + | |
- | | + | |
- | <td></td></tr>
| + | |
- | | + | |
- | <!----------------------------------------------------------------FOOTER----------------------------------------------------------------------->
| + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | </table>
| + | |
| </html> | | </html> |
| + | {{MainStyle/Sponsors}} |
| + | {{MainStyle/Footer}} |