Difference between revisions of "Team:Tianjin/Team"

 
(43 intermediate revisions by 3 users not shown)
Line 22: Line 22:
 
<meta property="og:locale" content="" />
 
<meta property="og:locale" content="" />
 
                  
 
                  
−
                 <link rel="stylesheet" href="https://2017.igem.org/Team:Tianjin/Resources/CSS:main?action=raw&ctype=text/css">
+
                 <link rel="stylesheet" href="https://2017.igem.org/Team:Tianjin/Resources/CSS:main2?action=raw&ctype=text/css">
−
<link rel="stylesheet" href="https://2017.igem.org/Team:Tianjin/Resources/CSS:navstyle?action=raw&ctype=text/css" type="text/css" />
+
 
−
<link rel="stylesheet" href="https://2017.igem.org/Team:Tianjin/Resources/CSS:style222?action=raw&ctype=text/css">
+
<link rel="stylesheet" href="https://2017.igem.org/Team:Tianjin/Resources/CSS:piccssmain?action=raw&ctype=text/css" type="text/css" />
 +
<link rel="stylesheet" href="https://2017.igem.org/Team:Tianjin/Resources/CSS:piccss2?action=raw&ctype=text/css" type="text/css" />
 
<script type="text/javascript">
 
<script type="text/javascript">
 
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
 
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
Line 31: Line 32:
 
</script>
 
</script>
  
−
<script type="text/javascript">
 
−
  var _gaq = _gaq || [];
 
−
  _gaq.push(['_setAccount', 'UA-3672694-9']);
 
−
  _gaq.push(['_trackPageview']);
 
−
 
−
  (function() {
 
−
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
 
−
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
 
−
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
 
−
  })();
 
−
 
−
var _hmt = _hmt || [];
 
−
(function() {
 
−
  var hm = document.createElement("script");
 
−
  hm.src = "//hm.baidu.com/hm.js?fa98b91e638fc607d0335693fb173e7f";
 
−
  var s = document.getElementsByTagName("script")[0];
 
−
  s.parentNode.insertBefore(hm, s);
 
−
})();
 
−
</script>
 
−
 
−
 
−
<script src="https://2017.igem.org/Team:Tianjin/Resources/JS:jqueryflex?action=raw&ctype=text/javascript"></script>
 
−
<script type="text/javascript">
 
−
$(function() {
 
−
    $(".flex").flex();
 
−
});
 
−
 
−
 
−
 
−
 
−
/*弹框JS内容*/
 
