Difference between revisions of "Team:TJUSLS China/Engagement"

 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
 +
 
<html>
 
<html>
  
 
<head>
 
<head>
     <!-- head -->
+
     <meta charset="UTF-8">
    <link href="https://2016.igem.org/Team:TJUSLS_China/home/home_style?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css" media="all" />
+
     <title></title>
     <!--start slider -->
+
     <link rel="stylesheet" href="https://2016.igem.org/Team:TJUSLS_China/home/index_style?action=raw&amp;ctype=text/css">
    <link href="https://2016.igem.org/Team:TJUSLS_China/home/home_lrtk?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css" media="all" />
+
     <script type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/home/index_js_two?action=raw&ctype=text/javascript"></script>
     <link rel="stylesheet" href="https://2016.igem.org/Team:TJUSLS_China/home/home_fwslider?action=raw&amp;ctype=text/css" media="all">
+
     <script type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/home/index_js_one?action=raw&ctype=text/javascript"></script>
     <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&amp;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&amp;ctype=text/css" rel="stylesheet" type="text/css" media="all">
+
    <link href="https://2016.igem.org/Team:TJUSLS_China/CSS_Home_style?action=raw&amp;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&amp;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>
 
</head>
 +
 
<style>
 
<style>
     #bodyContent h2 {
+
     .sec-list-wenzi h3 {
         font-size: 2em;
+
 
 +
        text-align: left;
 +
    }
 +
    .sec-list-wenzi {
 +
         text-align: center;
 
     }
 
     }
  
     .cbp-spmenu-push-toleft {
+
     .sec-list-wenzi .sec-wenzi-content {
         left: -115px;
+
         font-size: 18px;
 +
        padding: 0 3em;
 +
        text-align: left;
 +
        color: #000000;
 +
        margin-bottom: 10px;
 +
        font-family: Microsoft YaHei;
 
     }
 
     }
  
     #content {
+
     .sec-list-wenzi > img{
        width: 100%;
+
         text-align: center;
        padding: 15px;
+
        border: none;
+
        color: black;
+
        margin-left: 20px;
+
        margin-right: auto;
+
         background-color: #ffffff;
+
        position: relative;
+
 
     }
 
     }
 +
    #content{width:100%;padding:0px;margin:0px;background-color: #ededed;}
 
     #sideMenu, #top_title
 
     #sideMenu, #top_title
 
     {
 
     {
 
         display: none;
 
         display: none;
 
     }
 
     }
 
+
    body{font: 16px sans-serif;}
     .right10{
+
     .footer_bg .footer {
         right: 10px;
+
         padding: 0;
 +
        border-top: 6px solid #222222;
 
     }
 
     }
     .right190{
+
     .footer_bg .footer_btm {
         right: 190px;
+
         margin-top: 4%;
 +
        border-top: none;
 +
        padding: 2% 4%;
 +
        padding-top: 2%;
 +
        max-width: 1458px;
 +
        margin: 0 auto;
 
     }
 
     }
  
 +
    .sec-list-wenzi .sec-wenzi-list {
 +
        font-weight: 900;
 +
        text-align: left;
 +
    }
 
</style>
 
</style>
 
<body>
 
<body>
<div class="cbp-spmenu-push" id="body">
+
<!--menu-->
    <div class="header_bg">
+
<div class="header-box">
        <div class="wrap">
+
    <div class="header">
            <div class="header">
+
        <!-- start h_menu4 -->
                <div class="logo">
+
        <div class="h_menu4">
                    <a href="index.html"><img src="images/logo.png" alt="" /></a>
+
            <a class="toggleMenu" href="">Menu</a>
                </div>
+
            <ul id="top_ul_my" class="nav">
                <!-- start h_menu4 -->
+
                <script>
                <div class="h_menu4">
