Difference between revisions of "Team:NUDT CHINA"

m
 
(10 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
{{Team:NUDT_CHINA/CSS}}
+
<html>
−
<html>
+
<head>
−
<h2> Welcome to iGEM 2015! </h2>
+
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
−
<p>Nice to meet you! We are Team_NUDT_CHINA. </p>
+
<!--Javascript-->
 +
<!--jQuery-->
 +
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.3.js"></script>
 +
        <script type="text/javascript" src="jquery-1.11.3.js"></script>
 +
<!--MENU-->
 +
<script type="text/javascript">
 +
$(document).ready(function() {
 +
$('#menu li a').hover( 
 +
function() {$(this).animate({'paddingLeft': '1.2em', 'paddingRight': '1.2em'}, 'fast');},
 +
function() {$(this).animate({'paddingLeft': '0.5em', 'paddingRight': '0.5em'}, 'fast');}
 +
);
 +
});
 +
</script>
 +
<!--NAVIGATION-->
 +
<script type="text/javascript">
 +
$(document).ready(function() {
 +
$('#navigation li a').hover( 
 +
function() {$(this).animate({'paddingLeft': '1.2em', 'paddingRight': '1.2em'}, 'fast');}, 
 +
function() {$(this).animate({'paddingLeft': '0.5em', 'paddingRight': '0.5em'}, 'fast');}
 +
);
 +
});
 +
$(function(){
 +
$("a").click(function(){
 +
$("html,body").animate({ scrollTop:$($(this).attr("href")).offset().top + "px"},1000);}
 +
);
 +
});
 +
</script>
 +
<!--iGEM_LOGO-->
 +
<script type="text/javascript">
 +
$(document).ready(function() {
 +
$("#iGEM_LOGO").mouseover(
 +
function(){$(this).animate({'width': '140px', 'height': '140px'},"fast");
 +
});
 +
$("#iGEM_LOGO").mouseout(
 +
function(){$(this).animate({'width': '137px', 'height': '137px'},"fast");
 +
});
 +
});
 +
  </script>
 +
<!--css-->
 +
<!--RESET-->
 +
<style type="text/css">
 +
.clearStyle {
 +
margin: 0;
 +
padding: 0;
 +
border: 0;
 +
font-size: 100%;
 +
font: inherit;
 +
vertical-align: baseline;
 +
}
 +
body {
 +
background-color: #f3f3f3;
 +
background-image: url(https://static.igem.org/mediawiki/2015/8/8a/Team_NUDT_CHINA_Soft_wallpaper.png);
 +
background-position: 0px 0px;
 +
height: 100%;
 +
width: auto;
 +
}
 +
</style>
 +
<!-- myMainContainer-->
 +
<style type="text/css">
 +
#myMainContainer { 
 +
background-color: #f3f3f3;
 +
background-image: url(https://static.igem.org/mediawiki/2015/8/8a/Team_NUDT_CHINA_Soft_wallpaper.png);
 +
background-position: 0px 0px;
 +
width: auto;
 +
overflow:hidden;
 +
float:center;
 +
margin-left:0px;
 +
margin-right:0px;
 +
margin-bottom: 10px;
 +
}
 +
</style>
 +
<!--BANNER CONTAINER-->
 +
<style type="text/css">
 +
#bannerContainer {
 +
margin-left:180px;
 +
margin-right:180px;
 +
width: auto;
 +
}
 +
</style>
 +
<!--MENU-->
 +
<style type="text/css">
 +
#menu
 +
{
 +
    position: fixed;
 +
    top: 30px;
 +
left: 0px;
 +
}
 +
#menu img
 +
{
 +
margin-left: 30px;
 +
margin-bottom: 0px
 +
}
 +
#menu ul
 +
{
 +
list-style-type:none;
 +
padding: 0;
 +
border: 0;
  
−
<h4>You can know about us: </h4>
+
}
 +
#menu li
 +
{
 +
list-style-type:none;
 +
position: relative;
 +
font-family: "Trebuchet MS", Helvetica, sans-serif;
 +
font-size: 15px;
 +
}
 +
#menu a
 +
{
 +
position: relative;
 +
display: inline-block;
 +
margin: 4px 0px 0px 0px;
 +
    padding: 0.3em .5em 0.3em;
 +
    text-decoration: none;
 +
background-color: #ffffff;
 +
color: #888887;
 +
border-radius: 0 .4em .4em 0;
 +
outline: none;
 +
cursor: pointer;
 +
}
 +
#menu a.b
 +
{
 +
position: relative;
 +
display: inline-block;
 +
margin: 1px 0px;
 +
    padding: 0.3em .5em 0.3em;
 +
    text-decoration: none;
 +
background-color: #ffffff;
 +
outline: none;
 +
cursor: pointer;
 +
background-color: #888887;
 +
color: #ffffff;
 +
border-radius: 0 1em 1em 0;
 +
font-size: 13px;
 +
}
 +
#menu a:hover
 +
{
 +
background-color: #ffffff;
 +
color:#d82545;
 +
}
 +
#menu a.b:hover
 +
{
 +
background-color: #888887;
 +
color:#f9d24b;
 +
}
 +
#menu span
 +
{
 +
padding-left: 10px;
 +
padding-right: 10px;
 +
}
 +
</style>
 +
<!--NAVIGATION-->
 +
<style type="text/css">
 +
#navigation
 +
{
 +
    position: fixed;
 +
    top: 170px;
 +
right: 0px;
 +
text-align: right;
 +
}
 +
#navigation img
 +
{
 +
margin-right: 30px;
 +
margin-top: 0px;
 +
margin-bottom: 30px;
 +
}
 +
#navigation ul
 +
{
 +
list-style-type:none;
 +
border: 0;
 +
}
 +
#navigation li
 +
{
 +
list-style-type:none;
 +
position: relative;
 +
font-family: "Trebuchet MS", Helvetica, sans-serif;
 +
font-size: 15px;
 +
}
 +
#navigation a
 +
{
 +
position: relative;
 +
display: inline-block;
 +
margin: 4px 0px 0px 0px;
 +
    padding: 0.3em .5em 0.3em;
 +
    text-decoration: none;
 +
background-color: #ffffff;
 +
color: #888887;
 +
border-radius: .4em 0em 0em .4em;
 +
outline: none;
 +
cursor: pointer;
 +
}
 +
#navigation a.b
 +
{
 +
position: relative;
 +
display: inline-block;
 +
margin: 1px 0px;
 +
    padding: 0.3em .5em 0.3em;
 +
    text-decoration: none;
 +
background-color: #ffffff;
 +
outline: none;
 +
cursor: pointer;
 +
background-color: #888887;
 +
color: #ffffff;
 +
border-radius: 1em 0em 0em 1em;
 +
font-size: 13px;
 +
}
 +
#navigation a.t
 +
{
 +
position: relative;
 +
display: inline-block;
 +
margin: 1px 0px;
 +
    padding: 0.3em .5em 0.3em;
 +
    text-decoration: none;
 +
background-color: #ffffff;
 +
outline: none;
 +
cursor: pointer;
 +
background-color: #d82545;
 +
color: #ffffff;
 +
border-radius: 1em 0em 0em 1em;
 +
font-size: 20px;
 +
}
 +
#navigation a:hover
 +
{
 +
background-color: #ffffff;
 +
color:#d82545;
 +
}
 +
#navigation a.b:hover
 +
{
 +
background-color: #888887;
 +
color:#f9d24b;
 +
}
 +
#navigation a.t:hover
 +
{
 +
background-color: #6b1877;
 +
color:#ffffff;
 +
}
 +
#navigation span
 +
{
 +
padding-left: 10px;
 +
padding-right: 10px;
 +
}
 +
</style>
 +
<!--IGEM LOGO-->
 +
<style type="text/css">
 +
#logoContainer {
 +
position: fixed;
 +
top: 30px;
 +
right: 30px;
 +
}
 +