−
    jQuery(document).ready(function($){
 
−
        //打开窗口
 
−
        $('.cd-popup-trigger0').on('click', function(event){
 
−
            event.preventDefault();
 
−
            $('.cd-popup').addClass('is-visible');
 
−
            //$(".dialog-addquxiao").hide()
 
−
        });
 
−
        //关闭窗口
 
−
        $('.cd-popup').on('click', function(event){
 
−
            if( $(event.target).is('.cd-popup-close') || $(event.target).is('.cd-popup') ) {
 
−
                event.preventDefault();
 
−
                $(this).removeClass('is-visible');
 
−
            }
 
−
        });
 
−
        //ESC关闭
 
−
        $(document).keyup(function(event){
 
−
            if(event.which=='27'){
 
−
                $('.cd-popup').removeClass('is-visible');
 
−
            }
 
−
        });
 
−
 
−
//打开窗口
 
−
        $('.cd-popup-trigger1').on('click', function(event){
 
−
            event.preventDefault();
 
−
            $('.cd-popup1').addClass('is-visible1');
 
−
            //$(".dialog-addquxiao").hide()
 
−
        });
 
−
        //关闭窗口
 
−
        $('.cd-popup1').on('click', function(event){
 
−
            if( $(event.target).is('.cd-popup-close') || $(event.target).is('.cd-popup1') ) {
 
−
                event.preventDefault();
 
−
                $(this).removeClass('is-visible1');
 
−
            }
 
−
        });
 
−
        //ESC关闭
 
−
        $(document).keyup(function(event){
 
−
            if(event.which=='27'){
 
−
                $('.cd-popup1').removeClass('is-visible1');
 
−
            }
 
−
        });
 
−
 
−
//打开窗口
 
−
        $('.cd-popup-trigger2').on('click', function(event){
 
−
            event.preventDefault();
 
−
            $('.cd-popup2').addClass('is-visible2');
 
−
            //$(".dialog-addquxiao").hide()
 
−
        });
 
−
        //关闭窗口
 
−
        $('.cd-popup2').on('click', function(event){
 
−
            if( $(event.target).is('.cd-popup-close') || $(event.target).is('.cd-popup2') ) {
 
−
                event.preventDefault();
 
−
                $(this).removeClass('is-visible2');
 
−
            }
 
−
        });
 
−
        //ESC关闭
 
−
        $(document).keyup(function(event){
 
−
            if(event.which=='27'){
 
−
                $('.cd-popup2').removeClass('is-visible2');
 
−
            }
 
−
        });
 
−
 
−
//打开窗口
 
−
        $('.cd-popup-trigger3').on('click', function(event){
 
−
            event.preventDefault();
 
−
            $('.cd-popup3').addClass('is-visible3');
 
−
            //$(".dialog-addquxiao").hide()
 
−
        });
 
−
        //关闭窗口
 
−
        $('.cd-popup3').on('click', function(event){
 
−
            if( $(event.target).is('.cd-popup-close') || $(event.target).is('.cd-popup3') ) {
 
−
                event.preventDefault();
 
−
                $(this).removeClass('is-visible3');
 
−
            }
 
−
        });
 
−
        //ESC关闭
 
−
        $(document).keyup(function(event){
 
−
            if(event.which=='27'){
 
−
                $('.cd-popup3').removeClass('is-visible3');
 
−
            }
 
−
        });
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
//打开窗口
 
−
        $('.cd-popup-trigger4').on('click', function(event){
 
−
            event.preventDefault();
 
−
            $('.cd-popup4').addClass('is-visible4');
 
−
            //$(".dialog-addquxiao").hide()
 
−
        });
 
−
        //关闭窗口
 
−
        $('.cd-popup4').on('click', function(event){
 
−
            if( $(event.target).is('.cd-popup-close') || $(event.target).is('.cd-popup4') ) {
 
−
                event.preventDefault();
 
−
                $(this).removeClass('is-visible4');
 
−
            }
 
−
        });
 
−
        //ESC关闭
 
−
        $(document).keyup(function(event){
 
−
            if(event.which=='27'){
 
−
                $('.cd-popup4').removeClass('is-visible4');
 
−
            }
 
−
        });
 
−
 
−
//打开窗口
 
−
        $('.cd-popup-trigger5').on('click', function(event){
 
−
            event.preventDefault();
 
−
            $('.cd-popup5').addClass('is-visible5');
 
−
            //$(".dialog-addquxiao").hide()
 
−
        });
 
−
        //关闭窗口
 
−
        $('.cd-popup5').on('click', function(event){
 
−
            if( $(event.target).is('.cd-popup-close') || $(event.target).is('.cd-popup5') ) {
 
−
                event.preventDefault();
 
−
                $(this).removeClass('is-visible5');
 
−
            }
 
−
        });
 
−
        //ESC关闭
 
−
        $(document).keyup(function(event){
 
−
            if(event.which=='27'){
 
−
                $('.cd-popup5').removeClass('is-visible5');
 
−
            }
 
−
        });
 
−
//打开窗口
 
−
        $('.cd-popup-trigger6').on('click', function(event){
 
−
            event.preventDefault();
 
−
            $('.cd-popup6').addClass('is-visible6');
 
−
            //$(".dialog-addquxiao").hide()
 
−
        });
 
−
        //关闭窗口
 
−
        $('.cd-popup6').on('click', function(event){
 
−
            if( $(event.target).is('.cd-popup-close') || $(event.target).is('.cd-popup6') ) {
 
−
                event.preventDefault();
 
−
                $(this).removeClass('is-visible6');
 
−
            }
 
−
        });
 
−
        //ESC关闭
 
−
        $(document).keyup(function(event){
 
−
            if(event.which=='27'){
 
−
                $('.cd-popup6').removeClass('is-visible6');
 
−
            }
 
−
        });
 
−
 
−
//打开窗口
 
−
        $('.cd-popup-trigger7').on('click', function(event){
 
−
            event.preventDefault();
 
−
            $('.cd-popup7').addClass('is-visible7');
 
−
            //$(".dialog-addquxiao").hide()
 
−
        });
 
−
        //关闭窗口
 
−
        $('.cd-popup7').on('click', function(event){
 
−
            if( $(event.target).is('.cd-popup-close') || $(event.target).is('.cd-popup7') ) {
 
−
                event.preventDefault();
 
−
                $(this).removeClass('is-visible7');
 
−
            }
 
−
        });
 
−
        //ESC关闭
 
−
        $(document).keyup(function(event){
 
−
            if(event.which=='27'){
 
−
                $('.cd-popup7').removeClass('is-visible7');
 
−
            }
 
−
        });
 
−
 
−
//打开窗口
 
−
        $('.cd-popup-trigger8').on('click', function(event){
 
−
            event.preventDefault();
 
−
            $('.cd-popup8').addClass('is-visible8');
 
−
            //$(".dialog-addquxiao").hide()
 
−
        });
 
−
        //关闭窗口
 
−
        $('.cd-popup8').on('click', function(event){
 
−
            if( $(event.target).is('.cd-popup-close') || $(event.target).is('.cd-popup8') ) {
 
−
                event.preventDefault();
 
−
                $(this).removeClass('is-visible8');
 
−
            }
 
−
        });
 
−
        //ESC关闭
 
−
        $(document).keyup(function(event){
 
−
            if(event.which=='27'){
 
−
                $('.cd-popup8').removeClass('is-visible8');
 
−
            }
 
−
        });
 
−
 
−
//打开窗口
 
−
        $('.cd-popup-trigger9').on('click', function(event){
 
−
            event.preventDefault();
 
−
            $('.cd-popup9').addClass('is-visible9');
 
−
            //$(".dialog-addquxiao").hide()
 
−
        });
 
−
        //关闭窗口
 
−
        $('.cd-popup9').on('click', function(event){
 
−
            if( $(event.target).is('.cd-popup-close') || $(event.target).is('.cd-popup9') ) {
 
−
                event.preventDefault();
 
−
                $(this).removeClass('is-visible9');
 
−
            }
 
−
        });
 
−
        //ESC关闭
 
−
        $(document).keyup(function(event){
 
−
            if(event.which=='27'){
 
−
                $('.cd-popup9').removeClass('is-visible9');
 
−
            }
 
−
        });
 
−
//打开窗口
 
−
        $('.cd-popup-trigger10').on('click', function(event){
 
−
            event.preventDefault();
 
−
            $('.cd-popup10').addClass('is-visible10');
 
−
            //$(".dialog-addquxiao").hide()
 
−
        });
 
−
        //关闭窗口
 
−
        $('.cd-popup10').on('click', function(event){
 
−
            if( $(event.target).is('.cd-popup-close') || $(event.target).is('.cd-popup10') ) {
 
−
                event.preventDefault();
 
−
                $(this).removeClass('is-visible10');
 
−
            }
 
−
        });
 
−
        //ESC关闭
 
−
        $(document).keyup(function(event){
 
−
            if(event.which=='27'){
 
−
                $('.cd-popup10').removeClass('is-visible10');
 
−
            }
 
−
        });  
 
−
 
−
//打开窗口
 
−
        $('.cd-popup-trigger11').on('click', function(event){
 
−
            event.preventDefault();
 
−
            $('.cd-popup11').addClass('is-visible11');
 
−
            //$(".dialog-addquxiao").hide()
 
−
        });
 
−
        //关闭窗口
 
−
        $('.cd-popup11').on('click', function(event){
 
−
            if( $(event.target).is('.cd-popup-close') || $(event.target).is('.cd-popup11') ) {
 
−
                event.preventDefault();
 
−
                $(this).removeClass('is-visible11');
 
−
            }
 
−
        });
 
−
        //ESC关闭
 
−
        $(document).keyup(function(event){
 
−
            if(event.which=='27'){
 
−
                $('.cd-popup11').removeClass('is-visible11');
 
−
            }
 
−
        });
 
−
//打开窗口
 
−
        $('.cd-popup-trigger12').on('click', function(event){
 
−
            event.preventDefault();
 
−
            $('.cd-popup12').addClass('is-visible12');
 
−
            //$(".dialog-addquxiao").hide()
 
−
        });
 
−
        //关闭窗口
 
−
        $('.cd-popup12').on('click', function(event){
 
−
            if( $(event.target).is('.cd-popup-close') || $(event.target).is('.cd-popup12') ) {
 
−
                event.preventDefault();
 
−
                $(this).removeClass('is-visible12');
 
−
            }
 
−
        });
 
−
        //ESC关闭
 
−
        $(document).keyup(function(event){
 
−
            if(event.which=='27'){
 
−
                $('.cd-popup12').removeClass('is-visible12');
 
−
            }
 
−
        });
 
−
//打开窗口
 
−
        $('.cd-popup-trigger13').on('click', function(event){
 
−
            event.preventDefault();
 
−
            $('.cd-popup13').addClass('is-visible13');
 
−
            //$(".dialog-addquxiao").hide()
 
−
        });
 
−
        //关闭窗口
 
−
        $('.cd-popup13').on('click', function(event){
 
−
            if( $(event.target).is('.cd-popup-close') || $(event.target).is('.cd-popup13') ) {
 
−
                event.preventDefault();
 
−
                $(this).removeClass('is-visible13');
 
−
            }
 
−
        });
 
−
        //ESC关闭
 
−
        $(document).keyup(function(event){
 
−
            if(event.which=='27'){
 
−
                $('.cd-popup13').removeClass('is-visible13');
 
−
            }
 
−
        });
 
−
//打开窗口
 
−
        $('.cd-popup-trigger14').on('click', function(event){
 
−
            event.preventDefault();
 
−
            $('.cd-popup14').addClass('is-visible14');
 
−
            //$(".dialog-addquxiao").hide()
 
−
        });
 
−
        //关闭窗口
 
−
        $('.cd-popup14').on('click', function(event){
 
−
            if( $(event.target).is('.cd-popup-close') || $(event.target).is('.cd-popup14') ) {
 
−
                event.preventDefault();
 
−
                $(this).removeClass('is-visible14');
 
−
            }
 
−
        });
 
−
        //ESC关闭
 
−
        $(document).keyup(function(event){
 
−
            if(event.which=='27'){
 
−
                $('.cd-popup14').removeClass('is-visible14');
 
−
            }
 
−
        });
 
−
//打开窗口
 
−
        $('.cd-popup-trigger15').on('click', function(event){
 
−
            event.preventDefault();
 
−
            $('.cd-popup15').addClass('is-visible15');
 
−
            //$(".dialog-addquxiao").hide()
 
−
        });
 
−
        //关闭窗口
 
−
        $('.cd-popup15').on('click', function(event){
 
−
            if( $(event.target).is('.cd-popup-close') || $(event.target).is('.cd-popup15') ) {
 
−
                event.preventDefault();
 
−
                $(this).removeClass('is-visible15');
 
−
            }
 
−
        });
 
−
        //ESC关闭
 
−
        $(document).keyup(function(event){
 
−
            if(event.which=='27'){
 
−
                $('.cd-popup15').removeClass('is-visible15');
 
−
            }
 
−
        });
 
−
//打开窗口
 
−
        $('.cd-popup-trigger16').on('click', function(event){
 
−
            event.preventDefault();
 
−
            $('.cd-popup16').addClass('is-visible16');
 
−
            //$(".dialog-addquxiao").hide()
 
−
        });
 
−
        //关闭窗口
 
−
        $('.cd-popup16').on('click', function(event){
 
−
            if( $(event.target).is('.cd-popup-close') || $(event.target).is('.cd-popup16') ) {
 
−
                event.preventDefault();
 
−
                $(this).removeClass('is-visible16');
 
−
            }
 
−
        });
 
−
        //ESC关闭
 
−
        $(document).keyup(function(event){
 
−
            if(event.which=='27'){
 
−
                $('.cd-popup16').removeClass('is-visible16');
 
−
            }
 
−
        });
 
−
//打开窗口
 
−
        $('.cd-popup-trigger17').on('click', function(event){
 
−
            event.preventDefault();
 
−
            $('.cd-popup17').addClass('is-visible17');
 
−
            //$(".dialog-addquxiao").hide()
 
−
        });
 
−
        //关闭窗口
 
−
        $('.cd-popup17').on('click', function(event){
 
−
            if( $(event.target).is('.cd-popup-close') || $(event.target).is('.cd-popup17') ) {
 
−
                event.preventDefault();
 
−
                $(this).removeClass('is-visible17');
 
−
            }
 
−
        });
 
−
        //ESC关闭
 
−
        $(document).keyup(function(event){
 
−
            if(event.which=='27'){
 
−
                $('.cd-popup17').removeClass('is-visible17');
 
−
            }
 
−
        });
 
−
//打开窗口
 
−
        $('.cd-popup-trigger18').on('click', function(event){
 
−
            event.preventDefault();
 
−
            $('.cd-popup18').addClass('is-visible18');
 
−
            //$(".dialog-addquxiao").hide()
 
−
        });
 
−
        //关闭窗口
 
−
        $('.cd-popup18').on('click', function(event){
 
−
            if( $(event.target).is('.cd-popup-close') || $(event.target).is('.cd-popup18') ) {
 
−
                event.preventDefault();
 
−
                $(this).removeClass('is-visible18');
 
−
            }
 
−
        });
 
−
        //ESC关闭
 
−
        $(document).keyup(function(event){
 
−
            if(event.which=='27'){
 
−
                $('.cd-popup18').removeClass('is-visible18');
 
−
            }
 
−
        });
 
−
//打开窗口
 
−
        $('.cd-popup-trigger19').on('click', function(event){
 
−
            event.preventDefault();
 
−
            $('.cd-popup19').addClass('is-visible19');
 
−
            //$(".dialog-addquxiao").hide()
 
−
        });
 
−
        //关闭窗口
 
−
        $('.cd-popup19').on('click', function(event){
 
−
            if( $(event.target).is('.cd-popup-close') || $(event.target).is('.cd-popup19') ) {
 
−
                event.preventDefault();
 
−
                $(this).removeClass('is-visible19');
 
−
            }
 
−
        });
 
−
        //ESC关闭
 
−
        $(document).keyup(function(event){
 
−
            if(event.which=='27'){
 
−
                $('.cd-popup19').removeClass('is-visible19');
 
−
            }
 
−
        });
 
−
//打开窗口
 
−
        $('.cd-popup-trigger20').on('click', function(event){
 
−
            event.preventDefault();
 
−
            $('.cd-popup20').addClass('is-visible20');
 
−
            //$(".dialog-addquxiao").hide()
 
−
        });
 
−
        //关闭窗口
 
−
        $('.cd-popup20').on('click', function(event){
 
−
            if( $(event.target).is('.cd-popup-close') || $(event.target).is('.cd-popup20') ) {
 
−
                event.preventDefault();
 
−
                $(this).removeClass('is-visible20');
 
−
            }
 
−
        });
 
−
        //ESC关闭
 
−
        $(document).keyup(function(event){
 
−
            if(event.which=='27'){
 
−
                $('.cd-popup20').removeClass('is-visible20');
 
−
            }
 
−
        });  
 
−
//打开窗口
 
−
        $('.cd-popup-trigger21').on('click', function(event){
 
−
            event.preventDefault();
 
−
            $('.cd-popup21').addClass('is-visible21');
 
−
            //$(".dialog-addquxiao").hide()
 
−
        });
 
−
        //关闭窗口
 
−
        $('.cd-popup21').on('click', function(event){
 
−
            if( $(event.target).is('.cd-popup-close') || $(event.target).is('.cd-popup21') ) {
 
−
                event.preventDefault();
 
−
                $(this).removeClass('is-visible21');
 
−
            }
 
−
        });
 
−
        //ESC关闭
 
−
        $(document).keyup(function(event){
 
−
            if(event.which=='27'){
 
−
                $('.cd-popup21').removeClass('is-visible21');
 
−
            }
 
−
        });
 
−
//打开窗口
 
−
        $('.cd-popup-trigger22').on('click', function(event){
 
−
            event.preventDefault();
 
−
            $('.cd-popup22').addClass('is-visible22');
 
−
            //$(".dialog-addquxiao").hide()
 
−
        });
 
−
        //关闭窗口
 
−
        $('.cd-popup22').on('click', function(event){
 
−
            if( $(event.target).is('.cd-popup-close') || $(event.target).is('.cd-popup22') ) {
 
−
                event.preventDefault();
 
−
                $(this).removeClass('is-visible22');
 
−
            }
 
−
        });
 
−
        //ESC关闭
 
−
        $(document).keyup(function(event){
 
−
            if(event.which=='27'){
 
−
                $('.cd-popup22').removeClass('is-visible22');
 
−
            }
 
−
        });
 
−
//打开窗口
 
−
        $('.cd-popup-trigger23').on('click', function(event){
 
−
            event.preventDefault();
 
−
            $('.cd-popup23').addClass('is-visible23');
 
−
            //$(".dialog-addquxiao").hide()
 
−
        });
 
−
        //关闭窗口
 
−
        $('.cd-popup23').on('click', function(event){
 
−
            if( $(event.target).is('.cd-popup-close') || $(event.target).is('.cd-popup23') ) {
 
−
                event.preventDefault();
 
−
                $(this).removeClass('is-visible23');
 
−
            }
 
−
        });
 
−
        //ESC关闭
 
−
        $(document).keyup(function(event){
 
−
            if(event.which=='27'){
 
−
                $('.cd-popup23').removeClass('is-visible23');
 
−
            }
 
−
        });
 
−
//打开窗口
 
−
        $('.cd-popup-trigger24').on('click', function(event){
 
−
            event.preventDefault();
 
−
            $('.cd-popup24').addClass('is-visible24');
 
−
            //$(".dialog-addquxiao").hide()
 
−
        });
 
−
        //关闭窗口
 
−
        $('.cd-popup24').on('click', function(event){
 
−
            if( $(event.target).is('.cd-popup-close') || $(event.target).is('.cd-popup24') ) {
 
−
                event.preventDefault();
 
−
                $(this).removeClass('is-visible24');
 
−
            }
 
−
        });
 
−
        //ESC关闭
 
−
        $(document).keyup(function(event){
 
−
            if(event.which=='27'){
 
−
                $('.cd-popup24').removeClass('is-visible24');
 
−
            }
 
−
        });
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
    });
 
  
