Team:XMU-China/Index

From 2013.igem.org

(Difference between revisions)
 
(24 intermediate revisions not shown)
Line 1: Line 1:
{{:Team:XMU-China/Home}}
{{:Team:XMU-China/Home}}
{{:Team:XMU-China/Slider}}
{{:Team:XMU-China/Slider}}
 +
 +
{{:Team:XMU-China/Content}}
 +
{{:Team:XMU-China/top}}
<html>
<html>
<head>
<head>
-
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
 
-
<link rel="icon" type="image/png" href="images/favicon.png" />
 
-
<!--[if lt IE 9]>
 
-
<link rel="stylesheet" type="text/css" href="css/ie-fix.css" />
 
-
<![endif]-->
 
-
<link rel="stylesheet" type="text/css" href="css/reset.css" >
 
-
<link rel="stylesheet" type="text/css" href="css/style.css" >
 
-
 
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
 
-
 
-
<script type="text/javascript" src="js/jquery.colorbox-min.js"></script>
 
-
<script type="text/javascript" src="js/jflickrfeed.min.js"></script>
 
-
<script type="text/javascript" src="js/jquery.carouFredSel-5.5.0-packed.js"></script>
 
-
<script type="text/javascript" src="js/scrolltopcontrol.js"></script>
 
-
 
-
<script type="text/javascript" src="js/custom-main.js"></script><!-- Only for home page -->
 
 +
<style>
 +
body {height: 1700px; font-family:"Times New Roman", Times, serif;text-align:justify;}
 +
/* global setting*/
 +
#globalWrapper{position:absolute; top:0px;left:0px; width:100%; padding:0 0 0 0;margin:0 0 0 0;height:100%;}
 +
#content{
 +
    background-color:#c2edf4;
 +
    border:none;
 +
    width:1340px;
 +
    height:1700px;
 +
    marign:0 auto;
 +
    padding:0 0 0 0;
 +
    top:0px;
 +
    }
 +
#bodyContent{
 +
    background-color:transparent;
 +
    border:none;
 +
   
 +
    }
 +
siteSub{
 +
    display:none;
 +
    border:none;
 +
    }
 +
contentSub{
 +
    display:none;
 +
    }
 +
/* end of global setting*/
 +
</style>
</head>
</head>
-
<body>
 
-
 
-
<!-- START WRAPPER SECTION -->
 
-
<div id="wrapper-home">
 
-
 
-
<!-- START ABOUT BLOCK -->
 
-
<div id="about-main">
 
-
<div class="center-block clearfix">
 
-
<div class="about-us">
 
-
<h4>About Us</h4>
 
-
<p>Pellentesque nibh nunc, pulvinar in ultrices at, ornare non ante. Quisque dolor nibh, fermentum at cursus sed, suscipit id massa.</p>
 
-
<div class="about-img">
 
-
<div class="about-bg-white">
 
-
<img src="images/blog/recent/5.jpg" alt="" />
 
-
</div><!-- .about-bg-white -->
 
-
</div><!-- .about-img -->
 
-
<p class="small-italic">Proin tincidunt ipsum sed quam convallis rhoncus.</p>
 
-
<p class="small-italic">Suspendisse at libero eu magna pharetra tincidunt vel vel dui. Nunc leo nibh, suscipit vel venenatis vel, fermentum at cursus sed, suscipit id massa dapibus vitae neque.</p>
 
-
<div class="go-to readmore no-margin-bottom">
 
-
<a href="#">Read more</a>
 
-
<span></span>
 
-
</div><!-- .go-to -->
 
-
</div><!-- .about-us -->
 
-
<div class="our-services">
 
-
<h4>Our specializations</h4>
 
-
<p>Vestibulum fringilla lacus vehicula massa malesuada venenatis. Quisque urna lorem, malesuada ac vehicula at, tristique sed enim.</p>
 
-
<div class="one_half">
 