+
                    function getHover(number){
                    <a class="toggleMenu" href="">Menu</a>
+
                        var top_ul_my_lis = $("#top_ul_my").find(">li");
                    <ul id="top_ul_my" class="nav">
+
                        console.log(top_ul_my_lis);
                        <script>
+
                        if(number == 0) top_ul_my_lis[0].setAttribute("class", "active hover");
                            function getHover(number){
+
                        else top_ul_my_lis[0].setAttribute("class", "active");
                                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++){
+
                        for(var i = 1; i < top_ul_my_lis.length; i++){
                                    if(i == number) {
+
                            if(i == number) {
                                        top_ul_my_lis[i].setAttribute("class", "hover");
+
                                top_ul_my_lis[i].setAttribute("class", "hover");
                                    }else{
+
                            }else{
                                        top_ul_my_lis[i].setAttribute("class", "");
+
                                top_ul_my_lis[i].setAttribute("class", "");
                                    }
+
                                }
+
 
                             }
 
                             }
 +
                        }
 +
                    }
  
                            $(document).ready(function() {
+
                    $(".header").hover(function(event){
                                //console.log("ready");
+
                        event.stopPropagation();
                                var top_ul_my_lis = $("#top_ul_my").find(">li");
+
                        $('#top_ul_my li').attr("class","");
                                for(var i = 1; i < top_ul_my_lis.length; i++) {
+
                    });
                                    $(top_ul_my_lis[i]).mouseover(getHover(i));
+
                                }
+
                            });
+
  
                        </script>
+
                </script>
                        <li class="active"><a class="active" href="https://2016.igem.org/Team:TJUSLS_China/home">TJUSLS</a></li>
+
                <li onmouseover="getHover(0)"><a href="https://2016.igem.org/Team:TJUSLS_China">TJUSLS</a></li>
                        <li ><a href="https://2016.igem.org/Team:TJUSLS_China/PROJECT" class="root">project</a>
+
                <li onmouseover="getHover(1)" class=""><a href="" class="root">project</a>
                            <ul>
+
                    <ul>
                                <li><a href="portfolio.html">Description</a></li>
+
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Description">Description</a></li>
                                <li><a href="service.html">Design</a></li>
+
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Design">Design</a></li>
                                <li><a href="contact.html">Experiments</a></li>
+
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Experiments">Experiments</a></li>
                                <li><a href="staff.html">Proof of Concept</a></li>
+
                         <li><a href="https://2016.igem.org/Team:TJUSLS_China/Proof">Proof of Concept</a></li>
                                <li><a href="staff.html">Demonstrate</a></li>
+
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Demonstrate">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><a href="https://2016.igem.org/Team:TJUSLS_China/Notebook">Notebook</a></li>
                         </li>
+
                         <li><a href="https://2016.igem.org/Team:TJUSLS_China/Results">Results</a></li>
                         <li><a href="https://2016.igem.org/Team:TJUSLS_China/SAFETY">SAFETY</a></li>
+
                    </ul>
                         <li><a href="https://2016.igem.org/Team:TJUSLS_China/ATTRIBUTIONS">ATTRIBUTIONS</a>
+
                </li>
                         </li>
+
                <li onmouseover="getHover(2)" class=""><a href="https://2016.igem.org/Team:TJUSLS_China/Parts">PARTS</a>
 +
                    <ul>
 +
                         <li><a href="https://2016.igem.org/Team:TJUSLS_China/Basic_Part">Basic Parts</a></li>
 +
                         <li><a href="https://2016.igem.org/Team:TJUSLS_China/Composite_Part">Composite Parts</a></li>
 +
                         <li><a href="https://2016.igem.org/Team:TJUSLS_China/Part_Collection">Part Collection</a></li>
  
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/HUMANPRACTICES">HUMAN PRACTICES</a></li>
+
                    </ul>
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/MODELING">MODELING</a></li>
+
                </li>
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/TEAM">TEAM</a>
+
                <li class="active" onmouseover="getHover(3)"><a class="active" href="https://2016.igem.org/Team:TJUSLS_China/Safety">SAFETY</a></li>
 +
                <li onmouseover="getHover(4)" class=""><a href="https://2016.igem.org/Team:TJUSLS_China/Attributions">ATTRIBUTIONS</a>
  
                            <ul>
+
                </li>
                                <li><a href="1.html">Team</a></li>
+
 
                                <li><a href="2.html">Collaborations</a></li>
+
                <li onmouseover="getHover(5)" class=""><a href="https://2016.igem.org/Team:TJUSLS_China/Human_Practices">HUMAN PRACTICES</a>
                            </ul>
+
                    <ul>
                         </li>
+
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/HP/Silver">Silver</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/HP/Gold">Gold</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Integrated_Practices">Integrated Practices</a></li>
 +
                         <li><a href="https://2016.igem.org/Team:TJUSLS_China/Engagement">Engagement</a></li>
 
                     </ul>
 
                     </ul>
                    <script type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/home/home_nav?action=raw&ctype=text/javascript"></script>