</style>
 +
<!--NUDT_Container-->
 +
<style type="text/css">
 +
#NUDT_Container
 +
{
 +
clear: both;
 +
width: auto;
 +
margin: 30px 180px;
 +
padding: 0px 0px 30px 0px;
 +
font-family: 'verdana',sans-serif;
 +
background: #fff;
 +
box-shadow: 0 3px 8px rgba(0,0,0,.1);
 +
position: relative;
 +
}
 +
#NUDT_Container table{
 +
position: center;
 +
border: 10px;
 +
}
 +
#NUDT_Container td{
 +
text-align: center;
 +
}
 +
#NUDT_Container ul
 +
{
 +
list-style-position:inside;
 +
padding: 10px 50px;
 +
border: 0;
  
−
<li>  <a href="https://2015.igem.org/Team:NUDT_CHINA/Description">Project Description</a> </li>
+
}
−
</ul>
+
#NUDT_Container li
 +
{
 +
padding: 0;
 +
border: 0;
 +
}
  
−
<div class="highlightBox">
+
#NUDT_Container p{
−
<h4> Project Description </h4>
+
text-decoration: none;
−
<p>For years, prokaryotic cells have been widely applied in synthetic biology and bio-engineering as the host organism. However, lacking of the compartmentation of the heterologous metabolic pathways,  which results in a relevantly low concentration of substrate and enzyme, may cause a low production or efficacy of the product, especially when producing through a complex multi-enzymatic cascade. In the current study, we developed a new method to accelerate a multi-enzymatic reaction by integration of a TALE-based scaffold system into the bacteria chassis. In this system, we designed two different random DNA sequences as binding motifs, and then incorporated them into the plasmid. Meanwhile, the different TALE proteins, which could specifically target the corresponding binding motifs, were generated by the assembly of repeat-variable di-residue (RVD) part coding sequences. Subsequently, multi-enzymes were fused with these TALE proteins, which could efficiently guide the enzymes around the DNA scaffolds, enrich the local enzyme concentration, and promote the rate of reaction. The effect of the TALE-based scaffold system were tested by the fragmented GFP study and validated by the heterologous production of plant IAA through incorporating the TALE-fused IAAM and IAAH enzymes in E.coli. To the best of our knowledge, this technique might provide a powerful way in synthesizing multi-enzymatic reaction programs in prokaryotic chassis for a wide range of application.</p>
+
font-family: "Trebuchet MS", Helvetica, sans-serif;
−
</div>
+
color: #888887;
 +