-
<img class="servise_icon" src="images/icons/s1.png" alt="" />
 
-
<h6><a href="#">Social media marketing</a></h6>
 
-
<p class="small-italic">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit.</p>
 
-
</div>
 
-
<div class="one_half column-last">
 
-
<img class="servise_icon" src="images/icons/s3.png" alt="" />
 
-
<h6><a href="#">Commercial photoraphy</a></h6>
 
-
<p class="small-italic">Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat</p>
 
-
</div>
 
-
<div class="one_half">
 
-
<img class="servise_icon" src="images/icons/s2.png" alt="" />
 
-
<h6><a href="#">WordPress Themes</a></h6>
 
-
<p class="small-italic">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh.</p>
 
-
</div>
 
-
<div class="one_half column-last">
 
-
<img class="servise_icon" src="images/icons/s4.png" alt="" />
 
-
<h6><a href="#">Information architecture</a></h6>
 
-
<p class="small-italic">Dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait.</p>
 
-
</div>
 
-
</div><!-- .our-services -->
 
-
</div><!-- .center-block -->
 
-
</div><!-- #about-us -->
 
-
<!-- END ABOUT BLOCK -->
 
-
 
-
<div class="divider-2px"></div>
 
-
 
-
<!-- START RECENT PROJECTS -->
 
-
<div id="recent-projects">
 
-
<div class="center-block">
 
-
 
-
<!-- start recent project block -->
 
-
<div class="rp-block-main">
 
-
<h4>Recent Projects</h4>
 
-
<p>Here are just some of the recent
 
-
projects we’ve been involved in.
 
-
Explore our other projects to discover
 
-
more about our recent innovations
 
-
and achievements.
 
-
</p>
 
-
<!-- <div class="go-to">
 
-
<a href="portfolio-1.html">View the Portfolio</a>
 
-
<span></span>
 
-
</div> -->
 
-
 
-
<!-- CarouFredSel - Recent Projects -->
 
-
<div class="projects_carousel">
 
-
    <div id="rp-carousel">
 
-
<!-- start recent project block -->
 
-
<div class="rp-block rp-bg">
 
-
<div class="rp-bg-white">
 
-
<img src="images/projects/recent/1.jpg" alt="" />
 
-
<div class="mask">
 
-
<a href="images/projects/recent/1-big.jpg" class="view-icon" data-rel="zoom-img"></a>
 
-
<a href="portfolio-1.html" class="link-icon"></a>
 
-
</div><!-- .mask -->
 
-
<div class="rp-arrow-up"></div>
 
-
<div class="rp-content">
 
-
<h6><a href="portfolio-1.html">Freelance</a></h6>
 
-
<p>Who Whole Trust on Successful.</p>
 
-
</div><!-- .rp-content -->
 
-
</div><!-- .rp-bg-white -->
 
-
</div><!-- .rp-block -->
 
-
 
-
<!-- start recent project block -->
 
-
<div class="rp-block rp-bg">
 
-
<div class="rp-bg-white">
 
-
<img src="images/projects/recent/2.jpg" alt="" />
 
-
<div class="mask">
 
-
<a href="images/projects/recent/2-big.jpg" class="view-icon" data-rel="zoom-img"></a>
 
-
<a href="portfolio-1.html" class="link-icon"></a>
 
-
</div><!-- .mask -->
 
-
<div class="rp-arrow-up"></div>
 
-
<div class="rp-content">
 
-
<h6><a href="portfolio-1.html">LinkedIn and Lovin It</a></h6>
 
-
<p>Learn to leverage the professionals.</p>
 
-
</div><!-- .rp-content -->
 
-
</div><!-- .rp-bg-white -->
 
-
</div><!-- .rp-block -->
 
-
 
-
<!-- start recent project block -->
 
-
<div class="rp-block rp-bg">
 
-
<div class="rp-bg-white">
 
-
<img src="images/projects/recent/3.jpg" alt="" />
 
