Difference between revisions of "Team:OUC-China"

 
(95 intermediate revisions by 7 users not shown)
Line 1: Line 1:
<html lang="en">
+
<!DOCTYPE html>
<title>Team:OUC-China</title>
+
<html lang="zh-CN">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
+
 
<link rel="stylesheet" href="https://2015.igem.org/Team:OUC-China/css/OUC-clearwiki.css?action=raw&ctype=text/css">
+
<head>
<link rel="stylesheet" href="https://2015.igem.org/Team:OUC-China/css/OUC-style.css?action=raw&ctype=text/css">
+
    <meta charset="UTF-8">
<script type="text/javascript" src="https://2015.igem.org/Team:OUC-China/js/jquery.min.js?action=raw&ctype=text/javascript"></script>
+
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
<style>
+
    <!-- 使IE用最高模式渲染页面 -->
#globalWrapper{
+
    <meta name="renderer" content="webkit">
padding: 0px;
+
    <!-- 极速模式 -->
margin: 0px;
+
    <title>Team:OUC-China</title>
height: 100%;
+
    <link rel="stylesheet" href="https://2015.igem.org/Team:OUC-China/css/bootstrap-theme?action=raw&ctype=text/css">
background-color:#00f;
+
    <link rel="stylesheet" href="https://2015.igem.org/Team:OUC-China/css/bootstrap?action=raw&ctype=text/css">
 +
    <link rel="stylesheet" href="https://2015.igem.org/Team:OUC-China/css/nav?action=raw&ctype=text/css">
 +
    <link rel="stylesheet" href="https://2015.igem.org/Team:OUC-China/css/index?action=raw&ctype=text/css">
 +
    <script src="https://2015.igem.org/Team:OUC-China/js/jquery-1-11-1-min?action=raw&ctype=text/javascript"></script>
 +
    <script type="text/javascript" src="https://2015.igem.org/Team:OUC-China/js/index?action=raw&ctype=text/javascript"></script>
 +
    <script type="text/javascript" src="https://2015.igem.org/Team:OUC-China/js/bootstrap?action=raw&ctype=text/javascript"></script>
 +
    <script>
 +
      if($('.firstHeading'))$('.firstHeading').remove();
 +
    </script>
 +
    <style>
 +
        .banner-top{
 +
            margin-left: 12%;
 +
        }
 +
        @media (min-width: 992px){
 +
            .work-content .col-md-4{
 +
                  width:25%;
 +
                  margin-right: 8%;
 +
            }
 +
        }
 +
#contentSub, #contentcontainer, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .h3, .printfooter, .firstHeading, .visualClear {display: none;} /*-- hides default wiki settings --*/
 +
 
 +
#globalWrapper, #content { /*-- changes default wiki settings --*/
 +
width: 100%;
 +
height: 100%;
 +
border: 0px;
 +
background-color: transparent;
 +
margin: 0px;
 +
padding: 0px;
 
}
 
}
#top_menu_14{
+
/* disable IGEM's style */
left: 0px;
+
/*#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5, #bodyContent h6 {
background-color:#00f;
+
border-bottom: none;
border-bottom: 2px solid blue;
+
padding-top: 0;
 +
padding-bottom: 0;
 +
margin-bottom: 0;
 
}
 
}
#top_menu_inside .submenu{
+
#bodyContent p {
background-color: #00f;
+
font-size: 100%;
 +
line-height: 1em;
 
}
 
}
</style>
+
#bodyContent li {
 
+
margin-bottom: 0;
<div class="row">
+
}
<!-- nav start-->
+
#bodyContent a {
<nav class="nav-collapse">
+
font-size: 100%;
<ul>
+
}*/
<div class="col-md-1">
+
</div>
+
<div class="col-md-3">
+
</div>
+
<div class="col-md-1">
+
<li><a href="#"></a></li>
+
</div>
+
<div class="col-md-1">
+
<li><a href="#"></a></li>
+
</div>
+
<div class="col-md-1 whitebg">
+
<li><a href="#">Home</a></li>
+
</div>
+
<div class="col-md-1 whitebg">
+
<li><a href="#">human</a></li>
+
</div>
+
<div class="col-md-1 whitebg">
+
<li><a href="#">human</a></li>
+
</div>
+
<div class="col-md-1 whitebg">
+
<li><a href="#">human</a></li>
+
</div>
+
<div class="col-md-1 whitebg ">
+
<li><a href="#">team</a></li>
+
</div>
+
<div class="col-md-1 whitebg ">
+
<li><a href="#">team</a></li>
+
</div>
+
</ul>
+
</nav>
+
</div>
+
 
