(Prototype team page) |
|||
Line 1: | Line 1: | ||
− | {{NPU-China}} | + | {{NPU-China/mmp}} |
− | <html> | + | <html lang="en"> |
+ | <head> | ||
+ | <!-- Bootstrap Core CSS --> | ||
+ | <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> | ||
− | < | + | <!-- Custom CSS --> |
− | < | + | <link href="https://2017.igem.org/Template:NPU-China/css?action=raw&ctype=text/css" rel="stylesheet"> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | <!-- Custom Fonts --> |
− | + | <link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | <!-- jQuery --> |
− | </ | + | <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script> |
+ | <!-- Bootstrap Core JavaScript --> | ||
+ | <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> | ||
+ | <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> | ||
+ | <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> | ||
+ | <!--[if lt IE 9]> | ||
+ | <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> | ||
+ | <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> | ||
+ | <![endif]--> | ||
+ | <style> | ||
+ | </style> | ||
+ | </head> | ||
+ | <body> | ||
+ | <!-- Navigation --> | ||
+ | <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> | ||
+ | <div class="container"> | ||
+ | <div class="navbar-header"> | ||
+ | <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> | ||
+ | <a class="navbar-brand" href="https://2017.igem.org/Team:NPU-China"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/2/29/NPU-logo.png" style="max-width:50px;margin-top:-10px;"> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> | ||
+ | <ul class="nav navbar-nav navbar-right"> | ||
+ | <li class="active"> <a href="https://2017.igem.org/Team:NPU-China">Home</a> </li> | ||
+ | <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Team<b class="caret"></b></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li> <a href="https://2017.igem.org/Team:NPU-China/Aboutus">About us</a> </li> | ||
+ | <li> <a href="https://2017.igem.org/Team:NPU-China/Attributions">Attributions</a> </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Project<b class="caret"></b></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li> <a href="https://2017.igem.org/Team:NPU-China/Background">Background</a> </li> | ||
+ | <li> <a href="https://2017.igem.org/Team:NPU-China/Description">Description</a> </li> | ||
+ | <li> <a href="https://2017.igem.org/Team:NPU-China/Design">Design</a> </li> | ||
+ | <li> <a href="https://2017.igem.org/Team:NPU-China/Model">Model</a> </li> | ||
+ | <li> <a href="https://2017.igem.org/Team:NPU-China/Proofofconcept">Proof of concept</a> </li> | ||
+ | <li> <a href="https://2017.igem.org/Team:NPU-China/Demonstrate">Demonstrate</a> </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Parts<b class="caret"></b></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li> <a href="https://2017.igem.org/Team:NPU-China/BasicParts">Basic Parts</a> </li> | ||
+ | <li> <a href="https://2017.igem.org/Team:NPU-China/CompositeParts">Composite Parts</a> </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li> <a href="https://2017.igem.org/Team:NPU-China/Hardware">Hardware</a> </li> | ||
+ | <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">HP<b class="caret"></b></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li> <a href="https://2017.igem.org/Team:NPU-China/HP/Silver">Silver</a> </li> | ||
+ | <li> <a href="https://2017.igem.org/Team:NPU-China/HP/Gold_Integrated">Gold</a> </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li> <a href="https://2017.igem.org/Team:NPU-China/Collaborations">Collaborations</a> </li> | ||
+ | <li> <a href="https://2017.igem.org/Team:NPU-China/Achievements">Achievements</a> </li> | ||
+ | <li> <a href="https://2017.igem.org/Team:NPU-China/InterLab">InterLab</a> </li> | ||
+ | |||
+ | <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Notebook<b class="caret"></b></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li> <a href="https://2017.igem.org/Team:NPU-China/Labnotes">Labnotes</a> </li> | ||
+ | <li> <a href="https://2017.igem.org/Team:NPU-China/Protocols">Protocols</a> </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | </nav> | ||
+ | |||
+ | <!-- Header Carousel --> | ||
+ | <header id="myCarousel" class="carousel slide"> | ||
+ | <!-- Indicators --> | ||
+ | <div class="carousel-indicators"> | ||
+ | <li data-target="#myCarousel" data-slide-to="0" class="active"></li> | ||
+ | <li data-target="#myCarousel" data-slide-to="1"></li> | ||
+ | <li data-target="#myCarousel" data-slide-to="2"></li> | ||
+ | </div> | ||
+ | |||
+ | <!-- Wrapper for slides --> | ||
+ | <div class="carousel-inner"> | ||
+ | <div class="item active"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/1/1f/Npu-banner1.jpg"> | ||
+ | |||
+ | </div> | ||
+ | <div class="item"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/0/06/Npu-banner3.jpg"> | ||
+ | </div> | ||
+ | <div class="item"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/2/28/Npu-banner2.jpg"> | ||
+ | </div> | ||
+ | </div> | ||
+ | <a class="left carousel-control" href="#myCarousel" data-slide="prev"> | ||
+ | <span class="icon-prev"></span> | ||
+ | </a> | ||
+ | <a class="right carousel-control" href="#myCarousel" data-slide="next"> | ||
+ | <span class="icon-next"></span> | ||
+ | </a> | ||
+ | <!-- Controls --> | ||
+ | </header> | ||
+ | |||
+ | <div class="batu" style="background: url('https://static.igem.org/mediawiki/2017/f/fe/Npu-background.png') no-repeat fixed; overflow: hidden;"> | ||
+ | <!-- Page Content --> | ||
+ | <div class="container"> | ||
+ | |||
+ | <div class="row" style=" padding-top:70px"> | ||
+ | <div class="col-md-12"> | ||
+ | <h2 class="page-header" align="center" >Abstract</h2> | ||
+ | <h4>Acrylic acid is a bulk chemical raw material, which is widely used in many fields because of its excellent | ||
+ | polymerization capacity, such as paint, glue, and even mobile phone screen protective film. The average | ||
+ | annual market demand of acrylic acid is up to 8 million tons, and the market value is nearly 10 billion | ||
+ | US dollars. It has broad market prospect. At present, acrylic acid is made from propylene (which | ||
+ | is obtained by petroleum cracking) after multi-step treatment. The production process causes pollution, | ||
+ | high energy consumption and it is unsustainable.<br> This year, we aim to use a green and environmentally | ||
+ | friendly carbon source, glycerol to achieve all green production of acrylic acid. Compared to traditional | ||
+ | chemical synthesis methods, Synbio is green and sustainable, and glycerol is cheaper than ethylene. | ||
+ | </h4> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!-- Marketing Icons Section --> | ||
+ | <div class="row" style="padding-top:70px"> | ||
+ | <div class="col-md-12"> | ||
+ | <h2 class="page-header" align="center">We construct cell factory based on 4 levels, which are—</h2> | ||
+ | <br> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <div class="row"> | ||
+ | <div class="col-md-6 img-portfolio"> | ||
+ | <a href="portfolio-item.html"> | ||
+ | <img class="img-responsive img-hover" src="https://static.igem.org/mediawiki/2017/a/ac/Ceas2.png"> | ||
+ | </a> | ||
+ | <h3 align="center"> | ||
+ | <a href="portfolio-item.html">Core Part</a> | ||
+ | </h3> | ||
+ | <h4>We use ceaS2 enzyme as the core part, but acrylic acid is a byproduct of ceaS2 enzyme, the wild type | ||
+ | 's catalytic effect is very weak, whose production is only 1mg/L. So we hope to improve the catalytic | ||
+ | effect of ceaS2 enzyme.<br> We designed ceaS2 enzyme mutants via the AEMD(Auto Enzyme Mutation Design) | ||
+ | platform and screened for better-worked ceaS2 mutants by HPLC(High Performance Liquid Chromatography) | ||
+ | and HTS(High throughput screening). | ||
+ | </h4> | ||
+ | </div> | ||
+ | <div class="col-md-6 img-portfolio"> | ||
+ | <a href="portfolio-item.html"> | ||
+ | <img class="img-responsive img-hover" src="https://static.igem.org/mediawiki/2017/8/85/System.png" alt=""> | ||
+ | </a> | ||
+ | <h3 align="center"> | ||
+ | <a href="portfolio-item.html">System</a> | ||
+ | </h3> | ||
+ | <h4>Respectively, E. coli and S. cerevisiae are the two sorts of model organisms that are most convenient | ||
+ | to operate in the prokaryote and eukaryote. Therefore, in terms of our choice of the chassis organisms, | ||
+ | we have them both tested, which were E. coli MG1655 and S. cerevisiae BY4741 individually. | ||
+ | </h4> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- /.row --> | ||
+ | |||
+ | <!-- Projects Row --> | ||
+ | <div class="row" style="padding-top:50px"> | ||
+ | <div class="col-md-6 img-portfolio"> | ||
+ | <a href="portfolio-item.html"> | ||
+ | <img class="img-responsive img-hover" src="https://static.igem.org/mediawiki/2017/e/ec/Pathway.png" alt=""> | ||
+ | </a> | ||
+ | <h3 align="center"> | ||
+ | <a href="portfolio-item.html">Pathway</a> | ||
+ | </h3> | ||
+ | <h4>We need to design two different metabolic pathways for two different chassis organisms and propose different | ||
+ | optimization schemes for them.We introduced the ceaS2 enzyme exogenously on the basis of the glycerol | ||
+ | metabolism of the two bacteria, so that it could produce the target product acrylic acid using the | ||
+ | intermediates G3P and DHAP.Besides having finished the construction of the pathways, we also reconstructed | ||
+ | and optimized the original metabolic pathway to increase the carbon flux rate of the designed pathway | ||
+ | and reduce the loss of bypass carbon flux.</h4> | ||
+ | </div> | ||
+ | <div class="col-md-6 img-portfolio"> | ||
+ | <a href="portfolio-item.html"> | ||
+ | <img class="img-responsive img-hover" src="https://static.igem.org/mediawiki/2017/6/67/Production2.png" alt=""> | ||
+ | </a> | ||
+ | <h3 align="center"> | ||
+ | <a href="portfolio-item.html" >Production</a> | ||
+ | </h3> | ||
+ | <h4>All of the previous processes are to build the engineering strains which have a high production of acrylic | ||
+ | acid that we need. In the subsequent fermentation, we also need to determine the best parameters | ||
+ | of the engineering strain.<br> Therefore, we selected the carbon source, Buffer, temperature, pH | ||
+ | and other conditions to optimize the cell production process.</h4> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- /.container --> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/0/0c/Jz.png" class="img-responsive"> | ||
+ | |||
+ | </div> | ||
+ | <!-- /.batu --> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <!-- Script to Activate the Carousel --> | ||
+ | <script> | ||
+ | $('.carousel').carousel({ | ||
+ | interval: 5000 //changes the speed | ||
+ | }) | ||
+ | </script> | ||
+ | </body> | ||
</html> | </html> |
Revision as of 13:30, 27 October 2017