-
<div class="mask">
 
-
<a href="images/projects/recent/3-big.jpg" class="view-icon" data-rel="zoom-img"></a>
 
-
<a href="portfolio-1.html" class="link-icon"></a>
 
-
</div><!-- .mask -->
 
-
<div class="rp-arrow-up"></div>
 
-
<div class="rp-content">
 
-
<h6><a href="portfolio-1.html">Facebook Marketing</a></h6>
 
-
<p>Get funs, build your brand, get results!</p>
 
-
</div><!-- .rp-content -->
 
-
</div><!-- .rp-bg-white -->
 
-
</div><!-- .rp-block -->
 
-
 
-
<!-- start recent project block -->
 
-
<div class="rp-block rp-bg">
 
-
<div class="rp-bg-white">
 
-
<img src="images/projects/recent/4.jpg" alt="" />
 
-
<div class="mask">
 
-
<a href="images/projects/recent/4-big.jpg" class="view-icon" data-rel="zoom-img"></a>
 
-
<a href="portfolio-1.html" class="link-icon"></a>
 
-
</div><!-- .mask -->
 
-
<div class="rp-arrow-up"></div>
 
-
<div class="rp-content">
 
-
<h6><a href="portfolio-1.html">Getting Good with JavaScript</a></h6>
 
-
<p>Ever wanted to liven up a web design.</p>
 
-
</div><!-- .rp-content -->
 
-
</div><!-- .rp-bg-white -->
 
-
</div><!-- .rp-block -->
 
-
 
-
<!-- start recent project block -->
 
-
<div class="rp-block rp-bg">
 
-
<div class="rp-bg-white">
 
-
<img src="images/projects/recent/5.jpg" alt="" />
 
-
<div class="mask">
 
-
<a href="images/projects/recent/5-big.jpg" class="view-icon" data-rel="zoom-img"></a>
 
-
<a href="portfolio-1.html" class="link-icon"></a>
 
-
</div><!-- .mask -->
 
-
<div class="rp-arrow-up"></div>
 
-
<div class="rp-content">
 
-
<h6><a href="portfolio-1.html">Rockstar WordPress Designer 2</a></h6>
 
-
<p>Want to take your WordPress theme?</p>
 
-
</div><!-- .rp-content -->
 
-
</div><!-- .rp-bg-white -->
 
-
</div><!-- .rp-block -->
 
-
 
-
<!-- start recent project block -->
 
-
<div class="rp-block rp-bg">
 
-
<div class="rp-bg-white">
 
-
<img src="images/projects/recent/6.jpg" alt="" />
 
-
<div class="mask">
 
-
<a href="images/projects/recent/6-big.jpg" class="view-icon" data-rel="zoom-img"></a>
 
-
<a href="portfolio-1.html" class="link-icon"></a>
 
-
</div><!-- .mask -->
 
-
<div class="rp-arrow-up"></div>
 
-
<div class="rp-content">
 
-
<h6><a href="portfolio-1.html">Web Design Confidential</a></h6>
 
-
<p>Get insight into the industry through...</p>
 
-
</div><!-- .rp-content -->
 
-
</div><!-- .rp-bg-white -->
 
-
</div><!-- .rp-block -->
 
-
 
-
<!-- start recent project block -->
 
-
<div class="rp-block rp-bg">
 
-
<div class="rp-bg-white">
 
-
<img src="images/projects/recent/7.jpg" alt="" />
 
-
<div class="mask">
 
-
<a href="images/projects/recent/7-big.jpg" class="view-icon" data-rel="zoom-img"></a>
 
-
<a href="portfolio-1.html" class="link-icon"></a>
 
-
</div><!-- .mask -->
 
-
<div class="rp-arrow-up"></div>
 
-
<div class="rp-content">
 
-
<h6><a href="portfolio-1.html">How to Record Great Music</a></h6>
 
-
<p>Sound engineer and musician Björgvin.</p>
 