+
<div class="layer">
+
<div class="transform">
+
<article id="page-frontpage" class="page">
+
 
+
<section class="section no-padding" style="background-color: #000000; color: red;">
+
 
+
<div class="container-fluid">
+
 
+
<div class="row row-equal-columns">
+
 
+
<div class="column no-padding padding-tb-none">
+
<div class="flex">
+
 
+
<div class="block block-post_slider">
+
 
+
<div class="slider slider-post" data-slider-animation-duration="1000" data-slider-interval="8000" data-slider-loop="true" data-slider-parallax-speed="0.5">
+
 
+
<div class="wrapper">
+
<div class="scroller" style="width: 400%">
+
 
+
<div class="item active">
+
 
+
<div class="parallax-layer">
+
<div class="image-background">
+
<img draggable="false" src="https://static.igem.org/mediawiki/2015/d/de/OUC-China-home1.jpg" class="" alt="" title=""> </div>
+
</div>
+
 
+
<div class="content-layer">
+
 
+
<svg class="slider-post-slanting hidden-xs hidden-portrait" viewBox="0 0 2880 1620" height="100%" preserveAspectRatio="xMaxYMax slice" style="position:absolute; bottom: 0px; min-height: 810px;">
+
<polygon opacity="0.9" fill="goldenrod" points="2000,1620 0,1620 0,0 600,0 " />
+
</svg>
+
 
+
<div class="slider-post-content">
+
<div class="slider-post-fill" style="background-color: goldenrod"></div>
+
 
+
<header>
+
<h2>TEAM:OUC-China</h2>
+
<p class="subheading">TEAM:OUC-China</p>
+
</header>
+
 
+
<p>TEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-China</p>
+
 
+
<a href="#" class="button button-dash">TEAM:OUC-China</a>
+
 
+
</div>
+
</div>
+
 
+
</div>
+
 
+
<div class="item">
+
 
+
<div class="parallax-layer">
+
<div class="image-background">
+
<img draggable="false" src="https://static.igem.org/mediawiki/2015/e/e5/Team-OUC-China-home2.jpg" class="" alt="" title=""> </div>
+
</div>
+
 
+
<div class="content-layer">
+
 
+
<svg class="slider-post-slanting hidden-xs hidden-portrait" viewBox="0 0 2880 1620" height="100%" preserveAspectRatio="xMaxYMax slice" style="position:absolute; bottom: 0px; min-height: 810px;">
+
<polygon opacity="0.9" fill="greenyellow" points="2000,1620 0,1620 0,0 600,0 " />
+
</svg>
+
 
+
<div class="slider-post-content">
+
<div class="slider-post-fill" style="background-color: greenyellow"></div>
+
 
+
<header>
+
<h2>TEAM:OUC-China</h2>
+
<p class="subheading">TEAM:OUC-China</p>
+
</header>
+
 
+
<p>TEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-China</p>
+
 
+
<a href="#" class="button button-dash">TEAM:OUC-China</a>
+
 
+
</div>
+
</div>
+
 
+
</div>
+
 
+
<div class="item">
+
 
+
<div class="parallax-layer">
+
<div class="image-background">
+
<img draggable="false" src="https://static.igem.org/mediawiki/2015/d/da/OUC-China-home3.jpg" class="" alt="" title=""> </div>
+
</div>
+
 
+
<div class="content-layer">
+
 
+
<svg class="slider-post-slanting hidden-xs hidden-portrait" viewBox="0 0 2880 1620" height="100%" preserveAspectRatio="xMaxYMax slice" style="position:absolute; bottom: 0px; min-height: 810px;">
+
<polygon opacity="0.9" fill="green" points="2000,1620 0,1620 0,0 600,0 " />
+
</svg>
+
 
+
<div class="slider-post-content">
+
<div class="slider-post-fill" style="background-color: green"></div>
+
 
+
<header>
+
<h2>TEAM:OUC-China</h2>
+
<p class="subheading">TEAM:OUC-China</p>
+
</header>
+
 
+
<p>TEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-China</p>
+
 
+
<a href="#" class="button button-dash">TEAM:OUC-China</a>
+
 
+
</div>
+
</div>
+
 
+
</div>
+
 
+
<div class="item">
+
 
+
<div class="parallax-layer">
+
<div class="image-background">
+
<img draggable="false" src="https://static.igem.org/mediawiki/2015/a/a8/OUC-China-home4.jpg" class="" alt="" title=""> </div>
+
</div>
+
 
+
<div class="content-layer">
+
 