−
</script>
 
 
</head>  
 
</head>  
 
<body>
 
<body>
Line 619: Line 83:
  
 
</style>
 
</style>
−
<div class="flex">
 
  
−
<style>
+
<div id="language-switch" class="pull-right">
−
body{position:relative;margin:0;padding:10vh 10vw 10vh 10vw;}
+
−
.flex {position:relative;width:55rem;min-height:18.75rem;margin:0 auto;border:0rem solid red;margin-top:5rem;}
+
−
.flex a {background-color:grey;display:block;width:100rem;height:100rem;border-radius:8rem;position:absolute;background-repeat:no-repeat;background-position:center;border:0.3rem solid white;cursor:pointer;text-align:left;text-shadow:1rem 1rem 20rem #000;color:white;font-size:1.3rem;font-weight:bold;text-indent:1rem;line-height:3rem;text-decoration:none;}
+
−
.flex{z-index:100}
+
−
+
−
[bg=a] {background-image:url(images/6448917381_0b754e86fb_z.jpg);}
+
−
[bg=b] {background-image:url(images/7362866426_bf285ebd45.jpg);background-size:300px auto;}
+
−
[bg=c] {background-image:url(images/7410370290_0935419fc3.jpg);}
+
−
[bg=d] {background-image:url(images/7419245080_bb752ed1d6.jpg);}
+
−
[bg=e] {background-image:url(images/6468321069_3375be3073_z.jpg);background-size:auto 280px;}
+
−
[bg=f] {background-image:url(images/7342556872_46cddaf9b0.jpg);background-size:auto 280px;}
+
−
[bg=g] {background-image:url(images/7322604950_348c535903.jpg);background-size:auto 200px;}
+
−
[bg=h] {background-image:url(images/7286717012_6e6b450243.jpg);}
+
−
[bg=i] {background-image:url(images/7452167788_a3f6aa3104.jpg);background-size:auto 200px;}
+
−
[bg=j] {background-image:url(images/6480022425_a8d419e663_z.jpg);background-size:auto 280px;}
+
−
[bg=k] {background-image:url(images/7269592732_c4b7918626.jpg);background-size:auto 280px;}
+
−
</style>
+
−
<a  href="javascript:0;" class="cd-popup-trigger0" bg="a" style="left:0rem;top:0rem;width:17.6rem;height:7.8rem;" width="350" height="275">A</a>
+
−
<a  href="javascript:0;" class="cd-popup-trigger1" bg="b" style="left:18.25rem;height:6.25rem;top:0rem;width:8.8125rem;" width="250" height="175">B</a>
+
−
<a  href="javascript:0;" class="cd-popup-trigger2" bg="c" style="left:27.6875rem;height:15.625rem;top:0rem;width:5.6875rem;" width="125" height="350">C</a>
+
−
<a  href="javascript:0;" class="cd-popup-trigger3" bg="d" style="left:34rem;height:4.6875rem;top:0rem;width:5.6875rem;" width="175" height="150">D</a>
+
−
<a  href="javascript:0;" class="cd-popup-trigger4" bg="e" style="left:40.3125rem;height:7.8125rem;top:0rem;width:13.5rem;" width="200" height="250">E</a>
+
−
<a  href="javascript:0;" class="cd-popup-trigger5" bg="f" style="left:34rem;height:12.5rem;top:5.3125rem;width:5.6875rem;" width="150" height="225">F</a>
+
−
<a  href="javascript:0;" class="cd-popup-trigger6" bg="g" style="left:0rem;height:6.25rem;top:8.4375rem;width:5.6875rem;" width="225" height="150">G</a>
+
−
<a  href="javascript:0;" class="cd-popup-trigger7" bg="h" style="left:18.25rem;height:4.6875rem;top:6.875rem;width:8.8125rem;" width="200" height="200">H</a>
+
−
<a  href="javascript:0;" class="cd-popup-trigger8" bg="i" style="left:6.3125rem;height:8.75rem;top:8.4375rem;width:11.3125rem;" width="250" height="140">I</a>
+
−
<a  href="javascript:0;" class="cd-popup-trigger9" bg="j" style="left:40.3125rem;height:9.375rem;top:8.4375rem;width:5.6875rem;" width="125" height="275">J</a>
+
−
<a  href="javascript:0;" class="cd-popup-trigger10" bg="k" style="left:46.625rem;height:4.6875rem;top:8.4375rem;width:5.6875rem;" width="75" height="200">K</a>
+
−
        <a  href="javascript:0;" class="cd-popup-trigger11" bg="a" style="left:0rem;top:17.8125rem;width:17.625rem;height:7.8125rem;" width="350" height="275">A</a>
+
−
        <a  href="javascript:0;" class="cd-popup-trigger12" bg="a" style="left:27.6875rem;top:18.475rem;width:18.625rem;height:7.8125rem;" width="350" height="275">A</a>
+
−
<a  href="javascript:0;" class="cd-popup-trigger13" bg="b" style="left:18.25rem;height:6.25rem;top:12.1875rem;width:8.8125rem;" width="250" height="175">B</a>
+
−
<a  href="javascript:0;" class="cd-popup-trigger14" bg="g" style="left:0rem;height:6.25rem;top:26.25rem;width:5.6875rem;" width="225" height="150">G</a>
+
−
<a  href="javascript:0;" class="cd-popup-trigger15" bg="h" style="left:18.25rem;height:4.6875rem;top:19.0625rem;width:8.8125rem;" width="200" height="200">H</a>
+
−
<a  href="javascript:0;" class="cd-popup-trigger16" bg="i" style="left:6.3125rem;height:5.75rem;top:26.25rem;width:11.3125rem;" width="250" height="140">I</a>
+
−
<a  href="javascript:0;" class="cd-popup-trigger17" bg="i" style="left:46.625rem;height:8.75rem;top:13.75rem;width:11.3125rem;" width="250" height="140">I</a>
+
−
        <a  href="javascript:0;" class="cd-popup-trigger18" bg="g" style="left:18.25rem;height:6.25rem;top:24.375rem;width:5.6875rem;" width="225" height="150">G</a>
+
−
        <a  href="javascript:0;" class="cd-popup-trigger19" bg="d" style="left:24.5625rem;height:4.6875rem;top:26.875rem;width:5.6875rem;" width="175" height="150">D</a>
+
−
        <a  href="javascript:0;" class="cd-popup-trigger20" bg="h" style="left:30.875rem;height:4.6875rem;top:26.875rem;width:8.8125rem;" width="200" height="200">H</a>
+
−
        <a  href="javascript:0;" class="cd-popup-trigger21" bg="f" style="left:47.9375rem;height:9.5rem;top:23.125rem;width:5.6875rem;" width="150" height="225">F</a>
+
−
        <a  href="javascript:0;" class="cd-popup-trigger22" bg="c" style="left:53.9375rem;height:9.625rem;top:23.125rem;width:5.6875rem;" width="125" height="350">C</a>
+
−
        <a  href="javascript:0;" class="cd-popup-trigger23" bg="g" style="left:41.3125rem;height:6.25rem;top:26.875rem;width:5.6875rem;" width="225" height="150">G</a>
+
−
        </div>
+
  
 +
<div id="demo" class="demo" align="center" style="margin-bottom:0; margin-top:4rem;">
 +
            <script src="https://2017.igem.org/Team:Tianjin/Resources/JS:MODALit2?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2017.igem.org/Team:Tianjin/Resources/JS:script2?action=raw&ctype=text/javascript"></script>
 +
              <ul>
 +
                 
 +
                    <li><img data-src="https://static.igem.org/mediawiki/2017/c/c5/%E5%BE%90%E6%99%96%E5%A4%A7%E5%9B%BE.jpg" src="https://static.igem.org/mediawiki/2017/c/cd/%E5%BE%90%E6%99%96.jpg" data-caption="<svg xmlns='' style='height:12px;width:auto;fill:white;' viewBox='0 0 32 32'><path d='M20.8 18.1c0 2.7-2.2 4.8-4.8 4.8s-4.8-2.1-4.8-4.8c0-2.7 2.2-4.8 4.8-4.8 2.7.1 4.8 2.2 4.8 4.8zm11.2-7.4v14.9c0 2.3-1.9 4.3-4.3 4.3h-23.4c-2.4 0-4.3-1.9-4.3-4.3v-15c0-2.3 1.9-4.3 4.3-4.3h3.7l.8-2.3c.4-1.1 1.7-2 2.9-2h8.6c1.2 0 2.5.9 2.9 2l.8 2.4h3.7c2.4 0 4.3 1.9 4.3 4.3zm-8.6 7.5c0-4.1-3.3-7.5-7.5-7.5-4.1 0-7.5 3.4-7.5 7.5s3.3 7.5 7.5 7.5c4.2-.1 7.5-3.4 7.5-7.5z'></path></svg>
 +
<p>Hui Xu <br> I’m Hui Xu , the instructor of Team Tianjin.<br>Participating in project design, experiment operation, human practice, wiki construction and modeling,<br>I have a deeper understanding of Synthetic biology and will insist on exploring the unknown area of Synthetic biology.</p>" class="demo-gallery"></li>
 +
                    <li><img data-src="https://static.igem.org/mediawiki/2017/d/d4/%E9%9F%A9%E6%98%8E%E5%93%B2%E5%A4%A7%E5%9B%BE.jpg" src="https://static.igem.org/mediawiki/2017/8/81/%E9%9F%A9%E6%98%8E%E5%93%B2.jpg" data-caption="<svg xmlns='' style='height:12px;width:auto;fill:white;' viewBox='0 0 32 32'><path d='M20.8 18.1c0 2.7-2.2 4.8-4.8 4.8s-4.8-2.1-4.8-4.8c0-2.7 2.2-4.8 4.8-4.8 2.7.1 4.8 2.2 4.8 4.8zm11.2-7.4v14.9c0 2.3-1.9 4.3-4.3 4.3h-23.4c-2.4 0-4.3-1.9-4.3-4.3v-15c0-2.3 1.9-4.3 4.3-4.3h3.7l.8-2.3c.4-1.1 1.7-2 2.9-2h8.6c1.2 0 2.5.9 2.9 2l.8 2.4h3.7c2.4 0 4.3 1.9 4.3 4.3zm-8.6 7.5c0-4.1-3.3-7.5-7.5-7.5-4.1 0-7.5 3.4-7.5 7.5s3.3 7.5 7.5 7.5c4.2-.1 7.5-3.4 7.5-7.5z'></path></svg>
 +
<p>Mingzhe Han<br>My name is Mingzhe Han, student leader of Team Tianjin. <br>My major is Chemical Engineering, but I cannot be more interested in synthetic biology,<br>so I decided to apply for Ph.D in this career and participated in iGEM again to learn more.<br>Besides, I made many good friends here and learned the importance of team work.<br>I could say nothing but love you to all of members.</p>" class="demo-gallery"></li>
 +
                      <li><img data-src="https://static.igem.org/mediawiki/2017/d/d9/%E6%9B%B9%E6%96%B0%E6%9C%88%E5%A4%A7%E5%9B%BE.jpg" src="https://static.igem.org/mediawiki/2017/1/10/%E6%9B%B9%E6%96%B0%E6%9C%88.jpg" data-caption="<svg xmlns='' style='height:12px;width:auto;fill:white;' viewBox='0 0 32 32'><path d='M20.8 18.1c0 2.7-2.2 4.8-4.8 4.8s-4.8-2.1-4.8-4.8c0-2.7 2.2-4.8 4.8-4.8 2.7.1 4.8 2.2 4.8 4.8zm11.2-7.4v14.9c0 2.3-1.9 4.3-4.3 4.3h-23.4c-2.4 0-4.3-1.9-4.3-4.3v-15c0-2.3 1.9-4.3 4.3-4.3h3.7l.8-2.3c.4-1.1 1.7-2 2.9-2h8.6c1.2 0 2.5.9 2.9 2l.8 2.4h3.7c2.4 0 4.3 1.9 4.3 4.3zm-8.6 7.5c0-4.1-3.3-7.5-7.5-7.5-4.1 0-7.5 3.4-7.5 7.5s3.3 7.5 7.5 7.5c4.2-.1 7.5-3.4 7.5-7.5z'></path></svg>
 +
<p>Xinyue Cao<br>I am a sophomore student majoring in chemical engineering.<br>On the frontlines with experiments,<br>I am completely obsessed with the charisma of synthetic biology.<br>During the whole process I gained much experience for teamwork and collaboration<br>since iGEM is a multidisciplinary competition,<br>which needs a concrete and efficient division of labor.</p>" class="demo-gallery"></li>
 +
                        <li><img data-src="https://static.igem.org/mediawiki/2017/1/13/%E9%99%88%E6%98%95%E9%9B%A8%E5%A4%A7%E5%9B%BE.jpg" src="https://static.igem.org/mediawiki/2017/f/fd/%E9%99%88%E6%98%95%E9%9B%A8.jpg" data-caption="<svg xmlns='' style='height:12px;width:auto;fill:white;' viewBox='0 0 32 32'><path d='M20.8 18.1c0 2.7-2.2 4.8-4.8 4.8s-4.8-2.1-4.8-4.8c0-2.7 2.2-4.8 4.8-4.8 2.7.1 4.8 2.2 4.8 4.8zm11.2-7.4v14.9c0 2.3-1.9 4.3-4.3 4.3h-23.4c-2.4 0-4.3-1.9-4.3-4.3v-15c0-2.3 1.9-4.3 4.3-4.3h3.7l.8-2.3c.4-1.1 1.7-2 2.9-2h8.6c1.2 0 2.5.9 2.9 2l.8 2.4h3.7c2.4 0 4.3 1.9 4.3 4.3zm-8.6 7.5c0-4.1-3.3-7.5-7.5-7.5-4.1 0-7.5 3.4-7.5 7.5s3.3 7.5 7.5 7.5c4.2-.1 7.5-3.4 7.5-7.5z'></path></svg>
 +
<p>Xinyu Chen<br>Chen is a sophomore majoring in chemical engineering,<br>the founder of RFP’s characterization system,<br>the girl who makes PCR machine running all day long.<br>She likes fresh thing, and thinks synthetic biology is amazing.<br>She is addicted to iGEM, and can’t extricate herself.</p>" class="demo-gallery"></li> 
 +
                    <li><img data-src="https://static.igem.org/mediawiki/2017/7/72/%E9%83%AD%E6%96%87%E9%9D%92%E5%A4%A7%E5%9B%BE.jpg" src="https://static.igem.org/mediawiki/2017/2/2d/%E9%83%AD%E6%96%87%E9%9D%92.jpg" data-caption="<svg xmlns='' style='height:12px;width:auto;fill:white;' viewBox='0 0 32 32'><path d='M20.8 18.1c0 2.7-2.2 4.8-4.8 4.8s-4.8-2.1-4.8-4.8c0-2.7 2.2-4.8 4.8-4.8 2.7.1 4.8 2.2 4.8 4.8zm11.2-7.4v14.9c0 2.3-1.9 4.3-4.3 4.3h-23.4c-2.4 0-4.3-1.9-4.3-4.3v-15c0-2.3 1.9-4.3 4.3-4.3h3.7l.8-2.3c.4-1.1 1.7-2 2.9-2h8.6c1.2 0 2.5.9 2.9 2l.8 2.4h3.7c2.4 0 4.3 1.9 4.3 4.3zm-8.6 7.5c0-4.1-3.3-7.5-7.5-7.5-4.1 0-7.5 3.4-7.5 7.5s3.3 7.5 7.5 7.5c4.2-.1 7.5-3.4 7.5-7.5z'></path></svg>
 +
<p>Wenqing Guo<br>Hello，I'm from Hangzhou, China,<br>and major in Chemical Engineering and Technology in Tianjin University.<br>Driving by the novelty of synthetic biology, I joined the iGEM in our institute.<br>In my leisure time, I’d like to do some reading and photographing.</p>" class="demo-gallery"></li>
 +
<li><img data-src="https://static.igem.org/mediawiki/2017/1/13/%E9%99%88%E5%AE%9C%E7%91%84%E5%A4%A7%E5%9B%BE.jpg" src="http://20https://2017.igem.org/17.igem.org/wiki/images/f/f1/%E9%99%88%E5%AE%9C%E7%91%84.jpg" data-caption="<svg xmlns='' style='height:12px;width:auto;fill:white;' viewBox='0 0 32 32'><path d='M20.8 18.1c0 2.7-2.2 4.8-4.8 4.8s-4.8-2.1-4.8-4.8c0-2.7 2.2-4.8 4.8-4.8 2.7.1 4.8 2.2 4.8 4.8zm11.2-7.4v14.9c0 2.3-1.9 4.3-4.3 4.3h-23.4c-2.4 0-4.3-1.9-4.3-4.3v-15c0-2.3 1.9-4.3 4.3-4.3h3.7l.8-2.3c.4-1.1 1.7-2 2.9-2h8.6c1.2 0 2.5.9 2.9 2l.8 2.4h3.7c2.4 0 4.3 1.9 4.3 4.3zm-8.6 7.5c0-4.1-3.3-7.5-7.5-7.5-4.1 0-7.5 3.4-7.5 7.5s3.3 7.5 7.5 7.5c4.2-.1 7.5-3.4 7.5-7.5z'></path></svg>
 +
<p>Yixuan Chen<br>Hi, my name is Angelina. <br>I have been involved in synthetic biology for almost a year.<br>I was fascinated by synthetic biology and I am now committed to connecting lab work with the world.<br>Felt good to a part of this game.</p>" class="demo-gallery"></li>
 +
                   
 +
         
 +
                   
 +
                 
 +
     
 +
               
 +
                </ul>
 +
                <ul>
 +
                 
 +
                    <li><img data-src="https://static.igem.org/mediawiki/2017/e/eb/%E7%8E%8B%E7%8E%89%E5%8F%8C%E5%A4%A7%E5%9B%BE.jpg" src="https://static.igem.org/mediawiki/2017/2/20/%E7%8E%8B%E7%8E%89%E5%8F%8C.jpg" data-caption="<svg xmlns='' style='height:12px;width:auto;fill:white;' viewBox='0 0 32 32'><path d='M20.8 18.1c0 2.7-2.2 4.8-4.8 4.8s-4.8-2.1-4.8-4.8c0-2.7 2.2-4.8 4.8-4.8 2.7.1 4.8 2.2 4.8 4.8zm11.2-7.4v14.9c0 2.3-1.9 4.3-4.3 4.3h-23.4c-2.4 0-4.3-1.9-4.3-4.3v-15c0-2.3 1.9-4.3 4.3-4.3h3.7l.8-2.3c.4-1.1 1.7-2 2.9-2h8.6c1.2 0 2.5.9 2.9 2l.8 2.4h3.7c2.4 0 4.3 1.9 4.3 4.3zm-8.6 7.5c0-4.1-3.3-7.5-7.5-7.5-4.1 0-7.5 3.4-7.5 7.5s3.3 7.5 7.5 7.5c4.2-.1 7.5-3.4 7.5-7.5z'></path></svg>
 +
<p>Yushuang Wang <br>Hello! I am a senior student of pharmaceutical engineering from Tianjin university.<br>I have many interests like music, drawing and movies.<br>I am a big fun of biology because I think it is amazing,<br>just like the part, SCRaMblE, which I managed in this year iGEM.</p>" class="demo-gallery"></li>
 +
                    <li><img data-src="https://static.igem.org/mediawiki/2017/1/16/%E6%AC%A7%E9%98%B3%E6%BB%95%E5%A4%A7%E5%9B%BE.jpg" src="https://static.igem.org/mediawiki/2017/6/6d/%E6%AC%A7%E9%98%B3%E6%BB%95.jpg" data-caption="<svg xmlns='' style='height:12px;width:auto;fill:white;' viewBox='0 0 32 32'><path d='M20.8 18.1c0 2.7-2.2 4.8-4.8 4.8s-4.8-2.1-4.8-4.8c0-2.7 2.2-4.8 4.8-4.8 2.7.1 4.8 2.2 4.8 4.8zm11.2-7.4v14.9c0 2.3-1.9 4.3-4.3 4.3h-23.4c-2.4 0-4.3-1.9-4.3-4.3v-15c0-2.3 1.9-4.3 4.3-4.3h3.7l.8-2.3c.4-1.1 1.7-2 2.9-2h8.6c1.2 0 2.5.9 2.9 2l.8 2.4h3.7c2.4 0 4.3 1.9 4.3 4.3zm-8.6 7.5c0-4.1-3.3-7.5-7.5-7.5-4.1 0-7.5 3.4-7.5 7.5s3.3 7.5 7.5 7.5c4.2-.1 7.5-3.4 7.5-7.5z'></path></svg>
 +
<p>Yangteng Ou<br>A novice in chemical engineering.<br>A dabbler in synthetic biology.<br>A sophomoric junior who is still confused about what his real passions are except Coldplay.<br>Motto being carpe diem but seriously not in favor of a life of hedonism.<br>iGEM is a marvelous experience.<br>Wish everybody a good time in Boston.</p>" class="demo-gallery"></li>
 +
                      <li><img data-src="https://static.igem.org/mediawiki/2017/0/08/%E6%B6%82%E7%90%B3%E5%A4%A7%E5%9B%BE.jpg" src="https://static.igem.org/mediawiki/2017/1/14/%E6%B6%82%E7%90%B3.jpg" data-caption="<svg xmlns='' style='height:12px;width:auto;fill:white;' viewBox='0 0 32 32'><path d='M20.8 18.1c0 2.7-2.2 4.8-4.8 4.8s-4.8-2.1-4.8-4.8c0-2.7 2.2-4.8 4.8-4.8 2.7.1 4.8 2.2 4.8 4.8zm11.2-7.4v14.9c0 2.3-1.9 4.3-4.3 4.3h-23.4c-2.4 0-4.3-1.9-4.3-4.3v-15c0-2.3 1.9-4.3 4.3-4.3h3.7l.8-2.3c.4-1.1 1.7-2 2.9-2h8.6c1.2 0 2.5.9 2.9 2l.8 2.4h3.7c2.4 0 4.3 1.9 4.3 4.3zm-8.6 7.5c0-4.1-3.3-7.5-7.5-7.5-4.1 0-7.5 3.4-7.5 7.5s3.3 7.5 7.5 7.5c4.2-.1 7.5-3.4 7.5-7.5z'></path></svg>
 +
<p>Tu Lin<br>Hello! My name is Tu Lin and my English name is Turing which has the same pronounciation as my Chinese name.<br>I am from phamacutical engineering in chemical engineering institude.<br>I have had passion for bio-engineering since I was in middle school.<br>It is really my privilege to participate in Igem and enjoy a great time doing experiments with my teammates.<br>I am also willing to communicate with young people from other countries.</p>" class="demo-gallery"></li>
 +
                <li><img data-src="https://static.igem.org/mediawiki/2017/e/e4/%E5%91%A8%E7%8E%B2%E4%BC%8A%E5%A4%A7%E5%9B%BE.jpg" src="https://static.igem.org/mediawiki/2017/d/dd/%E5%91%A8%E7%8E%B2%E4%BC%8A.jpg" data-caption="<svg xmlns='' style='height:12px;width:auto;fill:white;' viewBox='0 0 32 32'><path d='M20.8 18.1c0 2.7-2.2 4.8-4.8 4.8s-4.8-2.1-4.8-4.8c0-2.7 2.2-4.8 4.8-4.8 2.7.1 4.8 2.2 4.8 4.8zm11.2-7.4v14.9c0 2.3-1.9 4.3-4.3 4.3h-23.4c-2.4 0-4.3-1.9-4.3-4.3v-15c0-2.3 1.9-4.3 4.3-4.3h3.7l.8-2.3c.4-1.1 1.7-2 2.9-2h8.6c1.2 0 2.5.9 2.9 2l.8 2.4h3.7c2.4 0 4.3 1.9 4.3 4.3zm-8.6 7.5c0-4.1-3.3-7.5-7.5-7.5-4.1 0-7.5 3.4-7.5 7.5s3.3 7.5 7.5 7.5c4.2-.1 7.5-3.4 7.5-7.5z'></path></svg> 
 +
<p>Lingyi Zhou<br>Lingyi means the first place in Chinese,<br>although I have hardly ever been number one.<br>Majoring in pharmaceutical engineering, <br>I am keen to learn more about synthetic biology, which may be the path I will follow.<br>I made friends with like-minded people who are as lovely as me,<br>and that's the most important.</p>" class="demo-gallery"></li>
 +
                  <li><img data-src="https://static.igem.org/mediawiki/2017/5/52/%E5%BC%A0%E8%AF%97%E9%9B%A8%E5%A4%A7%E5%9B%BE.jpg" src="https://static.igem.org/mediawiki/2017/4/43/%E5%BC%A0%E8%AF%97%E9%9B%A8.jpg" data-caption="<svg xmlns='' style='height:12px;width:auto;fill:white;' viewBox='0 0 32 32'><path d='M20.8 18.1c0 2.7-2.2 4.8-4.8 4.8s-4.8-2.1-4.8-4.8c0-2.7 2.2-4.8 4.8-4.8 2.7.1 4.8 2.2 4.8 4.8zm11.2-7.4v14.9c0 2.3-1.9 4.3-4.3 4.3h-23.4c-2.4 0-4.3-1.9-4.3-4.3v-15c0-2.3 1.9-4.3 4.3-4.3h3.7l.8-2.3c.4-1.1 1.7-2 2.9-2h8.6c1.2 0 2.5.9 2.9 2l.8 2.4h3.7c2.4 0 4.3 1.9 4.3 4.3zm-8.6 7.5c0-4.1-3.3-7.5-7.5-7.5-4.1 0-7.5 3.4-7.5 7.5s3.3 7.5 7.5 7.5c4.2-.1 7.5-3.4 7.5-7.5z'></path></svg>
 +
<p>Shiyu Zhang <br>I'm Shiyu Zhang, a sophomore student majoring in chemical engineering.<br>My idol Yigong Shi once said,“The 21st century is the century of biology”.<br>Because of this sentence, I attended iGEM.<br>Thanks to it, I met vigorous friends.<br>Some of them say they have an inexplicable crush on biological lab.<br>Designing an experiment and  testing it is my dish.</p>" class="demo-gallery"></li>
 +
               
 +
                    <li><img data-src="https://static.igem.org/mediawiki/2017/2/2a/%E7%BC%AA%E9%98%B3%E6%B4%8B%E5%A4%A7%E5%9B%BE.jpg" src="https://static.igem.org/mediawiki/2017/f/f8/%E7%BC%AA%E9%98%B3%E6%B4%8B.jpg" data-caption="<svg xmlns='' style='height:12px;width:auto;fill:white;' viewBox='0 0 32 32'><path d='M20.8 18.1c0 2.7-2.2 4.8-4.8 4.8s-4.8-2.1-4.8-4.8c0-2.7 2.2-4.8 4.8-4.8 2.7.1 4.8 2.2 4.8 4.8zm11.2-7.4v14.9c0 2.3-1.9 4.3-4.3 4.3h-23.4c-2.4 0-4.3-1.9-4.3-4.3v-15c0-2.3 1.9-4.3 4.3-4.3h3.7l.8-2.3c.4-1.1 1.7-2 2.9-2h8.6c1.2 0 2.5.9 2.9 2l.8 2.4h3.7c2.4 0 4.3 1.9 4.3 4.3zm-8.6 7.5c0-4.1-3.3-7.5-7.5-7.5-4.1 0-7.5 3.4-7.5 7.5s3.3 7.5 7.5 7.5c4.2-.1 7.5-3.4 7.5-7.5z'></path></svg>
 +
<p>Yangyang Miao<br>I am in the pharmaceutical engineering profession.<br>Like to sleep, eat, watch animation, play games,<br>and finally the most important thing is to do experiments.</p>" class="demo-gallery"></li>
 +
                    <li><img data-src="https://static.igem.org/mediawiki/2017/d/de/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20171101193603.jpg" src="https://static.igem.org/mediawiki/2017/8/8a/%E6%97%A0%E6%A0%87%E9%A2%98.png" data-caption="<svg xmlns='' style='height:12px;width:auto;fill:white;' viewBox='0 0 32 32'><path d='M20.8 18.1c0 2.7-2.2 4.8-4.8 4.8s-4.8-2.1-4.8-4.8c0-2.7 2.2-4.8 4.8-4.8 2.7.1 4.8 2.2 4.8 4.8zm11.2-7.4v14.9c0 2.3-1.9 4.3-4.3 4.3h-23.4c-2.4 0-4.3-1.9-4.3-4.3v-15c0-2.3 1.9-4.3 4.3-4.3h3.7l.8-2.3c.4-1.1 1.7-2 2.9-2h8.6c1.2 0 2.5.9 2.9 2l.8 2.4h3.7c2.4 0 4.3 1.9 4.3 4.3zm-8.6 7.5c0-4.1-3.3-7.5-7.5-7.5-4.1 0-7.5 3.4-7.5 7.5s3.3 7.5 7.5 7.5c4.2-.1 7.5-3.4 7.5-7.5z'></path></svg>
 +
<p>Xiaopo Cheng <br>I am a chemical engineering Bachelor versed in heat, mass, momentum transfer as well as chemical reaction.<br>I’m very interested in molecular biology and willing to unravel the mystery of DNA.<br>Moreover, I’m in charge of part of experiment process and biology modeling.</p>" class="demo-gallery"></li>
 +
                   
 +
                 
 +
                   
  
−
<div class="cd-popup">
+
               
−
    <div class="cd-popup-container">
+
                   
−
        <p>AAAAAAA</p>
+
                 
−
        <div class="cd-buttons">
+
                </ul>
−
            自定义整体容器宽高度及内容，高度可自适应可固定,样式可以定义自己喜欢的样式，这里就不做美观了
+
                </div>
−
        </div>
+
                  <div id="demo" class="demo" align="center"  style="float:right; margin-top:0;">
−
        <a href="#0" class="cd-popup-close">close</a>
+
                  <ul>
−
    </div>
+
               
−
</div>
+
                    <li><img data-src="https://static.igem.org/mediawiki/2017/7/7c/%E5%88%98%E7%A7%AD%E8%BE%B0%E5%A4%A7%E5%9B%BE.jpg" src="https://static.igem.org/mediawiki/2017/5/57/%E5%88%98%E7%A7%AD%E8%BE%B0.jpg" data-caption="<svg xmlns='' style='height:12px;width:auto;fill:white;' viewBox='0 0 32 32'><path d='M20.8 18.1c0 2.7-2.2 4.8-4.8 4.8s-4.8-2.1-4.8-4.8c0-2.7 2.2-4.8 4.8-4.8 2.7.1 4.8 2.2 4.8 4.8zm11.2-7.4v14.9c0 2.3-1.9 4.3-4.3 4.3h-23.4c-2.4 0-4.3-1.9-4.3-4.3v-15c0-2.3 1.9-4.3 4.3-4.3h3.7l.8-2.3c.4-1.1 1.7-2 2.9-2h8.6c1.2 0 2.5.9 2.9 2l.8 2.4h3.7c2.4 0 4.3 1.9 4.3 4.3zm-8.6 7.5c0-4.1-3.3-7.5-7.5-7.5-4.1 0-7.5 3.4-7.5 7.5s3.3 7.5 7.5 7.5c4.2-.1 7.5-3.4 7.5-7.5z'></path></svg>  
−
 
+
<p>Zichen Liu <br>As our team's web designer, I explore new frontier of web construction.<br>Although I am major in chemical engineer, I put all my heart on our wiki.</p> " class="demo-gallery"></li>
−
<div class="cd-popup1">
+
                  <li><img data-src="https://static.igem.org/mediawiki/2017/2/2f/%E9%83%AD%E8%88%9F%E5%A4%A7%E5%9B%BE.jpg" src="https://static.igem.org/mediawiki/2017/2/2b/%E9%83%AD%E8%88%9F.jpg" data-caption="<svg xmlns='' style='height:12px;width:auto;fill:white;' viewBox='0 0 32 32'><path d='M20.8 18.1c0 2.7-2.2 4.8-4.8 4.8s-4.8-2.1-4.8-4.8c0-2.7 2.2-4.8 4.8-4.8 2.7.1 4.8 2.2 4.8 4.8zm11.2-7.4v14.9c0 2.3-1.9 4.3-4.3 4.3h-23.4c-2.4 0-4.3-1.9-4.3-4.3v-15c0-2.3 1.9-4.3 4.3-4.3h3.7l.8-2.3c.4-1.1 1.7-2 2.9-2h8.6c1.2 0 2.5.9 2.9 2l.8 2.4h3.7c2.4 0 4.3 1.9 4.3 4.3zm-8.6 7.5c0-4.1-3.3-7.5-7.5-7.5-4.1 0-7.5 3.4-7.5 7.5s3.3 7.5 7.5 7.5c4.2-.1 7.5-3.4 7.5-7.5z'></path></svg>
−
    <div class="cd-popup-container1">
+
<p>Zhou Guo<br>“I felt somewhat titillated when they decided to do something “romantic”,<br>but it turned out that they just wanted to keep this “romantic” relationship<br>only between two yeasts!”<br>I am ZHOU GUO, responsible for experiment of heavy metal.</p>" class="demo-gallery"></li>
−
        <p>Ou Yangteng</p>
+
                 
−
        <div class="cd-buttons">
+
                    </ul>
−
            A novice in chemical engineering. A dabbler in synthetic biology. A sophomoric junior who is still confused about what his real passions are except Coldplay. Motto being carpe diem but seriously not in favor of a life of hedonism. IGEM is a marvelous experience. Wish everybody a good time in Boston.
+
                    <ul>
−
        </div>
+
               
−
        <a href="#0" class="cd-popup-close">close</a>
+
                    <li><img data-src="https://static.igem.org/mediawiki/2017/f/f9/%E7%8E%8B%E6%98%95%E8%8C%B9%E5%A4%A7%E5%9B%BE.jpg" src="https://static.igem.org/mediawiki/2017/6/6d/%E7%8E%8B%E6%98%95%E8%8C%B9.jpg" data-caption="<svg xmlns='' style='height:12px;width:auto;fill:white;' viewBox='0 0 32 32'><path d='M20.8 18.1c0 2.7-2.2 4.8-4.8 4.8s-4.8-2.1-4.8-4.8c0-2.7 2.2-4.8 4.8-4.8 2.7.1 4.8 2.2 4.8 4.8zm11.2-7.4v14.9c0 2.3-1.9 4.3-4.3 4.3h-23.4c-2.4 0-4.3-1.9-4.3-4.3v-15c0-2.3 1.9-4.3 4.3-4.3h3.7l.8-2.3c.4-1.1 1.7-2 2.9-2h8.6c1.2 0 2.5.9 2.9 2l.8 2.4h3.7c2.4 0 4.3 1.9 4.3 4.3zm-8.6 7.5c0-4.1-3.3-7.5-7.5-7.5-4.1 0-7.5 3.4-7.5 7.5s3.3 7.5 7.5 7.5c4.2-.1 7.5-3.4 7.5-7.5z'></path></svg>  
−
    </div>
+
<p>Xinru Wang<br>Hello everyone～My name is Wang Xinru.<br>I am studying in TianJin University.<br>Like most of the young people, I love listening to music and reading.<br>Most important of all, I enjoy the days spent with other iGEMers of our team,<br>which will be a memorable experience of my life.</p>" class="demo-gallery"></li>
−
</div>
+
                    <li><img data-src="https://static.igem.org/mediawiki/2017/4/4b/%E4%BB%98%E7%BB%B4%E8%B4%A4%E5%A4%A7%E5%9B%BE.jpg" src="https://static.igem.org/mediawiki/2017/7/7a/%E4%BB%98%E7%BB%B4%E8%B4%A4.jpg" data-caption="<svg xmlns='' style='height:12px;width:auto;fill:white;' viewBox='0 0 32 32'><path d='M20.8 18.1c0 2.7-2.2 4.8-4.8 4.8s-4.8-2.1-4.8-4.8c0-2.7 2.2-4.8 4.8-4.8 2.7.1 4.8 2.2 4.8 4.8zm11.2-7.4v14.9c0 2.3-1.9 4.3-4.3 4.3h-23.4c-2.4 0-4.3-1.9-4.3-4.3v-15c0-2.3 1.9-4.3 4.3-4.3h3.7l.8-2.3c.4-1.1 1.7-2 2.9-2h8.6c1.2 0 2.5.9 2.9 2l.8 2.4h3.7c2.4 0 4.3 1.9 4.3 4.3zm-8.6 7.5c0-4.1-3.3-7.5-7.5-7.5-4.1 0-7.5 3.4-7.5 7.5s3.3 7.5 7.5 7.5c4.2-.1 7.5-3.4 7.5-7.5z'></path></svg>  
−
 
+
<p>Weixian Fu <br>Major in Chemical engineering.<br>Interested in synthetic biology and Bioinformatics.<br>I’m in charge biology modeling.<br> And I am obe of the the builders of World Copper and Cadmium Pollution Map, bistable model and simulation of functional switch.</p>" class="demo-gallery"></li>
−
<div class="cd-popup2">
+
                 
−
    <div class="cd-popup-container2">
+
                    </ul>
−
        <p>Cao Xinyue</p>
+
                 
−
        <div class="cd-buttons">
+
                </div>
−
          I am a sophomore student majoring in chemical engineering. On the frontlines with experiments, I am completely obsessed with the charisma of synthetic biology. During the whole process I gained much experience for teamwork and collaboration since iGEM is a multidisciplinary competition, which needs a concrete and efficient division of labor.
+
               
−
        </div>
+
               
−
        <a href="#0" class="cd-popup-close">close</a>
+
                <div id="demo" class="demo" align="center"  style="float:left; margin-top:0;">
−
    </div>
+
                  <ul>
−
</div>
+
               
−
 
+
                    <li><img data-src="https://static.igem.org/mediawiki/2017/7/7b/%E5%AD%99%E4%B8%BD%E5%A4%A7%E5%9B%BE.jpg" src="https://static.igem.org/mediawiki/2017/b/b1/%E5%AD%99%E4%B8%BD.jpg" data-caption="<svg xmlns='' style='height:12px;width:auto;fill:white;' viewBox='0 0 32 32'><path d='M20.8 18.1c0 2.7-2.2 4.8-4.8 4.8s-4.8-2.1-4.8-4.8c0-2.7 2.2-4.8 4.8-4.8 2.7.1 4.8 2.2 4.8 4.8zm11.2-7.4v14.9c0 2.3-1.9 4.3-4.3 4.3h-23.4c-2.4 0-4.3-1.9-4.3-4.3v-15c0-2.3 1.9-4.3 4.3-4.3h3.7l.8-2.3c.4-1.1 1.7-2 2.9-2h8.6c1.2 0 2.5.9 2.9 2l.8 2.4h3.7c2.4 0 4.3 1.9 4.3 4.3zm-8.6 7.5c0-4.1-3.3-7.5-7.5-7.5-4.1 0-7.5 3.4-7.5 7.5s3.3 7.5 7.5 7.5c4.2-.1 7.5-3.4 7.5-7.5z'></path></svg>  
−
<div class="cd-popup3">
+
<p>Li Sun<br>Hello, I am Li Sun.<br>Do anyting that I like,<br>and this is one of my like.<br></p>" class="demo-gallery"></li>
−
    <div class="cd-popup-container3">
+
                    <li><img data-src="https://static.igem.org/mediawiki/2017/e/e2/%E5%BC%A0%E6%A0%BC%E9%9D%9E%E5%A4%A7%E5%9B%BE.jpg" src="https://static.igem.org/mediawiki/2017/e/ef/%E5%BC%A0%E6%A0%BC%E9%9D%9E.jpg" data-caption="<svg xmlns='' style='height:12px;width:auto;fill:white;' viewBox='0 0 32 32'><path d='M20.8 18.1c0 2.7-2.2 4.8-4.8 4.8s-4.8-2.1-4.8-4.8c0-2.7 2.2-4.8 4.8-4.8 2.7.1 4.8 2.2 4.8 4.8zm11.2-7.4v14.9c0 2.3-1.9 4.3-4.3 4.3h-23.4c-2.4 0-4.3-1.9-4.3-4.3v-15c0-2.3 1.9-4.3 4.3-4.3h3.7l.8-2.3c.4-1.1 1.7-2 2.9-2h8.6c1.2 0 2.5.9 2.9 2l.8 2.4h3.7c2.4 0 4.3 1.9 4.3 4.3zm-8.6 7.5c0-4.1-3.3-7.5-7.5-7.5-4.1 0-7.5 3.4-7.5 7.5s3.3 7.5 7.5 7.5c4.2-.1 7.5-3.4 7.5-7.5z'></path></svg>  
−
        <p>Chen Yixuan</p>
+
<p>Gefei Zhang<br>Although my major is Chemical engineering, <br>I do the work of wiki editing for our iGEM team.<br> Dare to explore, be happy to accept new things.<br>Keep curious in our twenties. <br></p> " class="demo-gallery"></li>
−
        <div class="cd-buttons">
+
                 
−
            Hi, my name is Angelina Chen, I'm in charge of Human practice part in team Tianjin. Feel free to contact me if u have any question. My email:angelina520brian@gmail.com
+
                    </ul>
−
        </div>
+
                    <ul>
−
        <a href="#0" class="cd-popup-close">close</a>
+
               
−
    </div>
+
                    <li><img data-src="https://static.igem.org/mediawiki/2017/a/a6/%E6%9D%A8%E6%9B%BC%E7%90%B3%E5%A4%A7%E5%9B%BE.jpg" src="https://static.igem.org/mediawiki/2017/4/40/%E6%9D%A8%E6%9B%BC%E7%90%B3.jpg" data-caption="<svg xmlns='' style='height:12px;width:auto;fill:white;' viewBox='0 0 32 32'><path d='M20.8 18.1c0 2.7-2.2 4.8-4.8 4.8s-4.8-2.1-4.8-4.8c0-2.7 2.2-4.8 4.8-4.8 2.7.1 4.8 2.2 4.8 4.8zm11.2-7.4v14.9c0 2.3-1.9 4.3-4.3 4.3h-23.4c-2.4 0-4.3-1.9-4.3-4.3v-15c0-2.3 1.9-4.3 4.3-4.3h3.7l.8-2.3c.4-1.1 1.7-2 2.9-2h8.6c1.2 0 2.5.9 2.9 2l.8 2.4h3.7c2.4 0 4.3 1.9 4.3 4.3zm-8.6 7.5c0-4.1-3.3-7.5-7.5-7.5-4.1 0-7.5 3.4-7.5 7.5s3.3 7.5 7.5 7.5c4.2-.1 7.5-3.4 7.5-7.5z'></path></svg>  
−
</div>
+
<p>Manli Yang<br>My name is Manlin Yang, a sophomore majoring in applied chemistry.<br>I’m the designer of team logo, poster, presentation and clothes.<br>As an amateur art designer straining every nerve for the Jia Father but always in vain,<br>I must say that you have good taste if you enjoy our propaganda items:)</p>" class="demo-gallery"></li>
−
 