-
</div><!-- .rp-content -->
 
-
</div><!-- .rp-bg-white -->
 
-
</div><!-- .rp-block -->
 
-
 
-
    </div><!-- #rp-carousel -->
 
-
    <div class="clearfix"></div>
 
-
    <a class="prev" id="rp-carousel_prev" href="#"><span>prev</span></a>
 
-
    <a class="next" id="rp-carousel_next" href="#"><span>next</span></a>
 
-
</div><!-- .projects_carousel -->
 
-
<div class="clear"></div>
 
-
 
-
</div><!-- .rp-block-main -->
 
-
 
-
 
-
 
-
<!-- start recent articles block -->
 
-
<div class="ra-block-main">
 
-
<h4>Recent Articles</h4>
 
-
<p>This block displays your latest articles,
 
-
the visibility, title and description are
 
-
all controlled easily via the homepage
 
-
tab in the admin options panel.
 
-
</p>
 
-
<!-- <div class="go-to ra">
 
-
<a href="blog-style1.html">Read the Blog</a>
 
-
<span></span>
 
-
</div> -->
 
-
 
-
<!-- CarouFredSel - Recent Articles -->
 
-
<div class="articles_carousel">
 
-
    <div id="ra-carousel">
 
-
<!-- start recent articles block -->
 
-
<div class="ra-block ra-bg">
 
-
<div class="ra-bg-white">
 
-
<img src="images/blog/recent/1.jpg" alt="" />
 
-
<div class="mask">
 
-
<!-- <a href="images/projects/recent/6-big.jpg" class="view-icon" data-rel="zoom-img"></a> -->
 
-
<a href="blog-post.html" class="link-icon"></a>
 
-
</div><!-- .mask -->
 
-
<div class="ra-arrow-up"></div>
 
-
<div class="ra-content">
 
-
<h6><a href="blog-post.html">Blog Business</a></h6>
 
-
<p>The essential handbook to creating...</p>
 
-
</div><!-- .ra-content -->
 
-
</div><!-- .ra-bg-white -->
 
-
</div><!-- .ra-block -->
 
-
 
-
<!-- start recent articles block -->
 
-
<div class="ra-block ra-bg">
 
-
<div class="ra-bg-white">
 
-
<img src="images/blog/recent/2.jpg" alt="" />
 
-
<div class="mask">
 
-
<!-- <a href="images/projects/recent/6-big.jpg" class="view-icon" data-rel="zoom-img"></a> -->
 
-
<a href="blog-post.html" class="link-icon"></a>
 
-
</div><!-- .mask -->
 
-
<div class="ra-arrow-up"></div>
 
-
<div class="ra-content">
 
-
<h6><a href="blog-post.html">Getting Good with Git</a></h6>
 
-
<p>This book will take you from knowing...</p>
 
-
</div><!-- .ra-content -->
 
-
</div><!-- .ra-bg-white -->
 
-
</div><!-- .ra-block -->
 
-
 
-
<!-- start recent articles block -->
 
-
<div class="ra-block ra-bg">
 
-
<div class="ra-bg-white">
 
-
<img src="images/blog/recent/3.jpg" alt="" />
 
-
<div class="mask">
 
-
<!-- <a href="images/projects/recent/6-big.jpg" class="view-icon" data-rel="zoom-img"></a> -->
 
-
<a href="blog-post.html" class="link-icon"></a>
 
-
</div><!-- .mask -->
 
-
<div class="ra-arrow-up"></div>
 
-
<div class="ra-content">
 
-
<h6><a href="blog-post.html">Freelance Statistics Report</a></h6>
 
-
<p>There are millions of freelancers...</p>
 
-
</div><!-- .ra-content -->
 
-
</div><!-- .ra-bg-white -->
 
-
</div><!-- .ra-block -->
 
-
 
-
<!-- start recent articles block -->
 
-
<div class="ra-block ra-bg">
 