+
<svg class="slider-post-slanting hidden-xs hidden-portrait" viewBox="0 0 2880 1620" height="100%" preserveAspectRatio="xMaxYMax slice" style="position:absolute; bottom: 0px; min-height: 810px;">
+
<polygon opacity="0.9" fill="blueviolet" points="2000,1620 0,1620 0,0 600,0 " />
+
</svg>
+
 
+
<div class="slider-post-content">
+
<div class="slider-post-fill" style="background-color: blueviolet"></div>
+
 
+
<header>
+
<h2>TEAM:OUC-China</h2>
+
<p class="subheading">TEAM:OUC-China</p>
+
</header>
+
 
+
<p>TEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-China</p>
+
 
+
<a href="#" class="button button-dash">TEAM:OUC-China</a>
+
 
+
</div>
+
</div>
+
 
+
</div>
+
 
+
</div>
+
</div>
+
 
+
<ol class="slider-indicators">
+
<li>0</li>
+
<li>1</li>
+
<li>2</li>
+
<li>3</li>
+
</ol>
+
 
+
<div class="slider-control"></div>
+
<div class="slider-control right"></div>
+
 
+
</div>
+
</div>
+
 
+
</div>
+
</div>
+
</div>
+
 
+
</div>
+
 
+
</section>
+
 
+
<section id="" class="section padding-top padding-bottom" style="background-color: #222; color: #ffffff;">
+
 
+
<div class="container">
+
 
+
<div class="row row-equal-columns">
+
 
+
<div class="column col-md-4 col-md-offset-4 align-center padding-default padding-tb-default">
+
<div class="flex">
+
 
+
<div class="block block-image">
+
 
+
<img draggable="false" src="" class="width-50 center" alt="" title="">
+
<!--section2图片位置src-->
+
 
+
</div>
+
 
+
</div>
+
</div>
+
</div>
+
<div class="row row-equal-columns row-padding-medium">
+
 
+
<div class="column col-md-8 col-md-offset-2 align-center padding-default padding-tb-default">
+
<div class="flex flex-middle">
+
 
+
<div class="block block-quote">
+
 
+
<blockquote class="text-size-md text-normal">
+
<p>TEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-China</p>
+
<footer>
+
<cite>
+
                                            <p class="subheading">TEAM:OUC-China</p>
+
                            <small>TEAM:OUC-China</small>
+
                                                </cite>
+
</footer>
+
</blockquote>
+
</div>
+
 
+
</div>
+
</div>
+
</div>
+
 
+
</div>
+
 
+
</section>
+
 
+
<section id="" class="section padding-top padding-bottom" style="background-color: blanchedalmond; color: #000;">
+
 
+
<div class="container">
+
 
+
<div class="row row-equal-columns">
+
 
+
<div class="column col-md-4 padding-medium padding-tb-default">
+
<div class="flex">
+
 
+
<div class="block block-image">
+
 
+
<img draggable="false" src="https://static.igem.org/mediawiki/2015/d/de/OUC-China-home1.jpg" class="width-60 center" alt="" title="">
+
<!--section3图片位置左180 147-->
+
 
+
</div>
+
 
+
<div class="block block-text">
+
 
+
<header>
+
<h2>TEAM:OUC-China</h2></header>
+
<p>TEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-China</p>
+
 
+
</div>
+
 
+
<div class="block block-button">
+
 
+
<a href="#" class="button button-dash" style="border-color: #262626;">Read More</a>
+
</div>
+
 
+
</div>
+
</div>
+
 
+
<div class="column col-md-4 padding-medium padding-tb-default">
+
<div class="flex">
+
 
+
<div class="block block-image">
+
 
+
<img draggable="false" src="https://static.igem.org/mediawiki/2015/d/de/OUC-China-home1.jpg" class="width-60 center" alt="" title="">
+
 
+
</div>
+
 
+
<div class="block block-text">
+
 
+
<header>
+
<h2>TEAM:OUC-China</h2></header>
+
<p>TEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-China</p>
+
 
+
</div>
+
 
+
<div class="block block-button">
+
 
+
<a href="#" class="button button-dash" style="border-color: #262626;">Read More</a>
+
</div>
+
 
+
</div>
+
</div>
+
 
+
<div class="column col-md-4 padding-medium padding-tb-default">
+
<div class="flex">
+
 
+
<div class="block block-image">
+
 
+
<img draggable="false" src="https://static.igem.org/mediawiki/2015/d/de/OUC-China-home1.jpg" class="width-60 center" alt="" title="Stupid_Studio_Frontpage_manifesto_rev2">
+
 