+
                    <li><img data-src="https://static.igem.org/mediawiki/2017/7/70/%E9%83%91%E5%A6%8D%E5%A4%A7%E5%9B%BE.jpg" src="https://static.igem.org/mediawiki/2017/7/73/%E9%83%91%E5%A6%8D.jpg" data-caption="<svg xmlns='' style='height:12px;width:auto;fill:white;' viewBox='0 0 32 32'><path d='M20.8 18.1c0 2.7-2.2 4.8-4.8 4.8s-4.8-2.1-4.8-4.8c0-2.7 2.2-4.8 4.8-4.8 2.7.1 4.8 2.2 4.8 4.8zm11.2-7.4v14.9c0 2.3-1.9 4.3-4.3 4.3h-23.4c-2.4 0-4.3-1.9-4.3-4.3v-15c0-2.3 1.9-4.3 4.3-4.3h3.7l.8-2.3c.4-1.1 1.7-2 2.9-2h8.6c1.2 0 2.5.9 2.9 2l.8 2.4h3.7c2.4 0 4.3 1.9 4.3 4.3zm-8.6 7.5c0-4.1-3.3-7.5-7.5-7.5-4.1 0-7.5 3.4-7.5 7.5s3.3 7.5 7.5 7.5c4.2-.1 7.5-3.4 7.5-7.5z'></path></svg>