-
<div class="ra-bg-white">
 
-
<img src="images/blog/recent/4.jpg" alt="" />
 
-
<div class="mask">
 
-
<!-- <a href="images/projects/recent/6-big.jpg" class="view-icon" data-rel="zoom-img"></a> -->
 
-
<a href="blog-post.html" class="link-icon"></a>
 
-
</div><!-- .mask -->
 
-
<div class="ra-arrow-up"></div>
 
-
<div class="ra-content">
 
-
<h6><a href="blog-post.html">PSD Tuts</a></h6>
 
-
<p>Psdtuts+ is a blog/Photoshop site made.</p>
 
-
</div><!-- .ra-content -->
 
-
</div><!-- .ra-bg-white -->
 
-
</div><!-- .ra-block -->
 
-
 
-
<!-- start recent articles block -->
 
-
<div class="ra-block ra-bg">
 
-
<div class="ra-bg-white">
 
-
<img src="images/blog/recent/5.jpg" alt="" />
 
-
<div class="mask">
 
-
<!-- <a href="images/projects/recent/6-big.jpg" class="view-icon" data-rel="zoom-img"></a> -->
 
-
<a href="blog-post.html" class="link-icon"></a>
 
-
</div><!-- .mask -->
 
-
<div class="ra-arrow-up"></div>
 
-
<div class="ra-content">
 
-
<h6><a href="blog-post.html">Freelance Switch</a></h6>
 
-
<p>FreelanceSwitch is a community...</p>
 
-
</div><!-- .ra-content -->
 
-
</div><!-- .ra-bg-white -->
 
-
</div><!-- .ra-block -->
 
-
 
-
    </div><!-- #ra-carousel -->
 
-
    <div class="clearfix"></div>
 
-
    <a class="prev" id="ra-carousel_prev" href="#"><span>prev</span></a>
 
-
    <a class="next" id="ra-carousel_next" href="#"><span>next</span></a>
 
-
</div><!-- .articles_carousel -->
 
-
<div class="clear"></div>
 
-
 
-
</div><!-- .ra-block-main -->
 
-
<div class="clear"></div>
 
-
 
-
</div><!-- .center-block -->
 
-
<div class="clear"></div>
 
-
</div><!-- #recent-projects -->
 
-
<!-- END RECENT PROJECTS -->
 
-
 
-
<div class="divider-2px"></div>
 
-
 
-
<!-- START CLIENTS -->
 
-
<div id="clients" class="center-block">
 
-
<div class="cl-block">
 
-
<h4>What people says</h4>
 
-
<!-- CarouFredSel -->
 
-
 
-
<div class="testmain_carousel">
 
-
<ul id="testmain_carousel">
 
-
        <li>...A rock-solid primer on how to tap into the power of Facebook for your business.
 
-
        This book reveals new and creative ways to build your tribe.<span>&mdash; Jonathan Fields</span></li>
 
-
 
-
        <li>Freelance Confidential is a goldmine of information for freelancers in any industry.Based on the global
 
-
        statistics gathered from the Freelance Switch.<span>&mdash; Lea Woodward</span></li>
 
-
 
-
        <li>I have one word for this book: thorough. I have never come across such a comprehensive review of
 
-
        ALL the aspects that go into building a real blog<span>&mdash; Yaro Starak</span></li>
 
-
 
-
        <li>Nuts and bolts explanations in plain English and clear screenshots walk you through everything you need
 
-
        to know. A must-have for Facebook.<span>&mdash; Michael Martine</span></li>
 
-
 
-
        <li>This wonderful e-book provides a clear view into the state of freelancing around the globe.
 
-
        It's filled with tips and insights from actual working freelancers on everything from promoting
 
-
        your services.<span>&mdash; Ed Gandia</span></li>
 
-
        </ul>
 
-
        <div class="test-arrow-up"></div>
 
-
    <div class="clearfix"></div>
 
-
</div><!-- .test_carousel -->
 