+
</div>
+
 
+
<div class="block block-text">
+
 
+
<header>
+
<h2>TEAM:OUC-China</h2></header>
+
<p>TEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-China</p>
+
 
+
</div>
+
 
+
<div class="block block-button">
+
 
+
<a href="#" class="button button-dash" style="border-color: #262626;">TEAM:OUC-China</a>
+
</div>
+
 
+
</div>
+
</div>
+
</div>
+
 
+
</div>
+
 
+
</section>
+
 
+
<section class="section padding-top padding-bottom" style="background-color: grey; color: #383838;">
+
 
+
<div class="container">
+
 
+
<div class="row row-equal-columns">
+
 
+
<div class="column col-md-10 col-md-offset-1 padding-default padding-tb-default">
+
<div class="flex">
+
 
+
<div class="block block-gallery">
+
 
+
<div class="flex-wrap">
+
<!--section4图片位置-->
+
 
+
<div class="flex-col-3 flex-col-xs-6">
+
<div class="image-background ratio ratio-square">
+
<img draggable="false" src="https://static.igem.org/mediawiki/2015/d/de/OUC-China-home1.jpg" class="" alt="" title=""> </div>
+
</div>
+
 
+
<div class="flex-col-3 flex-col-xs-6">
+
<div class="image-background ratio ratio-square">
+
<img draggable="false" src="https://static.igem.org/mediawiki/2015/d/de/OUC-China-home1.jpg" class="" alt="" title=""> </div>
+
</div>
+
 
+
<div class="flex-col-3 flex-col-xs-6">
+
<div class="image-background ratio ratio-square">
+
<img draggable="false" src="https://static.igem.org/mediawiki/2015/d/de/OUC-China-home1.jpg" class="" alt="" title=""> </div>
+
</div>
+
 
+
<div class="flex-col-3 flex-col-xs-6">
+
<div class="image-background ratio ratio-square">
+
<img draggable="false" src="https://static.igem.org/mediawiki/2015/d/de/OUC-China-home1.jpg" class="" alt="" title=""> </div>
+
</div>
+
 
+
<div class="flex-col-3 flex-col-xs-6">
+
<div class="image-background ratio ratio-square">
+
<img draggable="false" src="https://static.igem.org/mediawiki/2015/d/de/OUC-China-home1.jpg" class="" alt="" title=""> </div>
+
</div>
+
 
+
<div class="flex-col-3 flex-col-xs-6">
+
<div class="image-background ratio ratio-square">
+
<img draggable="false" src="https://static.igem.org/mediawiki/2015/d/de/OUC-China-home1.jpg" class="" alt="" title=""> </div>
+
</div>
+
 
+
<div class="flex-col-3 flex-col-xs-6">
+
<div class="image-background ratio ratio-square">
+
<img draggable="false" src="https://static.igem.org/mediawiki/2015/d/de/OUC-China-home1.jpg" class="" alt="" title=""> </div>
+
</div>
+
 
+
<div class="flex-col-3 flex-col-xs-6">
+
<div class="image-background ratio ratio-square">
+
<img draggable="false" src="https://static.igem.org/mediawiki/2015/d/de/OUC-China-home1.jpg" class="" alt="" title=""> </div>
+
</div>
+
 
+
</div>
+
</div>
+
 
+
</div>
+
</div>
+
</div>
+
 
+
</div>
+
 
+
</section>
+
 
+
<section class="section no-padding" style="background-color: #666666; color: #2e2e2e;">
+
 
+
<div class="container-fluid">
+
 
+
<div class="row row-equal-columns">
+
 
+
<div class="column no-padding padding-tb-none">
+
<div class="flex">
+
 
+
<div class="block block-post">
+
 
+
<div class="flex-wrap">
+
 
+
<div class="flex-col-4 flex-col-xs-12 hover" style="background-color: red; color: white;">
+
<!--style=back覆盖颜色 位置-->
+
 
+
<div class="image-background ratio ratio-16-9 hover-out">
+
<img draggable="false" src="https://static.igem.org/mediawiki/2015/d/de/OUC-China-home1.jpg" class="" alt="" title="wlgd-snap"> </div>
+
 
+
<div class="bleed hover-in">
+
<div class="rnav-con flex-space-around">
+
<div class="flex-item rnav-align-center align-center">
+
<header>
+
<h2 class="small">123123123</h2>
+
<p class="subheading">123132132</p>
+
</header>
+
</div>
+
</div>
+
</div>
+
 
+
<a href="#" class="bleed text-indent-hide z-index--hover">12312313213</a>
+
</div>
+
 