+
                </li>
                 </div>
+
                <li onmouseover="getHover(6)" class=""><a href="https://2016.igem.org/Team:TJUSLS_China/Modeling">MODELING</a>
                 <!-- end h_menu4 -->
+
                    <ul>
 +
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Modeling">Modeling</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Software">Software</a></li>
 +
                    </ul>
 +
                 </li>
 +
                 <li onmouseover="getHover(7)" class=""><a href="https://2016.igem.org/Team:TJUSLS_China/Team">TEAM</a>
  
                <div class="clear"></div>
+
                    <ul>
             </div>
+
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Team">Team</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Collaborations">Collaborations</a></li>
 +
                    </ul>
 +
                </li>
 +
             </ul>
 +
            <!--<script type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/home/home_nav?action=raw&amp;ctype=text/javascript"></script>-->
 
         </div>
 
         </div>
 +
        <!-- end h_menu4 -->
 +
        <div class="clear"></div>
 
     </div>
 
     </div>
 +
    <div class="sec-menu">
 +
        <img class="sec-menu-dot" src="https://static.igem.org/mediawiki/2016/f/f9/T--TJUSLS_China--sec-menu.png"/>
 +
        <img class="sec-menu-close" src="https://static.igem.org/mediawiki/2016/b/b5/T--TJUSLS_China--sec-menu-close.png"/>
 +
        <ul>
 +
            <li><a href="#part1">Education & Public Engagement</a></li>
 +
<!--            <li><a href="#part2">Contact with the PET factory</a></li>
 +
            <li><a href="#part3">Discussion on environmental protection</a></li>
 +
            <li><a href="#part3">Sponsorship</a></li>-->
  
     <!--header-banner-->
+
        </ul>
     <div class="header-banner">
+
     </div>
         <div class="banner-grids">
+
</div>
             <div class="baneer-grid1">
+
<!--title-->
 +
<div class="second-title">
 +
    Education & Engagement
 +
     <div class="second-title-img">
 +
         <img src="https://static.igem.org/mediawiki/2016/8/86/T--TJUSLS_China--second-logo.png"/>
 +
    </div>
 +
</div>
 +
<!--content-->
 +
<div class="second-content">
 +
    <div class="sec-list-wenzi">
 +
        <h3 id="part1">Education & Public Engagement</h3>
 +
        <div class="sec-wenzi-content">By hosting Science & Education Exhibition in Open Day on our campus where over 30,000 people entered our campus and Showed their interest in our exhibition and the Children's Day exhibition with many families participate us, we worked with people of all ages and education levels, from children to adults, to spark new scientific curiosity, to enhance their understanding of biology, specifically synthetic biology and to establish a public dialogue from voices outside the lab. Additionally, through holding such science lecture for students, making yearly social practice report, we did our utmost to make synthetic biology accessible to both students and teachers.
 +
</div>
 +
        <h3><a href="https://2016.igem.org/Team:TJUSLS_China/HP/Silver">Click here</a> for more information about our Education & Public Engagement events. </h3>
 +
            <!--<h3>Overview</h3>
 +
             <div class="sec-wenzi-content">To expand the thought of our project, we go talk with professors and went for visit. During the times, we are inspirited and come up with better ideas and results. These events change our way of thinking, and help us have more comprehensive conclusion.</div>
 +
            <h3 id="part1">Forums</h3>
 +
            <div class="sec-wenzi-content">Not only do we focus on the future education, but also chasing for a better achievement of our project. During the May, we have invite five professors to our forums to discuss with us about our project ideas. All the professors are have a large stock of knowledge and gave us many useful advises. And the one who affect us most is Professor Yang from Tianjin University, who is one of the leading experts in structure biology in China. </div>
  
             </div>
+
             <img src="https://static.igem.org/mediawiki/2016/3/31/T&#45;&#45;TJUSLS_China&#45;&#45;13.jpg" width="800" height="400">
             <div class="baneer-grid2">