-
<div class="clear"></div>
 
-
</div><!-- .cl-block -->
 
-
 
-
<!-- CarouFredSel -->
 
-
<div class="image_carousel">
 
-
    <div id="cl-carousel">
 
-
        <a href="http://envato.com/"><img src="images/clients/envato.png" alt="envato"  /></a>
 
-
        <a href="http://sc.chinaz.com/?"><img src="images/clients/rockablepress.png" alt="rockablepress" ></a>
 
-
        <a href="http://creattica.com/logos/red-fox-validation/668"><img src="images/clients/redfox.png" alt="Red Fox Validation" ></a>
 
-
        <a href="http://photodune.net/?ref=zerge"><img src="images/clients/photodune.png" alt="photodune" /></a>
 
-
        <a href="http://themeforest.net/?ref=zerge"><img src="images/clients/themeforest.png" alt="themeforest" /></a>
 
-
        <a href="#"><img src="images/clients/pinup.png" alt="pinup" /></a>
 
-
        <a href="http://themeforest.net/item/metric-premium-wordpress-theme/1865719?ref=zerge"><img src="images/clients/metric.png" alt="metric" /></a>
 
-
        <a href="#"><img src="images/clients/audiojungle.png" alt="audiojungle" /></a>
 
-
        <a href="#"><img src="images/clients/tutorials.png" alt="tutorials" /></a>
 
-
    </div><!-- #foo3 -->
 
-
    <div class="clearfix"></div>
 
-
    <a class="prev" id="cl-carousel_prev" href="#"><span>prev</span></a>
 
-
    <a class="next" id="cl-carousel_next" href="#"><span>next</span></a>
 
-
   
 
-
</div><!-- .image_carousel -->
 
-
<div class="clear"></div>
 
-
</div><!-- #clients -->
 
-
<!-- END CLIENTS -->
 
-
 
-
</div><!-- #wrapper -->
 
-
<div class="clear"></div>
 
-
<!-- END WRAPPER -->
 
-
 
-
 
-
<!-- START FOOTER -->
 
-
<div class="divider-100-2px"></div>
 
-
<div id="footer">
 
-
<div class="center-block">
 
-
<div class="widget">
 
-
<h6>Contact Info</h6>
 
-
<p>LinkUp is an American multinational compane that designs
 
-
and markets consumer electronics, computer software, and personal computers.
 
-
</p>
 
-
<div>
 
-
<span class="location">12345 / Some Street<br>New York, USA</span>
 
-
<span class="phone">phone: +1 (44)  123-45-67</span>
 
-
<span class="email"><a href="mailto:support@color-theme.com">support@color-theme.com</a></span>
 
-
</div>
 
-
</div><!-- .widget -->
 
-
 
-
<div class="widget">
 
-
<h6>Twitter Feed</h6>
 
-
<div class="tweet"></div>
 
-
</div><!-- .widget -->
 
-
 
-
<div class="widget">
 
-
<h6>Flickr Photos</h6>
 
-
<ul id="cbox" class="thumbs"></ul>
 
-
</div><!-- .widget -->
 
-
 
-
<div class="widget">
 
-
<img src="images/logo-mini.png" alt="Logo Mini" class="logo" />
 
-
<p>We are a group of designers combining our skills to create traditional
 
-
and new creative websites for your communicational issues.</p>
 
-
<ul id="footer-social">
 
-
    <li class="twitter"><a href="http://twitter.com/"></a></li>
 
-
    <li class="dribbble"><a href="http://dribbble.com/"></a></li>
 
-
    <li class="facebook"><a href="http://facebook.com/"></a></li>
 
-
    <li class="google"><a href="http://plus.google.com/"></a></li>
 
-
    <li class="linkedin"><a href="http://linkedin.com/"></a></li>
 
-
    <li class="behance"><a href="http://behance.net/"></a></li>
 
-
    <li class="rss"><a href="#"></a></li>
 