+
<div class="flex-col-4 flex-col-xs-12 hover" style="background-color: gold; color: white;">
+
 
+
<div class="image-background ratio ratio-16-9 hover-out">
+
<img draggable="false" src="https://static.igem.org/mediawiki/2015/d/de/OUC-China-home1.jpg" class="" alt="" title=""> </div>
+
 
+
<div class="bleed hover-in">
+
<div class="rnav-con flex-space-around">
+
<div class="flex-item rnav-align-center align-center">
+
<header>
+
<h2 class="small">1321313213213</h2>
+
<p class="subheading">1321231y</p>
+
</header>
+
</div>
+
</div>
+
</div>
+
 
+
<a href="#" class="bleed text-indent-hide z-index--hover">12313123</a>
+
</div>
+
 
+
<div class="flex-col-4 flex-col-xs-12 hover" style="background-color: #17c1b7; color: white;">
+
 
+
<div class="image-background ratio ratio-16-9 hover-out">
+
<img draggable="false" src="https://static.igem.org/mediawiki/2015/d/de/OUC-China-home1.jpg" class="" alt="" title=""> </div>
+
 
+
<div class="bleed hover-in">
+
<div class="rnav-con flex-space-around">
+
<div class="flex-item rnav-align-center align-center">
+
<header>
+
<h2 class="small">12313213131</h2>
+
<p class="subheading">231313123</p>
+
</header>
+
</div>
+
</div>
+
</div>
+
 
+
<a href="#" class="bleed text-indent-hide z-index--hover">1231231321</a>
+
</div>
+
 
+
<div class="flex-col-4 flex-col-xs-12 hover" style="background-color: #77b1a8; color: white;">
+
 
+
<div class="image-background ratio ratio-16-9 hover-out">
+
<img draggable="false" src="https://static.igem.org/mediawiki/2015/d/de/OUC-China-home1.jpg" class="" alt="" title=""> </div>
+
 
+
<div class="bleed hover-in">
+
<div class="rnav-con flex-space-around">
+
<div class="flex-item rnav-align-center align-center">
+
<header>
+
<h2 class="small">2134241241</h2>
+
<p class="subheading">C234234</p>
+
</header>
+
</div>
+
</div>
+
</div>
+
 
+
<a href="#" class="bleed text-indent-hide z-index--hover">123123132</a>
+
</div>
+
 
+
<div class="flex-col-4 flex-col-xs-12 hover" style="background-color: #a00101; color: white;">
+
 
+
<div class="image-background ratio ratio-16-9 hover-out">
+
<img draggable="false" src="https://static.igem.org/mediawiki/2015/d/de/OUC-China-home1.jpg" class="" alt="" title="123132132"> </div>
+
 
+
<div class="bleed hover-in">
+
<div class="rnav-con flex-space-around">
+
<div class="flex-item rnav-align-center align-center">
+
<header>
+
<h2 class="small">12312313</h2>
+
<p class="subheading">123132132</p>
+
</header>
+
</div>
+
</div>
+
</div>
+
 
+
<a href="#" class="bleed text-indent-hide z-index--hover">T123123</a>
+
</div>
+
 
+
<div class="flex-col-4 flex-col-xs-12 hover" style="background-color: #000; color: white;">
+
 
+
<div class="image-background ratio ratio-16-9 hover-out">
+
<img draggable="false" src="https://static.igem.org/mediawiki/2015/d/de/OUC-China-home1.jpg" class="" alt="" title=""> </div>
+
 
+
<div class="bleed hover-in">
+
<div class="rnav-con flex-space-around">
+
<div class="flex-item rnav-align-center align-center">
+
<header>
+
<h2 class="small">T12312313132</h2>
+
<p class="subheading">123132132</p>
+
</header>
+
</div>
+
</div>
+
</div>
+
 
+
<a href="#" class="bleed text-indent-hide z-index--hover">T12312313123</a>
+
</div>
+
 
+
</div>
+
</div>
+
 
+
</div>
+
</div>
+
</div>
+
 
+
</div>
+
 
+
</section>
+
 
+
<section class="section padding-top padding-bottom" style="background-color: #262626; color: #ffffff;">
+
 
+
<div class="container">
+
 
+
<div class="row row-equal-columns">
+
 
+
<div class="column col-md-6 col-md-offset-3 align-center padding-default padding-tb-default">
+
<div class="flex flex-middle">
+
 
+
<div class="block block-text">
+
 
+
<header>
+
<h3>123123132</h3>
+
<p class="subheading">123123123</p>
+
</header>
+
</div>
+
 