+
             <div class="sec-wenzi-content">After listen to our whole project idea, professor asked us, why don't we raise the idea up into a theory. According to him, our project is good, but too much simple. He advised us to sum up the main steps of our experiment and put it into reality. Because of the affection from Professor Yang, we formulate our thought and create the Training Protein System which can be used in all the protein enzyme in theory. To test and verify the new system, we put it in use of PETase and finally confirm that the system is valid.</div>
  
            </div>
 
            <div class="baneer-grid3">
 
  
             </div>
+
             <img src="https://static.igem.org/mediawiki/2016/9/9d/T&#45;&#45;TJUSLS_China&#45;&#45;14.jpg" width="800" height="400">
  
             <div class="clearfix"></div>
+
             <h3 id="part2">Contact with the PET factory</h3>
        </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 -->
+
            <div class="sec-wenzi-content">Polyethyleneterephthalate (PET\PEIT) is the condensation of terephthalic acid and ethylene glycol. PET is fully dense and high crystallinity with ester bond in molecular chain, which is possible degraded. And biodegradation, which means taking advantages of microorganism, such as bacteria and fungus, to degraded plastic, has broad application prospects result from its low cost and high degradation efficiency.
                    <script language="javascript" type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/js/classie?
+
              <br> In order to gain more specific data about PET market at present, we called Tianjin Naipu Technology Co., Ltd for help. After a negotiations, opposite side promised us that we can go to their factory for a visit. We go there in August and receive the warm welcome. The manager show us around and introduce the situation about the production, yield, the development of PET industry and so on. When talking about our project, the manager said that the PETase is one of the best ways of PET degradation. And according to our accomplishment with Training Protein System, the value of modified PETase canbe explored more.
action=raw&ctype=text/javascript"></script>
+
    </div>
                    <!-- /script-for-menu -->
+
            <img src="https://static.igem.org/mediawiki/2016/5/52/T&#45;&#45;TJUSLS_China&#45;&#45;10.jpg" width="400" height="600">
                 </div>
+
            <br><br><img src="https://static.igem.org/mediawiki/2016/7/7b/T&#45;&#45;TJUSLS_China&#45;&#45;11.jpg" width="400" height="600">
                <div class="clearfix"> </div>
+
            <div class="sec-wenzi-content">The talking gives us confident about our project. Before we leaving, manager gave us some PET samples (plastic films and bottles) as a present. Finally we use the bottles into our experiment as a connection of the lab and the reality. The result is on the page of demonstrate.
            </div>
+
                 <br><a href="https://2016.igem.org/Team:TJUSLS_China/Demonstrate">Click here</a> for more information.
        </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>-->
+
             <img src="https://static.igem.org/mediawiki/2016/5/59/T&#45;&#45;TJUSLS_China&#45;&#45;12.jpg" width="500" height="400">
        <!--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">
+
                    &lt;!&ndash; start content_slider &ndash;&gt;
+
                    <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>