-
    </ul>
 
-
</div><!-- .widget -->
 
-
 
-
<div class="clear"></div>
 
-
</div><!-- .center-block -->
 
-
    <div class="clear"></div>
 
-
</div><!-- #footer -->
 
-
<!-- END FOOTER -->
 
-
 
-
 
-
<!-- START FOOTER MENU  -->
 
-
<div id="footer-menu">
 
-
<div class="center-block">
 
-
<ul id="second-menu">
 
-
<li><a href="#">Home</a></li>
 
-
<li><a href="#">Features</a></li>
 
-
<li><a href="#">Typography</a></li>
 
-
<li><a href="#">Pages</a></li>
 
-
<li><a href="#">Portfolio</a></li>
 
-
<li><a href="#">Blog</a></li>
 
-
</ul>
 
-
<div class="copyright">&copy; Copyright &copy; 2013.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></div>
 
-
<div class="clear"></div>
 
-
</div><!-- .center-block -->
 
-
<div class="clear"></div>
 
-
</div><!-- #footer-menu -->
 
-
<!-- END FOOTER MENU  -->
 
-
<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
 
-
</body>
 
</html>
</html>

Latest revision as of 15:56, 25 October 2013

导航栏

Oreva Business Template
/* LEFT */

Our team

12 members pulling together make all the difference. Every day is full of smile and confidence. Every day is a new day!

/* LEFT */
/* LEFT */

Our project

This year we built a gene circuit with synchronizing genetic oscillations in multiple levels (liquid & gas phase).
Just think, what an amazing thing it would be when all the E.coli twinkle in the same phase.

/* LEFT */
/* LEFT */

Our software & modeling

The mathematic model of oscillation gave us a deeper understanding about our circuit.
The image analysis software reduced most of work in post processing about the microfluidic photos.

/* LEFT */
/* LEFT */

Human practice

Playing with 300 senior high students in the garden party left us wonderful memories. Guessing the lantern riddles is really interesting, right?

/* LEFT */
/* LEFT */

Society & Safety

Safety is the most important thing in the wet lab. Our team has done a series of work to meet the requirement.

/* LEFT */

LinkUp - Multipurpose HTML Template

Overview

Project

Oscillations permeate every corner of the world, from the alternative current (AC) in power lines to our tiny microorganism friends. To use oscillations in bacteria as a strong and steady signal transmission method like AC, we need to tackle with the noise of transcription and translation in the cellular environment by coupling millions of cells through the synchronizing genetic oscillations in E.coli. At the colony level cells could be synchronized via quorum sensing, which is limited to tens of micrometers by the AHL, and between colonies a gas-phase redox (mainly H2O2) will serve as a signal that can give positive feedback to the whole circuit over millimeter scales simultaneously. On a liquid crystal display (LCD), like microfluidic array, bacteria grow in separate colonies so that synchronization in both levels could be verified visually. Now a robust synthetic biology signal converter is accomplished and ready to show the growth environment of cells.

Software

We coded two softwares with Matlab related to our experiment.
First one is Gene OS, the model of oscillation which simulates our circuit and compares various results with different initial conditions. This gave us a deeper understanding of the mechanism.
The other one is ImageMe which offers batch processing function and saves much of time in analyzing the microfluidic images.

Human Practice

Our team has held a series of events as human practice. During the whole July, we has drawn a doodle about iGEM, held a garden party and exhibition, made a questionnaire survey and hosted a synthetic biology lecture.
Our aim is to let participants have a better understanding of iGEM, synthetic biology as well as the wet lab safety.
Every event has its unique charm of being favored and welcomed!

Society & Safety

Nowadays, more and more people tend to build an environmentally friendly society and take issues of safety of wet lab more seriously.
Our team used non-pathogenic E. coli strains to construct our circuit and gathered all culture fluid and culture medium with cells for unified treatment.
A series of other measurements were taken to meet the safety requirements.