−
<div class="cd-popup4">
+
<p>Yan Zheng<br>Hi, I’m Yan Zheng, majoring in chemical engineering and technology.<br>I consider participating in iGEM a unique opportunity to challenge myself,<br>from which I not only broadened my horizon but also gained knowledge and friendship.</p>" class="demo-gallery"></li>
−
    <div class="cd-popup-container4">
+
               
−
        <p>EEEEEEE</p>
+
                    </ul>
−
        <div class="cd-buttons">
+
                 
−
            自定义整体容器宽高度及内容，高度可自适应可固定,样式可以定义自己喜欢的样式，这里就不做美观了
+
                </div>
−
        </div>
+
                <div id="demo" class="demo" align="center" style="padding-top:1rem;">
−
        <a href="#0" class="cd-popup-close">close</a>
+
                <ul>
−
    </div>
+
                    <li><img data-src="https://static.igem.org/mediawiki/2017/thumb/e/ee/Tianjin-yuanboss.jpg/1200px-Tianjin-yuanboss.jpg" src="https://static.igem.org/mediawiki/2017/0/0e/Tianjin-Yuansmall.jpg" data-caption="<svg xmlns='' style='height:12px;width:auto;fill:white;' viewBox='0 0 32 32'><path d='M20.8 18.1c0 2.7-2.2 4.8-4.8 4.8s-4.8-2.1-4.8-4.8c0-2.7 2.2-4.8 4.8-4.8 2.7.1 4.8 2.2 4.8 4.8zm11.2-7.4v14.9c0 2.3-1.9 4.3-4.3 4.3h-23.4c-2.4 0-4.3-1.9-4.3-4.3v-15c0-2.3 1.9-4.3 4.3-4.3h3.7l.8-2.3c.4-1.1 1.7-2 2.9-2h8.6c1.2 0 2.5.9 2.9 2l.8 2.4h3.7c2.4 0 4.3 1.9 4.3 4.3zm-8.6 7.5c0-4.1-3.3-7.5-7.5-7.5-4.1 0-7.5 3.4-7.5 7.5s3.3 7.5 7.5 7.5c4.2-.1 7.5-3.4 7.5-7.5z'></path></svg>  
