(Prototype team page) |
|||
Line 1: | Line 1: | ||
− | |||
<html> | <html> | ||
− | < | + | <head> |
+ | <!-- head --> | ||
+ | <link href="https://2016.igem.org/Team:TJUSLS_China/home/home_style?action=raw&ctype=text/css" rel="stylesheet" type="text/css" media="all" /> | ||
+ | <!--start slider --> | ||
+ | <link href="https://2016.igem.org/Team:TJUSLS_China/home/home_lrtk?action=raw&ctype=text/css" rel="stylesheet" type="text/css" media="all" /> | ||
+ | <link rel="stylesheet" href="https://2016.igem.org/Team:TJUSLS_China/home/home_fwslider?action=raw&ctype=text/css" media="all"> | ||
+ | <script language="javascript" type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/home/home_lrtk_js?action=raw&ctype=text/javascript"></script> | ||
+ | <script language="javascript" type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/home/home_jquery_min?action=raw&ctype=text/javascript"></script> | ||
+ | <script language="javascript" type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/home/home_jquery_min?action=raw&ctype=text/javascript"></script> | ||
+ | <script language="javascript" type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/home/home_jquery-ui_min?action=raw&ctype=text/javascript"></script> | ||
+ | <script language="javascript" type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/home/home_fwslider1?action=raw&ctype=text/javascript"></script> | ||
+ | <!--end slider --> | ||
+ | <script language="javascript" type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/home/home_jquery-hover-effect?action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript"> | ||
+ | //Image Hover | ||
+ | jQuery(document).ready(function(){ | ||
+ | jQuery(function() { | ||
+ | jQuery('ul.da-thumbs > li').hoverdir(); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | <!-- Add fancyBox main JS and CSS files --> | ||
+ | <script src="https://2016.igem.org/Team:TJUSLS_China/home/home_jquery.magnific-popup?action=raw&ctype=text/javascript" type="text/javascript"></script> | ||
+ | <link href="https://2016.igem.org/Team:TJUSLS_China/home/home_magnific-popup?action=raw&ctype=text/css" rel="stylesheet" type="text/css"> | ||
+ | <script> | ||
+ | $(document).ready(function() { | ||
+ | $('.popup-with-zoom-anim').magnificPopup({ | ||
+ | type: 'inline', | ||
+ | fixedContentPos: false, | ||
+ | fixedBgPos: true, | ||
+ | overflowY: 'auto', | ||
+ | closeBtnInside: true, | ||
+ | preloader: false, | ||
+ | midClick: true, | ||
+ | removalDelay: 300, | ||
+ | mainClass: 'my-mfp-zoom-in' | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | <!--nav--> | ||
+ | <script> | ||
+ | $(function() { | ||
+ | var pull = $('#pull'); | ||
+ | menu = $('nav ul'); | ||
+ | menuHeight = menu.height(); | ||
− | + | $(pull).on('click', function(e) { | |
− | + | e.preventDefault(); | |
− | + | menu.slideToggle(); | |
− | + | }); | |
+ | $(window).resize(function(){ | ||
+ | var w = $(window).width(); | ||
+ | if(w > 320 && menu.is(':hidden')) { | ||
+ | menu.removeAttr('style'); | ||
+ | } | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
− | < | + | <!-- origin --> |
− | < | + | <script> |
− | < | + | buttonClick = {}; |
− | < | + | </script> |
− | < | + | <title>Home</title> |
− | + | <!--<script src="js/jquery.min.js"></script>--> | |
− | + | <link href="https://2016.igem.org/Team:TJUSLS_China/CSS_Home_bootstr?action=raw&ctype=text/css" rel="stylesheet" type="text/css" media="all"> | |
− | + | <link href="https://2016.igem.org/Team:TJUSLS_China/CSS_Home_style?action=raw&ctype=text/css" rel="stylesheet" type="text/css" media="all" /> | |
− | + | <meta name="viewport" content="width=device-width, initial-scale=1"> | |
− | </ | + | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
− | </ | + | <meta name="keywords" content="Solutem Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, |
− | </ | + | Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" /> |
+ | <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script> | ||
+ | <script language="javascript" type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/js/jquery-min? | ||
+ | action=raw&ctype=text/javascript"></script> | ||
+ | <!---- start-smoth-scrolling----> | ||
+ | <script language="javascript" type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/js/move-top? | ||
+ | action=raw&ctype=text/javascript"></script> | ||
+ | <script language="javascript" type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/js/easing? | ||
+ | action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript"> | ||
+ | jQuery(document).ready(function($) { | ||
+ | $(".scroll").click(function(event){ | ||
+ | event.preventDefault(); | ||
+ | $('html,body').animate({scrollTop:$(this.hash).offset().top},1200); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | <!---End-smoth-scrolling----> | ||
+ | <link href="https://2016.igem.org/Team:TJUSLS_China/CSS_Home_component?action=raw&ctype=text/css" rel="stylesheet" type="text/css" /> | ||
+ | <script language="javascript" type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/js/modernizr.custom? | ||
+ | action=raw&ctype=text/javascript"></script> | ||
+ | </head> | ||
+ | <style> | ||
+ | #bodyContent h2 { | ||
+ | font-size: 2em; | ||
+ | } | ||
− | + | .cbp-spmenu-push-toleft { | |
− | + | left: -115px; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | #content { | ||
+ | width: 100%; | ||
+ | padding: 15px; | ||
+ | border: none; | ||
+ | color: black; | ||
+ | margin-left: 20px; | ||
+ | margin-right: auto; | ||
+ | background-color: #ffffff; | ||
+ | position: relative; | ||
+ | } | ||
+ | #sideMenu, #top_title | ||
+ | { | ||
+ | display: none; | ||
+ | } | ||
− | + | .right10{ | |
− | + | right: 10px; | |
− | + | } | |
− | + | .right190{ | |
+ | right: 190px; | ||
+ | } | ||
+ | </style> | ||
+ | <body> | ||
+ | <div class="cbp-spmenu-push" id="body"> | ||
+ | <div class="header_bg"> | ||
+ | <div class="wrap"> | ||
+ | <div class="header"> | ||
+ | <div class="logo"> | ||
+ | <a href="index.html"><img src="images/logo.png" alt="" /></a> | ||
+ | </div> | ||
+ | <!-- start h_menu4 --> | ||
+ | <div class="h_menu4"> | ||
+ | <a class="toggleMenu" href="">Menu</a> | ||
+ | <ul id="top_ul_my" class="nav"> | ||
+ | <script> | ||
+ | function getHover(number){ | ||
+ | var top_ul_my_lis = $("#top_ul_my").find(">li"); | ||
+ | if(number == 0) top_ul_my_lis[0].setAttribute("class", "active hover"); | ||
+ | else top_ul_my_lis[0].setAttribute("class", "active"); | ||
− | + | for(var i = 1; i < top_ul_my_lis.length; i++){ | |
− | < | + | if(i == number) { |
− | + | top_ul_my_lis[i].setAttribute("class", "hover"); | |
− | + | }else{ | |
− | + | top_ul_my_lis[i].setAttribute("class", ""); | |
− | + | } | |
− | + | } | |
− | + | } | |
− | + | ||
− | + | ||
+ | $(document).ready(function() { | ||
+ | //console.log("ready"); | ||
+ | var top_ul_my_lis = $("#top_ul_my").find(">li"); | ||
+ | for(var i = 1; i < top_ul_my_lis.length; i++) { | ||
+ | $(top_ul_my_lis[i]).mouseover(getHover(i)); | ||
+ | } | ||
+ | }); | ||
+ | </script> | ||
+ | <li class="active"><a class="active" href="https://2016.igem.org/Team:TJUSLS_China/home">TJUSLS</a></li> | ||
+ | <li ><a href="https://2016.igem.org/Team:TJUSLS_China/PROJECT" class="root">project</a> | ||
+ | <ul> | ||
+ | <li><a href="portfolio.html">Description</a></li> | ||
+ | <li><a href="service.html">Design</a></li> | ||
+ | <li><a href="contact.html">Experiments</a></li> | ||
+ | <li><a href="staff.html">Proof of Concept</a></li> | ||
+ | <li><a href="staff.html">Demonstrate</a></li> | ||
+ | <li><a href="staff.html">Results</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:TJUSLS_China/PROJECT/notebook">Notebook</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2016.igem.org/Team:TJUSLS_China/PARTS">PARTS</a> | ||
+ | <ul> | ||
+ | <li><a href="portfolio.html">Basic Parts</a></li> | ||
+ | <li><a href="service.html">Composite Parts</a></li> | ||
+ | <li><a href="contact.html">Part Collection</a></li> | ||
+ | |||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2016.igem.org/Team:TJUSLS_China/SAFETY">SAFETY</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:TJUSLS_China/ATTRIBUTIONS">ATTRIBUTIONS</a> | ||
+ | </li> | ||
+ | |||
+ | <li><a href="https://2016.igem.org/Team:TJUSLS_China/HUMANPRACTICES">HUMAN PRACTICES</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:TJUSLS_China/MODELING">MODELING</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:TJUSLS_China/TEAM">TEAM</a> | ||
+ | |||
+ | <ul> | ||
+ | <li><a href="1.html">Team</a></li> | ||
+ | <li><a href="2.html">Collaborations</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | <script type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/home/home_nav?action=raw&ctype=text/javascript"></script> | ||
+ | </div> | ||
+ | <!-- end h_menu4 --> | ||
+ | |||
+ | <div class="clear"></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!--header-banner--> | ||
+ | <div class="header-banner"> | ||
+ | <div class="banner-grids"> | ||
+ | <div class="baneer-grid1"> | ||
+ | |||
+ | </div> | ||
+ | <div class="baneer-grid2"> | ||
+ | |||
+ | </div> | ||
+ | <div class="baneer-grid3"> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div class="clearfix"></div> | ||
+ | </div> | ||
+ | <div class="top-header"> | ||
+ | <div class="container"> | ||
+ | <div class="logo"> | ||
+ | <a href="index.html">TJUSLS</a> | ||
+ | </div> | ||
+ | <div class="top-nav"> | ||
+ | <nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-right" id="cbp-spmenu-s2"> | ||
+ | <h3>HP</h3> | ||
+ | <a href="https://2016.igem.org/wiki/index.php?title=Team:TJUSLS_China" class="active">home</a> | ||
+ | <a href="#part1">part1</a> | ||
+ | <a href="#part2">part2</a> | ||
+ | <a href="#part3">part3</a> | ||
+ | <a href="#part4">part4</a> | ||
+ | <a href="#part5">part5</a> | ||
+ | </nav> | ||
+ | <div class="main buttonset"> | ||
+ | <!-- Class "cbp-spmenu-open" gets applied to menu and "cbp-spmenu-push-toleft" or "cbp-spmenu-push-toright" to the body --> | ||
+ | <button id="showrightpush" onclick="buttonClick.showRightPush()"><img src="https://static.igem.org/mediawiki/2016/f/f6/Menu-icon.png" alt=""/></button> | ||
+ | <!--<span class="menu"></span>--> | ||
+ | </div> | ||
+ | <script> | ||
+ | buttonClick.swapClass=function(id, classa, classb){ | ||
+ | var body = $("#"+id); | ||
+ | var classnames = body.attr("class").split(" "); | ||
+ | var isFirst = true; | ||
+ | var newclassname = ""; | ||
+ | for(i=0; i < classnames.length; i++){ | ||
+ | if(classnames[i] == "") continue; | ||
+ | if(classnames[i] == classa){ | ||
+ | newclassname += " " + classb; | ||
+ | isFirst = false; | ||
+ | }else if(classnames[i] == classb){ | ||
+ | newclassname += " " + classa; | ||
+ | isFirst = false; | ||
+ | }else{ | ||
+ | newclassname += " " + classnames[i]; | ||
+ | } | ||
+ | } | ||
+ | if(isFirst) newclassname += " " + classa; | ||
+ | body.attr("class", newclassname); | ||
+ | }; | ||
+ | buttonClick.showRightPush=function(){ | ||
+ | buttonClick.swapClass('body', 'cbp-spmenu-push-toleft', ''); | ||
+ | buttonClick.swapClass('cbp-spmenu-s2', 'cbp-spmenu-open', ''); | ||
+ | buttonClick.swapClass('toTop', 'right190', 'right10'); | ||
+ | } | ||
+ | </script> | ||
+ | |||
+ | <!-- Classie - class helper functions by @desandro https://github.com/desandro/classie --> | ||
+ | <script language="javascript" type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/js/classie? | ||
+ | action=raw&ctype=text/javascript"></script> | ||
+ | <!-- /script-for-menu --> | ||
+ | </div> | ||
+ | <div class="clearfix"> </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--end-header--> | ||
+ | <div class="content"> | ||
+ | <!--welcome--> | ||
+ | <!--<div class="welcome"> | ||
+ | <div class="container"> | ||
+ | <div class="welcome-grid"> | ||
+ | <div class="col-md-6 welcom-grid"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/f/fd/Img7.jpg" class="img-responsive" alt="/"> | ||
+ | </div> | ||
+ | <div class="col-md-6 welcom-grid1"> | ||
+ | <h3>welcome!</h3> | ||
+ | <p>Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur. Sed in lacus ut enim adipiscing aliquet. Nulla venena tis. In pede mi, aliquet sit amet, euismod in, auctor ut, ligula. Aliquam dapibus tincidunt metus. Praesent justo dolor, lobortis quis, lobortis dignissim, pulvinar ac, lorem. Vestibulum sed ante. Donec sagittis euismod purus.Dolor nunc vule putateulr ips dol consec.Donec semp ertet laciniate ultricie upien disse comete dolo lectus fgilla itollicil tua ludin dolor nec met quam accumsan dolore. </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div>--> | ||
+ | <!--end-welcome--> | ||
+ | <!--charities--> | ||
+ | <!--<div class="charities"> | ||
+ | <div class="container"> | ||
+ | <h3>our charities</h3> | ||
+ | <div class="charitie-grids"> | ||
+ | <div class="col-md-3 charitie-grid"> | ||
+ | <span class="glyphicon glyphicon-leaf" aria-hidden="true"></span> | ||
+ | <h4>Adoption Child</h4> | ||
+ | <p>Raemuis ultricaretra gc accumsan malda or sit amet errepsm do elentu vel curslor sitmt conaiing eli.</p> | ||
+ | </div> | ||
+ | <div class="col-md-3 charitie-grid"> | ||
+ | <span class="glyphicon glyphicon-heart" aria-hidden="true"></span> | ||
+ | <h4>Charity actions</h4> | ||
+ | <p>Raemuis ultricaretra gc accumsan malda or sit amet errepsm do elentu vel curslor sitmt conaiing eli.</p> | ||
+ | </div> | ||
+ | <div class="col-md-3 charitie-grid"> | ||
+ | <span class="glyphicon glyphicon-cog" aria-hidden="true"></span> | ||
+ | <h4>Child Protection</h4> | ||
+ | <p>Raemuis ultricaretra gc accumsan malda or sit amet errepsm do elentu vel curslor sitmt conaiing eli.</p> | ||
+ | </div> | ||
+ | <div class="col-md-3 charitie-grid"> | ||
+ | <span class="glyphicon glyphicon-user" aria-hidden="true"></span> | ||
+ | <h4>Pellentesque sed</h4> | ||
+ | <p>Raemuis ultricaretra gc accumsan malda or sit amet errepsm do elentu vel curslor sitmt conaiing eli.</p> | ||
+ | </div> | ||
+ | <div class="clearfix"></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div>--> | ||
+ | <!--charities--> | ||
+ | <!--<div class="Testimonials" id="testimonials"> | ||
+ | <div class="container"> | ||
+ | <div class="testimonial-header"> | ||
+ | <h3>testimonial</h3> | ||
+ | </div> | ||
+ | <div class="test-monials"> | ||
+ | <!– start content_slider –> | ||
+ | <div id="owl-demo" class="owl-carousel"> | ||
+ | <div class="item"> | ||
+ | <div class="testmonial-text"> | ||
+ | <p>Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur. Sed in lacus ut enim adipiscing aliquet. Nulla venena tis. In pede mi, aliquet sit amet, euismod in, auctor ut, ligula. Aliquam dapibus tincidunt metus. Praesent justo dolor, lobortis quis, lobortis dignissim, pulvinar ac, lorem. Vestibulum sed ante. </p> | ||
+ | <h4><a href="#">John Doe</a></h4> | ||
+ | </div> | ||
+ | <div class="clearfix"> </div> | ||
+ | </div> | ||
+ | <div class="item"> | ||
+ | <div class="testmonial-text"> | ||
+ | <p>Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur. Sed in lacus ut enim adipiscing aliquet. Nulla venena tis. In pede mi, aliquet sit amet, euismod in, auctor ut, ligula. Aliquam dapibus tincidunt metus. Praesent justo dolor, lobortis quis, lobortis dignissim, pulvinar ac, lorem. Vestibulum sed ante.</p> | ||
+ | <h4><a href="#">Mark Trand</a></h4> | ||
+ | </div> | ||
+ | <div class="clearfix"> </div> | ||
+ | </div> | ||
+ | <div class="item"> | ||
+ | <div class="testmonial-text"> | ||
+ | <p>Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur. Sed in lacus ut enim adipiscing aliquet. Nulla venena tis. In pede mi, aliquet sit amet, euismod in, auctor ut, ligula. Aliquam dapibus tincidunt metus. Praesent justo dolor, lobortis quis, lobortis dignissim, pulvinar ac, lorem. Vestibulum sed ante.</p> | ||
+ | <h4><a href="#">John Doe</a></h4> | ||
+ | </div> | ||
+ | <div class="clearfix"> </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <!–--sreen-gallery-cursual--–> | ||
+ | <div class="sreen-gallery-cursual"> | ||
+ | <!– requried-jsfiles-for owl –> | ||
+ | <link rel="stylesheet" href="https://2016.igem.org/Team:TJUSLS_China/CSS_Home_owl_carousel?action=raw&ctype=text/css"> | ||
+ | <script language="javascript" type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/js/owl_carousel?action=raw&ctype=text/javascript"></script> | ||
+ | <script> | ||
+ | $(document).ready(function() { | ||
+ | $("#owl-demo").owlCarousel({ | ||
+ | items : 1, | ||
+ | lazyLoad : true, | ||
+ | autoPlay : true, | ||
+ | navigation : false, | ||
+ | navigationText : false, | ||
+ | pagination : true, | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | <!– //requried-jsfiles-for owl –> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div>--> | ||
+ | <!---- testmonials ----> | ||
+ | <div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >aaaa</a></div> | ||
+ | <!--event-water--> | ||
+ | <div class="event"> | ||
+ | <div class="container"> | ||
+ | <h3>Recent from the event</h3> | ||
+ | <div class="event-grids"> | ||
+ | <div class="col-md-4 event-grid"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/7/77/B1.jpg" class="img-responsive" alt="/"> | ||
+ | <p class="link">09/05/2015 by<a href="#">Admin</a>13 comments</p> | ||
+ | <h4><a href="#">Vestibulum iaculis</a></h4> | ||
+ | <p>Raemuis ultricaretra gc accumsan malda or sit amet errepsm do elentu vel curslor sitmt conaiing.</p> | ||
+ | </div> | ||
+ | <div class="col-md-4 event-grid"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/7/77/B1.jpg" class="img-responsive" alt="/"> | ||
+ | <p class="link">19/8/2013 by<a href="#">Admin</a>10 comments</p> | ||
+ | <h4><a href="#">Pellentesque sed dolor</a></h4> | ||
+ | <p>Raemuis ultricaretra gc accumsan malda or sit amet errepsm do elentu vel curslor sitmt conaiing.</p> | ||
+ | </div> | ||
+ | <div class="col-md-4 event-grid"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/7/77/B1.jpg" class="img-responsive" alt="/"> | ||
+ | <p class="link">29/9/2015 by<a href="#">Admin</a>09 comments</p> | ||
+ | <h4><a hrf="#">Vestibulum iaculis</a></h4> | ||
+ | <p>Raemuis ultricaretra gc accumsan malda or sit amet errepsm do elentu vel curslor sitmt conaiing.</p> | ||
+ | </div> | ||
+ | <div class="clearfix"></div> | ||
+ | <div style="background-color: #eee"> | ||
+ | <div id="part1"> | ||
+ | <p> | ||
+ | 1111111111111111111111111111111111111111111111111 | ||
+ | PETase | ||
+ | PET降解酶发现于一种以PET为主要碳源的微生物(Ideonella sakaiensis 201-F6),该酶能将大分子聚合物降解为单体。表面展示技术是通过目的蛋白或多肽的编码基因与锚定蛋白的基因融合,通过融合蛋白的后翻译、折叠,将目的蛋白展示在宿主细胞壁的表面,从而获得全细胞催化剂的一种方法。我团队课题以PETase为主体,利用表面展示技术,从三个方面进行研究: | ||
+ | 第一,通过蛋白质晶体学以及X射线衍射技术来解析PETase的结构,找到酶的催化中心和结合中心,并依据其结构特性指导突变位点的选择,从而对PETase进行定向突变以提高其降解效率和热稳定性;第二,将其进行原核(大肠杆菌)和真核(毕赤酵母)表面展示以进行全细胞酶催化反应。第三,将其与疏水蛋白在毕赤酵母中进行融合分泌,利用疏水蛋白两面性中的强疏水性为PET降解反应提供疏水环境以促进降解效率。同时,将疏水蛋白与PETase在毕赤酵母中进行共展示,利用疏水蛋白能改造细胞表面性质以适应极端环境的特点进一步提高全细胞催化剂的降解效率,打破了反应条件的限制,极大地拓宽了PETase降解反应的条件,以实现PETase的工业应用。 | ||
+ | </p> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/7/77/B1.jpg" alt="/"> | ||
+ | </div> | ||
+ | |||
+ | <div id="part2"> | ||
+ | <p> | ||
+ | 2222222222222222222222222222222222222222222222222 | ||
+ | PETase | ||
+ | PET降解酶发现于一种以PET为主要碳源的微生物(Ideonella sakaiensis 201-F6),该酶能将大分子聚合物降解为单体。表面展示技术是通过目的蛋白或多肽的编码基因与锚定蛋白的基因融合,通过融合蛋白的后翻译、折叠,将目的蛋白展示在宿主细胞壁的表面,从而获得全细胞催化剂的一种方法。我团队课题以PETase为主体,利用表面展示技术,从三个方面进行研究: | ||
+ | 第一,通过蛋白质晶体学以及X射线衍射技术来解析PETase的结构,找到酶的催化中心和结合中心,并依据其结构特性指导突变位点的选择,从而对PETase进行定向突变以提高其降解效率和热稳定性;第二,将其进行原核(大肠杆菌)和真核(毕赤酵母)表面展示以进行全细胞酶催化反应。第三,将其与疏水蛋白在毕赤酵母中进行融合分泌,利用疏水蛋白两面性中的强疏水性为PET降解反应提供疏水环境以促进降解效率。同时,将疏水蛋白与PETase在毕赤酵母中进行共展示,利用疏水蛋白能改造细胞表面性质以适应极端环境的特点进一步提高全细胞催化剂的降解效率,打破了反应条件的限制,极大地拓宽了PETase降解反应的条件,以实现PETase的工业应用。 | ||
+ | </p> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/7/77/B1.jpg" alt="/"> | ||
+ | </div> | ||
+ | <div id="part3"> | ||
+ | <p> | ||
+ | 333333333333333333333333333333333333333333333333 | ||
+ | PETase | ||
+ | PET降解酶发现于一种以PET为主要碳源的微生物(Ideonella sakaiensis 201-F6),该酶能将大分子聚合物降解为单体。表面展示技术是通过目的蛋白或多肽的编码基因与锚定蛋白的基因融合,通过融合蛋白的后翻译、折叠,将目的蛋白展示在宿主细胞壁的表面,从而获得全细胞催化剂的一种方法。我团队课题以PETase为主体,利用表面展示技术,从三个方面进行研究: | ||
+ | 第一,通过蛋白质晶体学以及X射线衍射技术来解析PETase的结构,找到酶的催化中心和结合中心,并依据其结构特性指导突变位点的选择,从而对PETase进行定向突变以提高其降解效率和热稳定性;第二,将其进行原核(大肠杆菌)和真核(毕赤酵母)表面展示以进行全细胞酶催化反应。第三,将其与疏水蛋白在毕赤酵母中进行融合分泌,利用疏水蛋白两面性中的强疏水性为PET降解反应提供疏水环境以促进降解效率。同时,将疏水蛋白与PETase在毕赤酵母中进行共展示,利用疏水蛋白能改造细胞表面性质以适应极端环境的特点进一步提高全细胞催化剂的降解效率,打破了反应条件的限制,极大地拓宽了PETase降解反应的条件,以实现PETase的工业应用。 | ||
+ | </p> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/7/77/B1.jpg" alt="/"> | ||
+ | </div> | ||
+ | <div id="part4"> | ||
+ | <p> | ||
+ | 44444444444444444444444444444444444444444444444444 | ||
+ | PETase | ||
+ | PET降解酶发现于一种以PET为主要碳源的微生物(Ideonella sakaiensis 201-F6),该酶能将大分子聚合物降解为单体。表面展示技术是通过目的蛋白或多肽的编码基因与锚定蛋白的基因融合,通过融合蛋白的后翻译、折叠,将目的蛋白展示在宿主细胞壁的表面,从而获得全细胞催化剂的一种方法。我团队课题以PETase为主体,利用表面展示技术,从三个方面进行研究: | ||
+ | 第一,通过蛋白质晶体学以及X射线衍射技术来解析PETase的结构,找到酶的催化中心和结合中心,并依据其结构特性指导突变位点的选择,从而对PETase进行定向突变以提高其降解效率和热稳定性;第二,将其进行原核(大肠杆菌)和真核(毕赤酵母)表面展示以进行全细胞酶催化反应。第三,将其与疏水蛋白在毕赤酵母中进行融合分泌,利用疏水蛋白两面性中的强疏水性为PET降解反应提供疏水环境以促进降解效率。同时,将疏水蛋白与PETase在毕赤酵母中进行共展示,利用疏水蛋白能改造细胞表面性质以适应极端环境的特点进一步提高全细胞催化剂的降解效率,打破了反应条件的限制,极大地拓宽了PETase降解反应的条件,以实现PETase的工业应用。 | ||
+ | </p> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/7/77/B1.jpg" alt="/"> | ||
+ | </div> | ||
+ | <div id="part5"> | ||
+ | <p> | ||
+ | 55555555555555555555555555555555555555555555555555 | ||
+ | PETase | ||
+ | PET降解酶发现于一种以PET为主要碳源的微生物(Ideonella sakaiensis 201-F6),该酶能将大分子聚合物降解为单体。表面展示技术是通过目的蛋白或多肽的编码基因与锚定蛋白的基因融合,通过融合蛋白的后翻译、折叠,将目的蛋白展示在宿主细胞壁的表面,从而获得全细胞催化剂的一种方法。我团队课题以PETase为主体,利用表面展示技术,从三个方面进行研究: | ||
+ | 第一,通过蛋白质晶体学以及X射线衍射技术来解析PETase的结构,找到酶的催化中心和结合中心,并依据其结构特性指导突变位点的选择,从而对PETase进行定向突变以提高其降解效率和热稳定性;第二,将其进行原核(大肠杆菌)和真核(毕赤酵母)表面展示以进行全细胞酶催化反应。第三,将其与疏水蛋白在毕赤酵母中进行融合分泌,利用疏水蛋白两面性中的强疏水性为PET降解反应提供疏水环境以促进降解效率。同时,将疏水蛋白与PETase在毕赤酵母中进行共展示,利用疏水蛋白能改造细胞表面性质以适应极端环境的特点进一步提高全细胞催化剂的降解效率,打破了反应条件的限制,极大地拓宽了PETase降解反应的条件,以实现PETase的工业应用。 | ||
+ | </p> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/7/77/B1.jpg" alt="/"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--event--> | ||
+ | <!--contact--> | ||
+ | <!-- <div class="contactus"> | ||
+ | <div class="container"> | ||
+ | <div class="contactus-grids"> | ||
+ | <div class="col-md-6 contactus-grid"> | ||
+ | <h3>contact us</h3> | ||
+ | |||
+ | <span>The standard chunk of Lorem Ipsum used since the 1500s is reproduced below | ||
+ | for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum | ||
+ | et Malorum" by Cicero are also reproduced in their exact original form, | ||
+ | accompanied by English versions from the 1914 translation by H. Rackham.</span> | ||
+ | <address> | ||
+ | <p>The Company Name Inc.</p> | ||
+ | <p>7899 St Vincent Place,</p> | ||
+ | <p>Glasgow,Le 99 Pr 45.</p> | ||
+ | <p>Telephone: +1 800 603 6035</p> | ||
+ | <p>FAX: +1 800 889 9898</p> | ||
+ | <p>E-mail: <a href="mailto:example@mail.com">example@mail.com</a></p> | ||
+ | </address> | ||
+ | |||
+ | </div> | ||
+ | <div class="col-md-6 google-map"> | ||
+ | </div> | ||
+ | <div class="clearfix"></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div>--> | ||
+ | <!--end-contact--> | ||
+ | </div > | ||
+ | <div class="footer-section"> | ||
+ | <div class="container"> | ||
+ | <div class="footer-top"> | ||
+ | <p>Copyright © 2015.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">aaa</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">aaa</a></p> | ||
+ | </div> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function() { | ||
+ | /* | ||
+ | var defaults = { | ||
+ | containerID: 'toTop', // fading element id | ||
+ | containerHoverID: 'toTopHover', // fading element hover id | ||
+ | scrollSpeed: 1200, | ||
+ | easingType: 'linear' | ||
+ | }; | ||
+ | */ | ||
+ | |||
+ | $().UItoTop({ easingType: 'easeOutQuart' }); | ||
+ | |||
+ | }); | ||
+ | </script> | ||
+ | <a href="#" id="toTop" class="right10" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </body> | ||
</html> | </html> |
Revision as of 13:54, 14 October 2016