position: relative;
 +
padding: 10px 50px;
 +
font-size: 16px;
 +
}
 +
#NUDT_Container a {
 +
position: relative;
 +
    text-decoration:none;
 +
    color:#d82545;
 +
}
  
−
<li>  <a href="https://2015.igem.org/Team:NUDT_CHINA/Description">Coming Soon~</a> </li>
+
#NUDT_Container a:hover
−
</ul>
+
{
 +
text-decoration:underline;
 +
}
 +
#NUDT_Container h1, h2, h3, h4, h5{
 +
color: #444;
 +
margin: 20px 0px;
 +
padding:4px 8px;
 +
letter-spacing: -1px;
 +
position: relative;
 +
}
 +
#NUDT_Container h1 {
 +
font:bold 28px/12px 'verdana',sans-serif;
 +
border-left: 10px solid #444;
 +
line-height:28px;
 +
}
 +
#NUDT_Container h2 {
 +
font:bold 20px/6px 'verdana',sans-serif;
 +
border-left: 30px solid #444;
 +
line-height:20px;
 +
}
 +
#NUDT_Container h3 {
 +
font:bold 16px/4px 'verdana',sans-serif;
 +
padding-left: 50px;
 +
line-height:16px;
 +
}
 +
/*CASE*/
 +
#NUDT_Container ca {
 +
position: relative;
 +
display: inline-block;
 +
margin: 10px 100px;
 +
    padding: 10px 20px;
 +
    text-decoration: none;
 +
background-color: #bcbcbc;
 +
color: #000000;
 +
border-radius: 8px 8px;
 +
outline: none;
 +
cursor: pointer;
 +
font-family: "Trebuchet MS", Helvetica, sans-serif;
 +
font-size: 16px;
 +
}
 +
#NUDT_Container team {
 +
position: relative;
 +
display: inline-block;
 +
width: auto;
 +
height: auto;
 +
margin: 10px 50px;
 +
    padding: 20px 20px;
 +
    text-decoration: none;
 +
color: #000000;
 +
border-radius: 8px 8px;
 +
outline: none;
 +
cursor: pointer;
 +
font-family: "Trebuchet MS", Helvetica, sans-serif;
 +
font-size: 16px;
 +
}
  
−
</div></div> <!--These are the closing tags for div id="mainContainer" and div id="contentContainer". The corresponding opening tags appear in the template that is {{included}} at the top of this page.-->
+
</style>
 +
<!--DIA_Container-->
 +
<style type="text/css">
 +
#NUDT_Dia_Container
 +
{
 +
width: auto;
 +
margin: 0px 100px;
 +
}
 +
</style>
 +
<!--BLANK_Container-->
 +
<style type="text/css">
 +
.BLANK_Container
 +
{
 +
width: auto;
 +
}
 +
</style>
 +
<!--TEAM-->
 +
<style type="text/css">
 +
.team_Container
 +
{
 +
margin: 20px 10px;
 +
padding: 20px 10px;
 +
width: auto;
 +
}
 +
</style>
 +
<!--NUDT_Footer-->
 +
<style type="text/css">
 +
#NUDT_Footer
 +
{
 +
clear: both;
 +
width: auto;
 +
padding: 30px 0px;
 +
font-family: 'verdana',sans-serif;
 +
position: relative;
 +
}
 +
#NUDT_Footer p{
 +
text-decoration: none;
 +
font-family: "Trebuchet MS", Helvetica, sans-serif;
 +
color: #000000;
 +
position: relative;
 +
padding: 10px 50px;
 +
font-size: 16px;
 +
}
 +
</style>
 +
<!--Common-->
 +
<div id = "myMainContainer">
 +
<div id = "menu">
 +