−
</div>
+
<p>Prof. Yingjin Yuan<br>Professor Yingjin Yuan is the founder of iGEM Asia platform.<br>He and MIT worked together, and successfully promoted the iGEM in Asia.<br>He is also one of the first introducers of synthetic biology to China.<br>He has been enthusiastically supporting since iGEM in Tianjin University since year one.</p>" class="demo-gallery"></li>
−
 
+
                    <li><img data-src="https://static.igem.org/mediawiki/2017/thumb/d/d8/Tianjin-lidr.jpg/1200px-Tianjin-lidr.jpg" src="https://static.igem.org/mediawiki/2017/a/a6/Tianjin-lismall.jpg" data-caption="<svg xmlns='' style='height:12px;width:auto;fill:white;' viewBox='0 0 32 32'><path d='M20.8 18.1c0 2.7-2.2 4.8-4.8 4.8s-4.8-2.1-4.8-4.8c0-2.7 2.2-4.8 4.8-4.8 2.7.1 4.8 2.2 4.8 4.8zm11.2-7.4v14.9c0 2.3-1.9 4.3-4.3 4.3h-23.4c-2.4 0-4.3-1.9-4.3-4.3v-15c0-2.3 1.9-4.3 4.3-4.3h3.7l.8-2.3c.4-1.1 1.7-2 2.9-2h8.6c1.2 0 2.5.9 2.9 2l.8 2.4h3.7c2.4 0 4.3 1.9 4.3 4.3zm-8.6 7.5c0-4.1-3.3-7.5-7.5-7.5-4.1 0-7.5 3.4-7.5 7.5s3.3 7.5 7.5 7.5c4.2-.1 7.5-3.4 7.5-7.5z'></path></svg> 
