Difference between revisions of "Team:TJUSLS China/HP/Silver"

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;
 
     }
 
     }
  
−
     #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/home">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="https://2016.igem.org/Team:TJUSLS_China/Description">Description</a></li>
+
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Description">Description</a></li>
−
                                <li><a href="https://2016.igem.org/Team:TJUSLS_China/Design">Design</a></li>
+
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Design">Design</a></li>
−
                                <li><a href="https://2016.igem.org/Team:TJUSLS_China/Experiments">Experiments</a></li>
+
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Experiments">Experiments</a></li>
−
                                <li><a href="https://2016.igem.org/Team:TJUSLS_China/Proof">Proof of Concept</a></li>
+
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Proof">Proof of Concept</a></li>
−
                                <li><a href="https://2016.igem.org/Team:TJUSLS_China/Demonstrate">Demonstrate</a></li>
+
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Demonstrate">Demonstrate</a></li>
−
                               
+
−
                                <li><a href="https://2016.igem.org/Team:TJUSLS_China/PROJECT/PROTOCOLS">protocols</a></li>
+
−
                                <li><a href="https://2016.igem.org/Team:TJUSLS_China/Notebook">Notebook</a></li>
+
−
                            </ul>
+
−
                        </li>
+
−
                        <li><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>
+
  
−
                            </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/Modeling">MODELING</a>
+
                    </ul>
−
                            <ul>
+
                </li>
−
                                <li><a href="https://2016.igem.org/Team:TJUSLS_China/Modeling">Modeling</a></li>
+
                <li onmouseover="getHover(2)" class=""><a href="https://2016.igem.org/Team:TJUSLS_China/Parts">PARTS</a>
−
                                <li><a href="https://2016.igem.org/Team:TJUSLS_China/Software">Software</a></li>
+
                    <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>
  
−
                            </ul>
+
                    </ul>
−
                        </li>
+
                </li>
−
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Safety">SAFETY</a></li>
+
                <li class="active" onmouseover="getHover(3)"><a class="active" 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 onmouseover="getHover(4)" class=""><a href="https://2016.igem.org/Team:TJUSLS_China/Attributions">ATTRIBUTIONS</a>
−
                        </li>
+
  
−
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Human_Practices">HUMAN PRACTICES</a>
+
                </li>
−
                            <ul>
+
−
                                <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>
+
                <li onmouseover="getHover(5)" class=""><a href="https://2016.igem.org/Team:TJUSLS_China/Human_Practices">HUMAN PRACTICES</a>
−
</li>
+
                    <ul>
−
                          
+
                        <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/Team">TEAM</a>
+
                         <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>
 +
                </li>
 +
                <li onmouseover="getHover(6)" class=""><a href="https://2016.igem.org/Team:TJUSLS_China/Modeling">MODELING</a>
 +
                    <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>
  
−
                            <ul>
+
                    <ul>
−
                                <li><a href="https://2016.igem.org/Team:TJUSLS_China/Team">Team</a></li>
+
                        <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>
+
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Collaborations">Collaborations</a></li>
−
                            </ul>
+
−
                        </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>
+
            </ul>
−
                <!-- end h_menu4 -->
+
            <!--<script type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/home/home_nav?action=raw&amp;ctype=text/javascript"></script>-->
−
 
+
−
                <div class="clear"></div>
+
−
            </div>
+
 
         </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">White Crabapple Season Open Day</a></li>
 +
            <li><a href="#part2">Children's Day</a></li>
 +
            <li><a href="#part3">Internet Dissemination</a></li>
  
−
     <!--header-banner-->
+
        </ul>
−
     <div class="header-banner">
+
     </div>
−
         <div class="banner-grids">
+
</div>
−
            <div class="baneer-grid1">
+
<!--title-->
 +
<div class="second-title">
 +
    Silver
 +
     <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>Overview</h3>
 +
        <div class="sec-wenzi-content">To introduce the synthetic biology to general masses, we hold two opening activities and set up an online platform. And our outlays have been paid back.</div>
 +
        <h3 id="part1">White Crabapple Season Open Day</h3>
 +
        <div class="sec-wenzi-content">On 15th April 2016, Tianjin University opened its doors to the general public for its fifth White Crabapple Season Open Day, where this year we hosted a stand. Over 30,000 people entered our campus throughout the day and visited our Science Popularization Stand. </div>
  
−
            </div>
+
        <img src="https://static.igem.org/mediawiki/2016/9/98/T--TJUSLS_China--2.jpg" width="800" height="400">
−
            <div class="baneer-grid2">
+
  
−
            </div>
+
        <br><br><img src="https://static.igem.org/mediawiki/2016/a/af/T--TJUSLS_China--3.jpg" width="800" height="400">
−
            <div class="baneer-grid3">
+
        <div class="sec-wenzi-content">Our stand attracts a lot of attention during the whole festival. Many kids coming here with their parents feel a sense of accomplishment when they see the experiment results come out by themselves. These bio-experiments excite the curiosity of the children. That is one the best advancement of synthetic biology.</div>
  
−
            </div>
+
        <h3 id="part2">Children's Day</h3>
  
−
            <div class="clearfix"></div>