+
            <h3 id="part3">Discussion on environmental protection</h3>
 +
            <div class="sec-wenzi-content">We made an appointment and visited the Tianjin Environmental Protection Bureau in August. Two solid waste management center staff welcomed us. They introduced how present China dealing with garbage and plastic methods: burning power generation and landfill.</div>
 +
 
 +
            <img src="https://static.igem.org/mediawiki/2016/8/81/T&#45;&#45;TJUSLS_China&#45;&#45;8.jpg" width="500" height="400">
 +
 
 +
            <div class="sec-wenzi-content">Burning power generation hopes that a large number of plastic can provide carbon source. However, it will produce large amounts of exhaust gas. Landfill will be buried the garbage for 20 years underground, but the soil can no longer be used. It is a waste of land resources.
 +
                <br>After understand our main idea about PETase, the staff said, if our biological method is available, land using efficiency will be greatly accelerated. Meanwhile, they argue to the contrary that if the bacteria will affect the land, if farmers use this method to deal with land insulation film, will it cause biological invasion or not. This is the security issue. After discussion, we reached a consensus that it might be no problem. The best situation is the used microbe can be treated with sterilization reagent, and the soil has already have fungi, it will not be affected.
 +
    </div>
 +
 
 +
            <img src=" https://static.igem.org/mediawiki/2016/d/d1/T&#45;&#45;TJUSLS_China&#45;&#45;9.jpg" width="800" height="400">
 +
            <div class="sec-wenzi-content">The discussion let us realized that our PETase is vital for environment protection, but its not enough. We should be more in-depth thinking about that.
 +
 
 +
    </div>
 +
 
 +
            <h3 id="part4">Sponsorship</h3>
 +
            <div class="sec-wenzi-content">In order to have more collaboration with companies, we contact with more than one hundred companies, most of which are biotechnology companies. We introduced the iGEM and our project to them and showed our sponsorship proposal in order to make them interested in our team, sponsor fees and provide experimental materials, technology support. There were quite a few companies directly refusing us which made us very depressed at first. In addition, some experts in companies talked with us very friendly and put forward useful suggestions for us although they did not provide financial support. It's believed that collecting the opinions and suggestions of some officials helped us to improve our project, making it more meaningful. Fortunately, a few companies committed to the value of our project and wanted to support us. Finally, Shanxi WeiQiDa Luminosity Pharmaceutical Co., Ltd provides us a capital sum and some samples. Then, Tianjin Naipu Technology Co., Ltd suggested that they can provide us some PET samples and we can also go to their factory for a visit.
 +
              <br> During the event of looking for sponsorship, we not only obtained some sponsor fee from the society but made better promotion of iGEM and synthetic biology. Having listened to the opinions of the experts, we can better our project. Additionally, we also harvest a lot of experience and deepen our understanding of our project when going out of school and contacting with workers and experts.
 +
    </div>
 +
    -->
  
                    &lt;!&ndash;&#45;&#45;sreen-gallery-cursual&#45;&#45;&ndash;&gt;
 
                    <div class="sreen-gallery-cursual">
 
                        &lt;!&ndash; requried-jsfiles-for owl &ndash;&gt;
 
                        <link rel="stylesheet" href="https://2016.igem.org/Team:TJUSLS_China/CSS_Home_owl_carousel?action=raw&amp;ctype=text/css">
 
                        <script language="javascript" type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/js/owl_carousel?action=raw&amp;ctype=text/javascript"></script>
 
                        <script>
 
                            $(document).ready(function() {
 
                                $("#owl-demo").owlCarousel({
 
                                    items : 1,
 
                                    lazyLoad : true,
 
                                    autoPlay : true,
 
                                    navigation : false,
 
                                    navigationText :  false,
 
                                    pagination : true,
 
                                });
 
                            });
 
                        </script>
 
                        &lt;!&ndash; //requried-jsfiles-for owl &ndash;&gt;
 
                    </div>
 
                </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>
+
            <div class="clear"></div>
                                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>
 
         </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
+
        <div class="wenzi-end"></div>
                                    for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum
+
        <div class="up"><img src="https://static.igem.org/mediawiki/2016/6/62/T--TJUSLS_China--up.jpg"/></div>
                                    et Malorum" by Cicero are also reproduced in their exact original form,
+
    </div>
                                    accompanied by English versions from the 1914 translation by H. Rackham.</span>
+
    <!--foot-->
                            <address>
+
    <div class="footer_bg">
                                <p>The Company Name Inc.</p>
+
        <div class="foot_wrap">
                                <p>7899 St Vincent Place,</p>
+
            <div class="footer">
                                <p>Glasgow,Le 99 Pr 45.</p>
+
                <div class="footer_btm">
                                <p>Telephone: +1 800 603 6035</p>
+
                    <div class="copy">
                                <p>FAX: +1 800 889 9898</p>
+
                         <p class="w3-link">Copyright 2016 TJUSLS</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 class="clear"></div>
 
                 </div>
 
                 </div>
            </div>-->
 
        <!--end-contact-->
 
    </div >
 
    <div class="footer-section">
 
        <div class="container">
 
            <div class="footer-top">
 
                <p>Copyright &copy; 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>
 
             </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>
 
     </div>
</div>
 
 
</body>
 
</body>
 
 
</html>
 
</html>

Latest revision as of 06:00, 19 October 2016

Menu
Education & Engagement

Education & Public Engagement

By hosting Science & Education Exhibition in Open Day on our campus where over 30,000 people entered our campus and Showed their interest in our exhibition and the Children's Day exhibition with many families participate us, we worked with people of all ages and education levels, from children to adults, to spark new scientific curiosity, to enhance their understanding of biology, specifically synthetic biology and to establish a public dialogue from voices outside the lab. Additionally, through holding such science lecture for students, making yearly social practice report, we did our utmost to make synthetic biology accessible to both students and teachers.

Click here for more information about our Education & Public Engagement events.