−
<div class="cd-popup5">
+
<p>Prof. BingZhi Li<br>Prof. Li received his Ph.D. degree in biochemical engineering from Tianjin University<br>and has been on the faculty at Tianjin University School of Chemical Engineering and Technology since 2010.<br>He is the principle investigator for the projects from NSFC, MOE of China,<br>and involved in several programs from MOST of China.<br>He joined the first iGEM competition and has been instructing Tianjin University iGEM teams since 2007.</p>" class="demo-gallery"></li>
−
    <div class="cd-popup-container5">
+
                   
−
        <p>Cheng Xiaopo</p>
+
                 
−
        <div class="cd-buttons">
+
                   
−
          I am a chemical engineering Bachelor versed in heat, mass, momentum transfer as well as chemical reaction. I’m very interested in molecular biology and willing to unravel the mystery of DNA. Moreover, I’m in charge of part of experiment process and biology modeling.
+
                 
−
        </div>
+
                </ul>
−
        <a href="#0" class="cd-popup-close">close</a>
+
                </div>
−
    </div>
+
            </div>
−
</div>
+
−
<div class="cd-popup6">
+
−
    <div class="cd-popup-container6">
+
−
        <p>Guo Zhou</p>
+
−
        <div class="cd-buttons">
+
−
            “I felt somewhat titillated when they decided to do something "romantic", but it turned out that they just wanted to keep this "romantic" relationship only between two yeasts!”
+
−
I am GUOZHOU, responsible for experiment of heavy metal.
+
  
−
        </div>
 
−
        <a href="#0" class="cd-popup-close">close</a>
 
−
    </div>
 
−
</div>
 
−
<div class="cd-popup7">
 
−
    <div class="cd-popup-container7">
 
−
        <p>Guo Wenqing</p>
 
−
        <div class="cd-buttons">
 
−
            Hello，I'm from Hangzhou, China, and major in Chemical Engineering and Technology in Tianjin University. Driving by the novelty of synthetic biology, I joined the iGEM in our institute. In my leisure time, I’d like to do some reading and photographing.
 
−
        </div>
 
−
        <a href="#0" class="cd-popup-close">close</a>
 
−
    </div>
 
−
</div>
 
−
<div class="cd-popup8">
 
−
    <div class="cd-popup-container8">
 
−
        <p>Miao Yangyang</p>
 
−
        <div class="cd-buttons">
 
−
            I am in the pharmaceutical engineering profession. Like to sleep, eat, watch animation, play games, and finally the most important thing is to do experiments.
 
−
        </div>
 
−
        <a href="#0" class="cd-popup-close">close</a>
 
−
    </div>
 
−
</div>
 
−
<div class="cd-popup9">
 
−
    <div class="cd-popup-container9">
 
−
        <p>Wang Xiru</p>
 
−
        <div class="cd-buttons">
 
−
          Hello everyone～My name is Wang Xinru. I am studying in TianJin University. Like most of the young people, I love listening to music and reading. Most important of all, I enjoy the days spent with other iGEMers of our team which will be a memorable experience of my life.
 
−
        </div>
 
−
        <a href="#0" class="cd-popup-close">close</a>
 
−
    </div>
 
−
</div>
 
−
<div class="cd-popup10">
 
−
    <div class="cd-popup-container10">
 
−
        <p>Wang Xiru</p>
 
−
        <div class="cd-buttons">
 