+
<div class="block block-button">
+
 
+
<a href="#" class="button button-stroke" style="border-color: #ffffff;">2312313</a>
+
</div>
+
 
+
</div>
+
</div>
+
</div>
+
 
+
</div>
+
  
</section>
+
    </style>
 +
</head>
  
</article>
+
<body>
 +
    <header class="header">
 +
        <nav class="navbar navbar-default">
 +
            <div class="container">
 +
                <span class="menu"> Menu</span>
 +
                <div class="banner-top">
 +
                    <ul class="nav banner-nav">
 +
                        <li><a href="https://2015.igem.org/Team:OUC-China">HOME</a></li>
 +
                        <li class="dropdown1"><a class="down-scroll" href="#">PROJECT</a>
 +
                            <ul class="dropdown2">
 +
                                <li><a href="https://2015.igem.org/Team:OUC-China/Project/Overview">Overview</a></li>
 +
                                <li><a href="https://2015.igem.org/Team:OUC-China/Project/Magnetic_Receiver">Magnetic Receiver</a></li>
 +
                                <li><a href="https://2015.igem.org/Team:OUC-China/Project/Thermosensitive_Regulator">Thermosensitive Regulator</a></li>
 +
                                <li><a href="https://2015.igem.org/Team:OUC-China/Project/Captor">Captor</a></li>
 +
                                <li><a href="https://2015.igem.org/Team:OUC-China/Project/Results">Results</a></li>
 +
                                <li><a href="https://2015.igem.org/Team:OUC-China/Parts">Parts</a></li>
 +
                                <li><a href="https://2015.igem.org/Team:OUC-China/Project/Achievements">Achievements</a></li>
 +
                            </ul>
 +
                        </li>
 +
                        <li class="dropdown1"><a href="https://2015.igem.org/Team:OUC-China/Interlab">INTERLAB</a>
 +
                        </li>
 +
                        <li class="dropdown1"><a class="down-scroll" href="#">MODELING</a>
 +
                            <ul class="dropdown2">
 +
                                <li><a href="https://2015.igem.org/Team:OUC-China/Modeling">Overview</a></li>
 +
                                <li><a href="https://2015.igem.org/Team:OUC-China/Modeling/Magnetic_Receiver">Magnetic Receiver</a></li>
 +
                                <li><a href="https://2015.igem.org/Team:OUC-China/Modeling/Heating">Heating</a></li>
 +
                                <li><a href="https://2015.igem.org/Team:OUC-China/Modeling/Thermosensitive_Regulator">Thermosensitive Regulator</a></li>
 +
                            </ul>
 +
                        </li>
 +
                        <li class="dropdown1"><a class="down-scroll"  href="#">HUMAN PRACTISE</a>
 +
                            <ul class="dropdown2">
 +
                                <li><a href="https://2015.igem.org/Team:OUC-China/Practices">Overview</a></li>
 +
                                <li><a href="https://2015.igem.org/Team:OUC-China/Human_Practice/Safety">Safety</a></li>
 +
                                <li><a href="https://2015.igem.org/Team:OUC-China/Human_Practice/Education">Education</a></li>
 +
                                <li><a href="https://2015.igem.org/Team:OUC-China/Human_Practice/Transportation">Transportation</a></li>
 +
                                <li><a href="https://2015.igem.org/Team:OUC-China/Human_Practice/Communication">Communication</a></li>
 +
                                <li><a href="https://2015.igem.org/Team:OUC-China/Human_Practice/Guide_Of_Logo_Design">Guide of Logo Design</a></li>
 +
                            </ul>
 +
                        </li>
 +
                        <li class="dropdown1"><a class="down-scroll" href="#">NOTE BOOK</a>
 +
                            <ul class="dropdown2">
 +
                                <li><a href="https://2015.igem.org/Team:OUC-China/Note_Book/Lab_Journal">Lab Journal</a></li>
 +
                                <li><a href="https://2015.igem.org/Team:OUC-China/Note_Book/Protocol">Protocol</a></li>
 +
                            </ul>
 +
                        </li>
 +
                        <li class="dropdown1"><a class="down-scroll" href="#">TEAM</a>
 +
                            <ul class="dropdown2">
 +
                                <li><a href="https://2015.igem.org/Team:OUC-China/Team/Member">Member</a></li>
 +
                                <li><a href="https://2015.igem.org/Team:OUC-China/Attributions">Attribution</a></li>
 +
                                <li><a href="https://2015.igem.org/Team:OUC-China/Collaborations">Collaboration</a></li>
 +
                            </ul>
 +
                        </li>
 +
                    </ul>
 +
                    <script>
 +
                    $("span.menu").click(function() {
 +
                        $(" ul.nav").slideToggle("slow", function() {});
 +
                    });
 +
                    </script>
 +
                </div>
 +
                <div class="clearfix"> </div>
 +
            </div>
 +
            <!-- /.container-fluid -->
 +
        </nav>
 +
    </header>
 +
    <div class="banner-container">
 +
        <div class="banner-content">
 +
            <img src="https://static.igem.org/mediawiki/2015/4/4b/OUC-China-Team_Logo.png" width="400" alt="" class="img-responsive center-block">
 +
            <h2>Magthermo coli</h2>
 +
        </div>
 +
    </div>
 +
    <div class="container-fluid how-work">
 +
        <div class="container">
 +
            <div class="work-header">
 +
                <h2 class="text-uppercase">
 +
                    how does it <span>work?</span>
 +
                </h2>
 +
                <p>
 +
                    This summer we designed Magthermo coli——a platform for remote regulation of gene expression by electromagnetic signal.
 +
                </p>
 +
            </div>
 +
            <div class="row work-content">
 +
                <div class="col-md-4">
 +
                    <img src="https://static.igem.org/mediawiki/2015/e/e1/OUC-China-home_receiver_regulator1.png" alt="" class="img-responsive">
 +
                    <h3 class="text-uppercase text-center">step 1</h3>
 +
                    <p>Our Magthermo coli contains 2 core components: <B>Magnetic Receiver & Thermosensitive Regulator.</B></p>
 +
                </div>
 +
                <div class="col-md-4">
 +
                    <img src="https://static.igem.org/mediawiki/2015/e/e7/OUC-China-home_receiver_regulator2.png" alt="" class="img-responsive">
 +
                    <h3 class="text-uppercase text-center">step 2</h3>
 +
                    <p>Inducing with electromagnetic field, magnetic receiver will heat, raising the ambient temperature.</p>
 +
                </div>
 +
                <div class="col-md-4">
 +
                    <img src="https://static.igem.org/mediawiki/2015/6/6d/OUC-China_home_receiver_regulator3.png" alt="" class="img-responsive">
 +
                    <h3 class="text-uppercase text-center">step 3</h3>
 +
                    <p>
 +
                        In response to the change of temperature, thermosensitive regulator will initiate downstream gene (GFP for example) expression.
 +
                    </p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </div>
 +
    <div class="container-fluid index-details1 index-details">
 +
        <div class="container">
 +
            <h3 class="text-center index-headline">Magnetic <span>Receiver</span></h3>
 +
            <div class="row">
 +
                <div class="col-md-7">
 +
                    <div class="caption">
 +
                        <p>
 +
                            For magnetic receiver,we chose <B>Ferritin</B>, the iron-storage protein in many organisms, which could synthesize ferric oxihydroxide core in its hollow protein shell. When exposed to electromagnetic field, the ferric oxihydroxide core will heat, raising the ambient temperature.
 +
                        </p>
 +
                        <p>
 +
                            In this section, we explored measurement techniques for the valuation of magnetism, biomineralization and protein concentration per cell.
 +
                        </p>
 +
                        <p><a href="https://2015.igem.org/Team:OUC-China/Project/Magnetic_Receiver" class="btn btn-primary" role="button">More details</a></p>
 +
                    </div>
 +
                </div>
 +
                <div class="col-md-5">
 +
                    <img src="https://static.igem.org/mediawiki/2015/1/17/OUC-China-home-frritin.png" alt="" class="img-responsive">
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </div>
 +
    <div class="container-fluid index-details2 index-details">
 +
        <div class="container">
 +
            <h3 class="text-center index-headline index-headline2">Thermosensitive <span>Regulator</span></h3>
 +
            <p class="text-center">For thermosensitive regulator,we chose <B>RNA thermometer</B> and designed a <B>thermosensitive T7 RNA polymerase.</B>  </p>
 +
            <div class="row">
 +
                <div class="col-md-6">
 +
                    <img src="https://static.igem.org/mediawiki/2015/b/b8/OUC-China-home-RNA.png" alt="" class="img-responsive">
 +
                </div>
 +
                <div class="col-md-6">
 +
                    <div class="caption">
 +
                        <p>
 +
                            <B>RNA thermometer</B> is a structured RNA which can expose SD sequences only at appropriate temperature.  In this section, we explored the measurement method to identify the efficiency of thermosensitive regulator under heat stress.
 +
                        </p>
 +
                        <p><a href="https://2015.igem.org/Team:OUC-China/Project/Thermosensitive_Regulator" class="btn btn-primary" role="button">More details</a></p>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="row">
 +
                <div class="col-md-6">
 +
                    <div class="caption">
 +
                        <p>
 +
                            <B>Thermosensitive T7 RNA polymerase</B> is a T7 RNA polymerase interrupted by a temperature-sensitive intein, which can self-splice at specific temperature and initiate the downstream signal.
 +
                        </p>
 +
                        <p><a href="https://2015.igem.org/Team:OUC-China/Project/Thermosensitive_Regulator" class="btn btn-primary" role="button">More details</a></p>
 +
                    </div>
 +
                </div>
 +
                <div class="col-md-6">
 +
                    <img src="https://static.igem.org/mediawiki/2015/4/4d/OUC-China-home-T7.png" alt="" class="img-responsive">
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </div>
 +
    <div class="returnTop">
 +
        <img src="https://static.igem.org/mediawiki/2015/a/a4/ReturnTop.png" alt="">
 +
    </div>
 +
    <footer>
 +
        <div class="container">
 +
            <address class="center-block">
 +
                Follow us on Facebook@ <a href="https://www.facebook.com/oucigem">iGEM OUC</a>
 +
                <br>Mail to: <a href="mailto:#">oucigem@163.com</a>
 +
            </address>
 +
            <center><ul class="footer-img">
 +
                <li>
 +
                    <img src="https://static.igem.org/mediawiki/2015/2/27/OUC-China_footer1.png" alt="" class="img-responsive">
 +
                </li>
 +
                <li>
 +
                    <img src="https://static.igem.org/mediawiki/2015/7/7c/OUC-China_footer2.png" alt="" class="img-responsive">
 +
                </li>
 +
                <li>
 +
                    <a href="http://www.genewiz.com/"><img src="https://static.igem.org/mediawiki/2015/0/08/OUC-China_footer3.png" alt="" class="img-responsive"></a>
 +
                </li>
 +
                <li>
 +
                    <img src="https://static.igem.org/mediawiki/2015/2/26/OUC-China_footer4.png" alt="" class="img-responsive">
 +
                </li>
 +
                <li>
 +
                    <img src="https://static.igem.org/mediawiki/2015/3/3e/OUC-China_footer5.png" alt="" class="img-responsive">
 +
                </li>
 +
                <div class="clr"></div>
 +
            </ul></center>
 +
        </div> 
 +
    </footer>
  