+
         <div class="sec-wenzi-content">After the Begonia Science Popularization Festival, there still be a lot of families which have missed our stand in festival want to lead the child to experience more about biology and contact us. We think it will be a good chance and set up a Children's Day, a little trip in laboratory.
−
        </div>
+
            <br>We give 10 families warm reception. In the laboratory teacher's guidance help, team members carefully prepared and hold a little speech with easy-understanding language to introduce the mystery image of the micro-kingdom, also cited the classic Chinese "Journey to the West" plot to explain the process of phage infection of bacteria. The students teach the use of microscopic laboratory instruments and observed microorganisms such as mold, penicillium and mucor. According to that, the children know what is the microorganism, why should they wash their hands frequently. The whole event lasts about three hours. Children really like that.
−
         <div class="top-header">
+
</div>
−
            <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 -->
+
        <img src="https://static.igem.org/mediawiki/2016/a/a2/T--TJUSLS_China--5.jpg" width="800" height="400">
−
                    <script language="javascript" type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/js/classie?
+
 
−
action=raw&ctype=text/javascript"></script>
+
        <div class="sec-wenzi-content">The students teach the use of microscopic laboratory instruments and observed microorganisms such as mold, penicillium and mucor. According to that, the children know what is the microorganism, why should they wash their hands frequently. The whole event lasts about three hours.
−
                    <!-- /script-for-menu -->
+
 
−
                </div>
+
</div>
−
                <div class="clearfix"> </div>
+
         <img src="https://static.igem.org/mediawiki/2016/5/5c/T--TJUSLS_China--6.jpg" width="800" height="400">
−
            </div>
+
        <br><br><img src="https://static.igem.org/mediawiki/2016/f/f5/T--TJUSLS_China--7.jpg" width="800" height="400">
−
         </div>
+
        <div class="sec-wenzi-content">Teaching with kids is hard but enjoyable. They showed great enthusiasm and curiosity, which give us a great encouragement with laughers and the planting of a biology seeds</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>-->
+
         <h3 id="part3">Internet Dissemination</h3>
−
        <!--end-welcome-->
+
        <div class="sec-wenzi-content">As soon as we started our project, we set up a public account on wechat to publish some information and news about iGEM and us. Up to now, there are almost 1,000 followers with many likes about our essays.
−
        <!--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>
−
         </div>-->
+
         <img src="https://static.igem.org/mediawiki/2016/6/68/T--TJUSLS_China--15.jpg" width="300" height="400">
−
        <!--charities-->
+
        <br><br><img src="https://static.igem.org/mediawiki/2016/e/e3/T--TJUSLS_China--16.jpg" width="300" height="400">
−
        <!--<div class="Testimonials" id="testimonials">
+
        <br><br><img src="https://static.igem.org/mediawiki/2016/2/2f/T--TJUSLS_China--17.jpg" width="300" height="400">
−
            <div class="container">
+
 
−
                <div class="testimonial-header">
+
        <div class="sec-wenzi-content">Internet gives us a broader window to show our advantages. In terms of public education, a better platform means more receivers. Our public account will run for long time to introduce more highlights to our fans.
−
                    <h3>testimonial</h3>
+
 
−
                </div>
+
</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>
 
  
−
                    &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>

Revision as of 03:34, 19 October 2016

Menu
Silver

Overview

To introduce the synthetic biology to general masses, we hold two opening activities and set up an online platform. And our outlays have been paid back.

White Crabapple Season Open Day

On 15th April 2016, Tianjin University opened its doors to the general public for its fifth White Crabapple Season Open Day, where this year we hosted a stand. Over 30,000 people entered our campus throughout the day and visited our Science Popularization Stand.


Our stand attracts a lot of attention during the whole festival. Many kids coming here with their parents feel a sense of accomplishment when they see the experiment results come out by themselves. These bio-experiments excite the curiosity of the children. That is one the best advancement of synthetic biology.

Children's Day

After the Begonia Science Popularization Festival, there still be a lot of families which have missed our stand in festival want to lead the child to experience more about biology and contact us. We think it will be a good chance and set up a Children's Day, a little trip in laboratory.
We give 10 families warm reception. In the laboratory teacher's guidance help, team members carefully prepared and hold a little speech with easy-understanding language to introduce the mystery image of the micro-kingdom, also cited the classic Chinese "Journey to the West" plot to explain the process of phage infection of bacteria. The students teach the use of microscopic laboratory instruments and observed microorganisms such as mold, penicillium and mucor. According to that, the children know what is the microorganism, why should they wash their hands frequently. The whole event lasts about three hours. Children really like that.
The students teach the use of microscopic laboratory instruments and observed microorganisms such as mold, penicillium and mucor. According to that, the children know what is the microorganism, why should they wash their hands frequently. The whole event lasts about three hours.


Teaching with kids is hard but enjoyable. They showed great enthusiasm and curiosity, which give us a great encouragement with laughers and the planting of a biology seeds

Internet Dissemination

As soon as we started our project, we set up a public account on wechat to publish some information and news about iGEM and us. Up to now, there are almost 1,000 followers with many likes about our essays.




Internet gives us a broader window to show our advantages. In terms of public education, a better platform means more receivers. Our public account will run for long time to introduce more highlights to our fans.

Copyright 2016 TJUSLS