−
          Hello! I am a senior student of pharmaceutical engineering from Tianjin university. I have many interests like music, drawing and movies. I am a big fun of biology because I think it is amazing, just like the part, SCRaMblE, which I managed in this year iGEM.
 
−
        </div>
 
−
        <a href="#0" class="cd-popup-close">close</a>
 
−
    </div>
 
−
</div>
 
−
<div class="cd-popup11">
 
−
    <div class="cd-popup-container11">
 
−
        <p>Tu Lin</p>
 
−
        <div class="cd-buttons">
 
−
            Hello! My name is Tu Lin and my English name is Turing which has the same pronounciation as my Chinese name. I am from phamacutical engineering in chemical engineering institude. I have had passion for bio-engineering since I was in middle school. It is really my privilege to participate in Igem and enjoy a great time doing experiments with my teammates. I am also willing to communicate with young people from other countries.
 
−
        </div>
 
−
        <a href="#0" class="cd-popup-close">close</a>
 
−
    </div>
 
−
</div>
 
−
<div class="cd-popup12">
 
−
    <div class="cd-popup-container12">
 
−
        <p>Zhang Gefei</p>
 
−
        <div class="cd-buttons">
 
−
        Although my major is Chemical engineering， I do the work of wiki editing for our iGEM team. Dare to explore, be happy to accept new things. Keep curious in our twenties.
 
−
        </div>
 
−
        <a href="#0" class="cd-popup-close">close</a>
 
−
    </div>
 
−
</div>
 
−
<div class="cd-popup13">
 
−
    <div class="cd-popup-container13">
 
−
        <p>Zhang Shiyu</p>
 
−
        <div class="cd-buttons">
 
−
            I'm Zhang Shiyu, a sophomore student majoring in chemical engineering. My idol Shi Yigong once said, "The 21st century is the century of biology". Because of this sentence, I attended iGEM. Thanks to it, I met vigorous friends. Some of them say they have an inexplicable crush on biological lab. Designing an experiment and  testing it is my dish.
 
−
        </div>
 
−
        <a href="#0" class="cd-popup-close">close</a>
 
−
    </div>
 
−
</div>
 
−
<div class="cd-popup14">
 
−
    <div class="cd-popup-container14">
 
−
        <p>Zhou Lingyi</p>
 
−
        <div class="cd-buttons">
 
−
          Lingyi means the first place in Chinese, although I have hardly ever been number one. Majoring in pharmaceutical engineering, I am keen to learn more about synthetic biology, which may be the path I will follow. I made friends with like-minded people who are as lovely as me, and that's the most important thing.
 
−
        </div>
 
−
        <a href="#0" class="cd-popup-close">close</a>
 
−
    </div>
 
−
</div>
 
−
<div class="cd-popup15">
 
−
    <div class="cd-popup-container15">
 
−
        <p>Zheng Yan</p>
 
−
        <div class="cd-buttons">
 
−
          I’m Zheng Yan, a freshman majoring in chemical engineering and technology.  I consider participating in iGEM a unique opportunity to build my character and challenge myself, from which I not only broadened my horizon but also gained knowledge and friendship. As a molecular in Team Tianjin, I believe our project will make a difference to the world.
 
−
        </div>
 
−
        <a href="#0" class="cd-popup-close">close</a>
 
−
    </div>
 
−
</div>
 
−
<div class="cd-popup16">
 
−
    <div class="cd-popup-container16">
 
−
        <p>QQQQQQQ</p>
 
−
        <div class="cd-buttons">
 
−
            自定义整体容器宽高度及内容，高度可自适应可固定,样式可以定义自己喜欢的样式，这里就不做美观了
 
−
        </div>
 
−
        <a href="#0" class="cd-popup-close">close</a>
 
−
    </div>
 
−
</div>
 
−
<div class="cd-popup17">
 
−
    <div class="cd-popup-container17">
 
−
        <p>RRRRRRRR</p>
 
−
        <div class="cd-buttons">
 
−
            自定义整体容器宽高度及内容，高度可自适应可固定,样式可以定义自己喜欢的样式，这里就不做美观了
 
−
        </div>
 
−
        <a href="#0" class="cd-popup-close">close</a>
 
−
    </div>
 
−
</div>
 
−
<div class="cd-popup18">
 
−
    <div class="cd-popup-container18">
 
−
        <p>SSSSSSSSS</p>
 
−
        <div class="cd-buttons">
 
−
            自定义整体容器宽高度及内容，高度可自适应可固定,样式可以定义自己喜欢的样式，这里就不做美观了
 
−
        </div>
 
−
        <a href="#0" class="cd-popup-close">close</a>
 
−
    </div>
 
−
</div>
 
−
<div class="cd-popup19">
 
−
    <div class="cd-popup-container19">
 
−
        <p>TTTTTTTT</p>
 
−
        <div class="cd-buttons">
 
−
            自定义整体容器宽高度及内容，高度可自适应可固定,样式可以定义自己喜欢的样式，这里就不做美观了
 
−
        </div>
 
−
        <a href="#0" class="cd-popup-close">close</a>
 
−
    </div>
 
−
</div>
 
−
<div class="cd-popup20">
 
−
    <div class="cd-popup-container20">
 
−
        <p>UUUUUUUU</p>
 
−
        <div class="cd-buttons">
 
−
            自定义整体容器宽高度及内容，高度可自适应可固定,样式可以定义自己喜欢的样式，这里就不做美观了
 
−
        </div>
 
−
        <a href="#0" class="cd-popup-close">close</a>
 
−
    </div>
 
−
</div>
 
−
<div class="cd-popup21">
 
−
    <div class="cd-popup-container21">
 
−
        <p>VVVVVVVVV</p>
 
−
        <div class="cd-buttons">
 
−
            自定义整体容器宽高度及内容，高度可自适应可固定,样式可以定义自己喜欢的样式，这里就不做美观了
 
−
        </div>
 
−
        <a href="#0" class="cd-popup-close">close</a>
 
−
    </div>
 
−
</div>
 
−
<div class="cd-popup22">
 
−
    <div class="cd-popup-container22">
 
−
        <p>WWWWWWWW</p>
 
−
        <div class="cd-buttons">
 
−
            自定义整体容器宽高度及内容，高度可自适应可固定,样式可以定义自己喜欢的样式，这里就不做美观了
 
−
        </div>
 
−
        <a href="#0" class="cd-popup-close">close</a>
 
−
    </div>
 
−
</div>
 
−
<div class="cd-popup23">
 
−
    <div class="cd-popup-container23">
 
−
        <p>XXXXXXXXXX</p>
 
−
        <div class="cd-buttons">
 
−
            自定义整体容器宽高度及内容，高度可自适应可固定,样式可以定义自己喜欢的样式，这里就不做美观了
 
−
        </div>
 
−
        <a href="#0" class="cd-popup-close">close</a>
 
−
    </div>
 
−
</div>
 
−
<div class="cd-popup24">
 
−
    <div class="cd-popup-container24">
 
−
        <p>YYYYYYYYYY</p>
 
−
        <div class="cd-buttons">
 
−
            自定义整体容器宽高度及内容，高度可自适应可固定,样式可以定义自己喜欢的样式，这里就不做美观了
 
−
        </div>
 
−
        <a href="#0" class="cd-popup-close">close</a>
 
−
    </div>
 
−
</div>
 
 
    
 
    
−
  <div class="page-border">
+
  <div class="page-border">
 
        
 
        
 
<main id="main-content" class="main" role="main">
 
<main id="main-content" class="main" role="main">
Line 908: Line 200:
 
     </a>
 
     </a>
 
   </div>
 
   </div>
−
  <div id="language-switch" class="pull-right">
+
−
 
+
−
 
+
−
 
+
−
    <a href="javascript:0;" class="cd-popup-trigger23" rel="contact" data-layout="page" class="button primary page-transit"></a>
+
−
 
+
−
 
+
−
  </div>
+
 
    
 
    
 
   <div id="nav-toggle">
 
   <div id="nav-toggle">
Line 922: Line 207:
 
    
 
    
 
</header>
 
</header>
−
 
+
<nav id="site-navigation" role="navigation">
−
+
  <ul>
−
<ul id="navigation">
+
 
−
<li class="home"><a href="https://2017.igem.org/Team:Tianjin/Project" title="Project"></a></li>
+
   
−
<li class="about"><a href="https://2017.igem.org/Team:Tianjin/Parts" title="Parts"></a></li>
+
   
−
<li class="search"><a href="https://2017.igem.org/Team:Tianjin/Team" title="Team"></a></li>
+
    <li >
−
<li class="photos"><a href="https://2017.igem.org/Team:Tianjin/Human_Practices" title="Human Practice"></a></li>
+
        <a id="menu-about"  href="https://2017.igem.org/Team:Tianjin/Project">
−
</ul>
+
          <font size="1.3rem" style="font-family:'raleway',Verdana,sans-serif;" color="#c4d8d1">project</font>
−
 
+
        </a>
−
<div style="height:1200px;"></div>
+
       
−
 
+
    </li>
−
<script type="text/javascript" src="https://2017.igem.org/Team:Tianjin/Resources/JS:navjs?action=raw&ctype=text/javascript"></script>
+
 
−
 
+
   
−
<nav class="page-navi">
+
   
−
  <a href="https://2017.igem.org/Team:Tianjin/Human_Practices">
+
    <li >
−
    <span class="next-page">
+
        <a id="menu-process"  href="https://2017.igem.org/Team:Tianjin/Parts/">
−
      <span class="hint">Human Practices</span>
+
            <font size="1.3rem" style="font-family:'raleway',Verdana,sans-serif;" color="#c4d8d1">parts</font>
−
      <br />
+
        </a>
−
    </span>
+
       
−
     <span class="arrow right"></span>
+
    </li>
−
   </a>
+
 
−
</nav>
+
   
 +
   
 +
    <li >
 +
        <a id="menu-works"  href="https://2017.igem.org/Team:Tianjin/team">
 +
            <font size="1.3rem" style="font-family:'raleway',Verdana,sans-serif;" color="#c4d8d1">team</font>
 +
        </a>
 +
       
 +
    </li>
 +
 
 +
   
 +
   
 +
    <li class="active">
 +
        <a id="menu-contact"  href="https://2017.igem.org/Team:Tianjin/Human_Practices">
 +
            <font size="1.3rem" style="font-family:'raleway',Verdana,sans-serif;" color="#c4d8d1">human practices</font>
 +
        </a>
 +
       
 +
     </li>
 +
 
 +
   </ul>
 +
</nav>
 +
 +
  
 
<footer id="site-footer" role="contentinfo">
 
<footer id="site-footer" role="contentinfo">

Latest revision as of 16:37, 1 November 2017

<!doctype html> TEAM