</div>
+
</body>
</div>
+
  
<script src="2.js" type="text/javascript"></script>
+
</html>
<script>
+
(function(i, s, o, g, r, a, m) {
+
i['GoogleAnalyticsObject'] = r;
+
i[r] = i[r] || function() {
+
(i[r].q = i[r].q || []).push(arguments)
+
}, i[r].l = 1 * new Date();
+
a = s.createElement(o),
+
m = s.getElementsByTagName(o)[0];
+
a.async = 1;
+
a.src = g;
+
m.parentNode.insertBefore(a, m)
+
})(window, document, 'script', '', 'ga');
+
ga('create', 'UA-1764636-1', 'auto');
+
ga('send', 'pageview');
+
</script>
+

Latest revision as of 01:50, 19 September 2015

<!DOCTYPE html> Team:OUC-China

how does it work?

This summer we designed Magthermo coli——a platform for remote regulation of gene expression by electromagnetic signal.

step 1

Our Magthermo coli contains 2 core components: Magnetic Receiver & Thermosensitive Regulator.

step 2

Inducing with electromagnetic field, magnetic receiver will heat, raising the ambient temperature.

step 3

In response to the change of temperature, thermosensitive regulator will initiate downstream gene (GFP for example) expression.

Magnetic Receiver

For magnetic receiver,we chose Ferritin, the iron-storage protein in many organisms, which could synthesize ferric oxihydroxide core in its hollow protein shell. When exposed to electromagnetic field, the ferric oxihydroxide core will heat, raising the ambient temperature.

In this section, we explored measurement techniques for the valuation of magnetism, biomineralization and protein concentration per cell.

More details

Thermosensitive Regulator

For thermosensitive regulator,we chose RNA thermometer and designed a thermosensitive T7 RNA polymerase.

RNA thermometer is a structured RNA which can expose SD sequences only at appropriate temperature. In this section, we explored the measurement method to identify the efficiency of thermosensitive regulator under heat stress.

More details

Thermosensitive T7 RNA polymerase is a T7 RNA polymerase interrupted by a temperature-sensitive intein, which can self-splice at specific temperature and initiate the downstream signal.

More details