<img src="https://static.igem.org/mediawiki/2015/9/99/Menu.png"/>
 +
<li><a id = "HOME" href="https://2015.igem.org/Team:NUDT_CHINA"><span>HOME</span></a></li>
 +
<li><a id = "TEAM" href="https://2015.igem.org/Team:NUDT_CHINA/Team"><span>TEAM</span></a></li>
 +
 +
<li><a id = "PROJECT" href = "#"><span>PROJECT</span></a></li>
 +
<li><a id = "Description" href = "https://2015.igem.org/Team:NUDT_CHINA/Description" class = "b"><span>Description</span></a></li>
 +
<li><a id = "Experiments" href = "https://2015.igem.org/Team:NUDT_CHINA/Experiments" class = "b"><span>Experiments &amp; Protocols</span></a></li>
 +
<li><a id = "Results" href="https://2015.igem.org/Team:NUDT_CHINA/Results"  class = "b"><span>Results</span></a></li>
 +
<li><a id = "Design" href="https://2015.igem.org/Team:NUDT_CHINA/Design" class = "b"><span>Design</span></a></li>
 +
 +
<li><a id = "PARTS" href = "#"><span>PARTS</span></a></li>
 +
<li><a id = "Team" href = "https://2015.igem.org/Team:NUDT_CHINA/Parts" class = "b"><span>Team Parts</span></a></li>
 +
<li><a id = "Basic" href = "https://2015.igem.org/Team:NUDT_CHINA/Basic_Part" class = "b"><span>Basic Parts</span></a></li>
 +
<li><a id = "Composite" href="https://2015.igem.org/Team:NUDT_CHINA/Composite_Part"  class = "b"><span>Composite Parts</span></a></li>
 +
<li><a id = "Composite" href="https://2015.igem.org/Team:NUDT_CHINA/Part_Collection"  class = "b"><span>Part Collection</span></a></li>
  
 +
 +
<li><a id = "NOTEBOOK" href="https://2015.igem.org/Team:NUDT_CHINA/Notebook"><span>NOTEBOOK</span></a></li> 
 +
<li><a id = "ATTRIBUTIONS" href="https://2015.igem.org/Team:NUDT_CHINA/Attributions"><span>ATTRIBUTIONS</span></a></li> 
 +
<li><a id = "COLLABORATIONS" href="https://2015.igem.org/Team:NUDT_CHINA/Collaborations"><span>COLLABORATIONS</span></a></li>
 +
<li><a id = "HUMAN" href="https://2015.igem.org/Team:NUDT_CHINA/Practices"><span>HUMAN PRACTICES</span></a></li> 
 +
<li><a id = "SAFETY" href="https://2015.igem.org/Team:NUDT_CHINA/Safety"><span>SAFETY</span></a></li>
 +
<li><a id = "MODELING" href="https://2015.igem.org/Team:NUDT_CHINA/Modeling"><span>MODELING</span></a></li> 
 +
    </div>
 +
    <div id = "logoContainer">
 +
    <a href="https://igem.org/Main_Page"><img  id = "iGEM_LOGO" src="https://static.igem.org/mediawiki/2015/e/ec/TEAM_NUDT_CHINA_iGEM_Logo.png" style="width: 130px; height:135px"/></a>
 +
    </div>
 +
<link href="https://2015.igem.org/Team:NEFU_China/cleariGEM?action=raw&ctype=text/css" rel="stylesheet" /> </head>
 +
</html>
 +
<html>
 +
<!--Main Container-->
 +
<div id = "NUDT_Container" class = "clearStyle">
 +
<!--subCommon-->
 +
<div>
 +
<img src="https://static.igem.org/mediawiki/2015/0/06/Team_NUDT_CHINA_banner.jpg" style = "width: 100%; height: auto"/>
 +
</div>
 +
<div>
 +
<img src="https://static.igem.org/mediawiki/parts/f/fb/HOME_NUDT2015.jpg" style = "width: 100%; height: auto"/>
 +
</div>
 +
</div>
 +
<!--Navigation-->
 +
<div id = "navigation">
 +
<img src="https://static.igem.org/mediawiki/2015/5/58/TEAM_NUDT_CHINA_iGEM.png"/>
 +
<li><a href="#myMainContainer" class = "t"><span>TOP/TIP</span></a></li>
 +
<img src="https://static.igem.org/mediawiki/2015/9/93/Team_NUDT_CHINA_Navigate.png"/>
 +
    </div>
 +
<div id = "NUDT_Footer">
 +
<center>
 +
<p>Copyright © 2015 NUDT_CHINA | Powered by Nianhao Xie</p>
 +
</center>
 +
</div>
 +
</body>
 
</html>
 
</html>

Latest revision as of 03:42, 19 September 2015