Difference between revisions of "Team:Worldshaper-XSHS/Team"

 
(41 intermediate revisions by 4 users not shown)
Line 1: Line 1:
<!DOCTYPE html>
+
<html>
<html lang="en" dir="ltr" class="client-nojs">
+
<style type="text/css">
<head>
+
    html body{
<meta charset="UTF-8" />
+
        font-family:purista  !important;
<title>Team:Worldshaper-XSHS/members.html - 2017.igem.org</title>
+
    }
<meta name="generator" content="MediaWiki 1.24.1" />
+
    p{
<meta name="ResourceLoaderDynamicStyles" content="" />
+
        font-family: arial
 +
    }
 +
    figure .img-wrapper img {
 +
            width: 100%;
 +
            height:300px
 +
        }
 +
           
 +
        figure figcaption{
 +
            padding: 20px 25px;
 +
            margin-top: 0;
 +
            color: #333;
 +
            height: 330px
 +
        }
 +
        .dropdown-menu > ul{
 +
        background-color: rgba(132,176,110,0.6)!important
 +
        }
  
</head>
+
    .positiontitle {
<body class="mediawiki ltr sitedir-ltr ns-0 ns-subject page-Team_Worldshaper-XSHS_members_html skin-igem action-view">
+
        position: relative;
 +
        top: 500px;
 +
        font-size: 68px;
 +
        color: #fff;
 +
        z-index: 100;
 +
        letter-spacing: 0.0588235em;
 +
    }
  
     <link rel='stylesheet' type='text/css' href='http://igem2017.worldshaper.cn/XSHS/css/wiki_edit.css' />
+
     .colul .colactive a {
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/bootstrap.min.css">
+
        font-size: 22px;
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/ionicons.min.css">
+
        color: #00746b !important;
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/animate.css">
+
    }
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/slider.css">
+
 
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/owl.carousel.css">
+
    .v1 {
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/owl.theme.css">
+
        font-family: purista !important;
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/jquery.fancybox.css">
+
        font-weight: 600 !important;
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/main.css">
+
        font-style: normal !important;
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/responsive.css">
+
        font-size: 25px !important;
    <script src="http://igem2017.worldshaper.cn/XSHS/js/vendor/modernizr-2.6.2.min.js"></script>
+
        letter-spacing: .05em !important;
    <script src="http://igem2017.worldshaper.cn/XSHS/js/jquery.min.js"></script>
+
        text-transform: uppercase !important;
    <script src="http://igem2017.worldshaper.cn/XSHS/js/owl.carousel.min.js"></script>
+
        line-height: 1.2em !important;
    <script src="http://igem2017.worldshaper.cn/XSHS/js/bootstrap.min.js"></script>
+
        color: #4a4a4a !important;
    <script src="http://igem2017.worldshaper.cn/XSHS/js/wow.min.js"></script>
+
    }
    <script src="http://igem2017.worldshaper.cn/XSHS/js/slider.js"></script>
+
 
    <script src="http://igem2017.worldshaper.cn/XSHS/js/jquery.fancybox.js"></script>
+
    #top_menu_14 {
    <script src="http://igem2017.worldshaper.cn/XSHS/js/main.js"></script>
+
        height: auto !important;
     <header id="top-bar" class="navbar-fixed-top animated-header">
+
    }
 +
 
 +
    .colul a:hover {
 +
     
 +
        color: #00746b !important;
 +
    }
 +
 
 +
    .colul li a {
 +
        font-family: adobe-garamond-pro !important;
 +
        font-weight: 400;
 +
        font-style: normal;
 +
        font-size: 18px;
 +
        letter-spacing: 0px;
 +
        text-transform: none;
 +
        text-decoration: none;
 +
        line-height: 1.2em;
 +
        color: rgba(26, 26, 26, .7);
 +
        margin-bottom: .5em;
 +
 
 +
    }
 +
 
 +
    .ulfixed {
 +
        position: fixed !important;
 +
        top: 90px;
 +
    }
 +
 
 +
    .myheader {
 +
        box-shadow: none !important;
 +
        background:  rgba(132,176,110,0.6) !important;
 +
        border: none !important;
 +
    }
 +
 
 +
    .itemstyle {
 +
        font-family: arial !important;
 +
        font-weight: 400 !important;
 +
        font-style: normal !important;
 +
       
 +
        letter-spacing: 0px !important;
 +
        line-height: 1.6em !important;
 +
        color: rgba(26, 26, 26, .7) !important;
 +
    }
 +
 
 +
    .footer {
 +
        background:rgba(12, 61, 12, 0.8509803921568627) !important;
 +
    }
 +
    #back-to-top{
 +
        position:fixed;
 +
 
 +
    }
 +
    #back-to-top a{
 +
        text-align:center;
 +
        text-decoration:none;
 +
        color:#d1d1d1;
 +
        display:block;
 +
        width:80px;
 +
        /*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/
 +
        -moz-transition:color 1s;
 +
        -webkit-transition:color 1s;
 +
        -o-transition:color 1s;
 +
    }
 +
    #back-to-top a img{
 +
        background:#d1d1d1;
 +
        border-radius:6px;
 +
        display:block;
 +
        height:80px;
 +
        width:80px;
 +
        margin-bottom:5px;
 +
        -moz-transition:background 1s;
 +
        -webkit-transition:background 1s;
 +
        -o-transition:background 1s;
 +
    }
 +
    @font-face
 +
{
 +
    font-family: purista;
 +
    src: url('https://static.igem.org/mediawiki/2018/4/44/T--worldshaper-XSHS--semibold.otf'),
 +
    url('https://static.igem.org/mediawiki/2018/4/44/T--worldshaper-XSHS--semibold.otf');
 +
}
 +
</style>
 +
<link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/wiki_edit.css">
 +
<link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/bootstrap.min.css">
 +
<link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/ionicons.min.css">
 +
<link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/animate.css">
 +
<link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/slider.css">
 +
<link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/owl.carousel.css">
 +
<link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/owl.theme.css">
 +
<link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/jquery.fancybox.css">
 +
<link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/main.css">
 +
<link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/responsive.css">
 +
<script src="http://igem2017.worldshaper.cn/XSHS/js/vendor/modernizr-2.6.2.min.js"></script>
 +
<script src="http://igem2017.worldshaper.cn/XSHS/js/jquery.min.js"></script>
 +
<script src="http://igem2017.worldshaper.cn/XSHS/js/owl.carousel.min.js"></script>
 +
<script src="http://igem2017.worldshaper.cn/XSHS/js/bootstrap.min.js"></script>
 +
<script src="http://igem2017.worldshaper.cn/XSHS/js/wow.min.js"></script>
 +
<script src="http://igem2017.worldshaper.cn/XSHS/js/slider.js"></script>
 +
<script src="http://igem2017.worldshaper.cn/XSHS/js/jquery.fancybox.js"></script>
 +
<script src="http://igem2017.worldshaper.cn/XSHS/js/main.js"></script>
 +
<script type="text/javascript">
 +
     $(function () {
 +
        //当点击跳转链接后,回到页面顶部位置
 +
        $("#back-to-top").hide();
 +
        window.onscroll = function () {
 +
            var t = document.documentElement.scrollTop || document.body.scrollTop;  //获取距离页面顶部的距离
 +
            var $x = $('#Members').offset().top
 +
            if (t >= $x - 80) {
 +
                console.log(t, $x)
 +
                $('.colul').addClass('ulfixed')
 +
                $("#back-to-top").fadeIn(1500);
 +
            } else {
 +
                $('.colul').removeClass('ulfixed')
 +
                $("#back-to-top").fadeOut(1500);
 +
            }
 +
        }
 +
        $("#back-to-top").click(function () {
 +
            $('body,html').animate({ scrollTop: 0 }, 1000);
 +
            return false;
 +
        });
 +
        $('.colul li').click(function () {
 +
            $(this).siblings().removeClass('colactive')
 +
            $(this).addClass('colactive')
 +
        })
 +
    })
 +
</script>
 +
 
 +
 
 +
<header id="top-bar" class="navbar-fixed-top animated-header navbar navbar-default myheader" >
 
         <div class="container">
 
         <div class="container">
             <div class="navbar-header">
+
             <div class="navbar-header" >
 
                 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
 
                 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
 
                     <span class="sr-only">Toggle navigation</span>
 
                     <span class="sr-only">Toggle navigation</span>
Line 36: Line 181:
 
                     <span class="icon-bar"></span>
 
                     <span class="icon-bar"></span>
 
                     <span class="icon-bar"></span>
 
                     <span class="icon-bar"></span>
                </button>
+
        </button>
                 <div class="navbar-brand">
+
                 <div class="navbar-brand " style="display:block;color:#fff;margin-left:15px;font-size:20px">
                     <a href="https://2017.igem.org/Team:Worldshaper-XSHS" >
+
                     <a href="https://2018.igem.org/Team:Worldshaper-XSHS">
                         worldshaper- <b>XSHS</b>
+
                         Worldshaper- <b>XSHS</b>
 
                     </a>
 
                     </a>
 
                 </div>
 
                 </div>
            </div>
+
      </div>
 
             <nav class="collapse navbar-collapse navbar-right" role="navigation">
 
             <nav class="collapse navbar-collapse navbar-right" role="navigation">
 
                 <div class="main-menu">
 
                 <div class="main-menu">
 
                     <ul class="nav navbar-nav navbar-right">
 
                     <ul class="nav navbar-nav navbar-right">
                         <li>
+
                          
                            <a href="https://2017.igem.org/Team:Worldshaper-XSHS">Home</a>
+
                        </li>
+
 
                         <li class="dropdown">
 
                         <li class="dropdown">
 
                             <a class="dropdown-toggle" data-toggle="dropdown">
 
                             <a class="dropdown-toggle" data-toggle="dropdown">
Line 56: Line 199:
 
                             <div class="dropdown-menu">
 
                             <div class="dropdown-menu">
 
                                 <ul>
 
                                 <ul>
 +
 
                                     <li>
 
                                     <li>
                                         <a href="https://2017.igem.org/Team:Worldshaper-XSHS/aboutus.html">about us</a>
+
                                         <a href="https://2018.igem.org/Team:Worldshaper-XSHS/aboutus.html">about us</a>
 
                                     </li>
 
                                     </li>
 
                                     <li>
 
                                     <li>
                                         <a href="https://2017.igem.org/Team:Worldshaper-XSHS/members.html">Members</a>
+
                                         <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Team">Members</a>
                                    </li>
+
                                    <li>
+
                                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Collaborations">Collaborations</a>
+
 
                                     </li>
 
                                     </li>
 +
                                   
 
                                 </ul>
 
                                 </ul>
 
                             </div>
 
                             </div>
 
                         </li>
 
                         </li>
 +
                                    <li>
 +
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Collaborations">Collaborations</a>
 +
                                    </li>
 
                         <li class="dropdown">
 
                         <li class="dropdown">
 
                             <a class="dropdown-toggle" data-toggle="dropdown">
 
                             <a class="dropdown-toggle" data-toggle="dropdown">
Line 76: Line 221:
 
                                 <ul>
 
                                 <ul>
 
                                     <li>
 
                                     <li>
                                         <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Background.html">Background</a>
+
                                         <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Background.html">Background</a>
 
                                     </li>
 
                                     </li>
 
                                     <li>
 
                                     <li>
                                         <a href="https://2017.igem.org/Team:Worldshaper-XSHS/design.html">Design</a>
+
                                         <a href="https://2018.igem.org/Team:Worldshaper-XSHS/design.html">Design</a>
 
                                     </li>
 
                                     </li>
 
                                     <li>
 
                                     <li>
                                         <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Protocols-methods.html">Protocols and methods</a>
+
                                         <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Protocols-methods.html">Protocols and methods</a>
 
                                     </li>
 
                                     </li>
 
                                     <li>
 
                                     <li>
                                         <a href="https://2017.igem.org/Team:Worldshaper-XSHS/result.html">Results</a>
+
                                         <a href="https://2018.igem.org/Team:Worldshaper-XSHS/result.html">Results</a>
 
                                     </li>
 
                                     </li>
 
                                     <li>
 
                                     <li>
                                         <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Future-plans.html">Future plans</a>
+
                                         <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Future-plans.html">Future plans</a>
 
                                     </li>
 
                                     </li>
 +
                                   
 
                                     <li>
 
                                     <li>
                                         <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Attributions">Attributions</a>
+
                                         <a href="https://2018.igem.org/Team:Worldshaper-XSHS/InterLab">Interlab</a>
 
                                     </li>
 
                                     </li>
 
                                     <li>
 
                                     <li>
                                         <a href="https://2017.igem.org/Team:Worldshaper-XSHS/InterLab">Interlab</a>
+
                                         <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Model">Model</a>
 
                                     </li>
 
                                     </li>
 
                                     <li>
 
                                     <li>
                                         <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Model">Model</a>
+
                                         <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Demonstrate">Demonstrate</a>
                                    </li>
+
                                    <li>
+
                                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Demonstrate">Demonstrate</a>
+
 
                                     </li>
 
                                     </li>
  
Line 107: Line 250:
 
                         </li>
 
                         </li>
 
                         <li>
 
                         <li>
                             <a href="https://2017.igem.org/Team:Worldshaper-XSHS/parts.html">Parts</a>
+
                             <a href="https://2018.igem.org/Team:Worldshaper-XSHS/parts.html">Parts</a>
 
                         </li>
 
                         </li>
 
                         <li class="dropdown">
 
                         <li class="dropdown">
 
                             <a class="dropdown-toggle" data-toggle="dropdown">
 
                             <a class="dropdown-toggle" data-toggle="dropdown">
                                 HUMAN PRACTICES
+
                                 HP
 
                                 <span class="caret"></span>
 
                                 <span class="caret"></span>
 
                             </a>
 
                             </a>
Line 117: Line 260:
 
                                 <ul>
 
                                 <ul>
 
                                     <li>
 
                                     <li>
                                         <a href="https://2017.igem.org/Team:Worldshaper-XSHS/HP/Silver">Silver</a>
+
                                         <a href="https://2018.igem.org/Team:Worldshaper-XSHS/HP/Silver">Silver</a>
 
                                     </li>
 
                                     </li>
 
                                     <li>
 
                                     <li>
                                         <a href="https://2017.igem.org/Team:Worldshaper-XSHS/HP/Gold_Integrated">Integrated and Gold</a>
+
                                         <a href="https://2018.igem.org/Team:Worldshaper-XSHS/HP/Gold_Integrated">Integrated and Gold</a>
 
                                     </li>
 
                                     </li>
 
                                     <li>
 
                                     <li>
                                         <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Engagement">Engagement</a>
+
                                         <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Engagement">Engagement</a>
 
                                     </li>
 
                                     </li>
 
                                 </ul>
 
                                 </ul>
Line 129: Line 272:
 
                         </li>
 
                         </li>
 
                         <li>
 
                         <li>
                             <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Applied_Design">Applied Design</a>
+
                             <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Applied_Design">Applied Design</a>
 
                         </li>
 
                         </li>
 
                         <li class="dropdown">
 
                         <li class="dropdown">
Line 139: Line 282:
 
                                 <ul>
 
                                 <ul>
 
                                     <li>
 
                                     <li>
                                         <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Medal-requirements.html">Medal requirements</a>
+
                                         <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Medal-requirements.html">Medal requirements</a>
 
                                     </li>
 
                                     </li>
 
                                 </ul>
 
                                 </ul>
Line 145: Line 288:
 
                         </li>
 
                         </li>
 
                         <li>
 
                         <li>
                             <a href="https://2017.igem.org/Team:Worldshaper-XSHS/safety.html">Safety</a>
+
                             <a href="https://2018.igem.org/Team:Worldshaper-XSHS/safety.html">Safety</a>
 
                         </li>
 
                         </li>
 +
                                    <li>
 +
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Attributions">Attributions</a>
 +
                                    </li>
 
                     </ul>
 
                     </ul>
 
                 </div>
 
                 </div>
Line 153: Line 299:
 
     </header>
 
     </header>
  
     <section class="global-page-header">
+
<section class="visual wow fadeInLeft text-center animated" data-wow-duration="500ms" data-wow-delay="200ms" style="visibility: visible; animation-duration: 500ms; animation-delay: 200ms; animation-name: fadeInLeft;">
         <div class="container">
+
     <strong class="positiontitle">Members</strong>
             <div class="row">
+
    <!-- 这里是大图的标题 -->
                 <div class="col-md-12">
+
    <img src="https://static.igem.org/mediawiki/2018/e/e6/T--worldshaper-XSHS--a001.png" alt="" class="bg-stretch" style="width:100%">
                     <div class="block">
+
    <!-- 这里是大图的图片链接 -->
                        <h2>Members</h2>
+
</section>
                    </div>
+
 
                </div>
+
<section class="container">
 +
    <div class="col-xs-2 xshs-box3  ">
 +
         <ul class="colul text-left">
 +
             <li class="colactive mt-1">
 +
                 <a href="#Members">Members</a>
 +
            </li>
 +
            <li class="mt-1">
 +
                <a href="#Instructors">Instructors</a>
 +
            </li>
 +
                        <!-- 这里是页面定位锚点  href 对应代码的 “id属性  例如 id='xxx'  ”-->
 +
            <li>
 +
                <p id="back-to-top" style="margin-top: 50px;">
 +
                     <a href="#top">
 +
                        <img src="https://static.igem.org/mediawiki/2018/e/e5/T--worldshaper-XSHS--back.png">
 +
                        TO Top
 +
                    </a>
 +
                </p>
 +
            </li>
 +
 
 +
        </ul>
 +
    </div>
 +
    <div class="col-xs-10 ">
 +
        <section class="service-page">
 +
            <h2 id="Members" class="subtitle wow fadeInUp animated" data-wow-delay=".3s" data-wow-duration="500ms" style="text-align: center;">Members</h2>
 +
            <div style="
 +
              width: 28%;
 +
              margin: 0 auto;
 +
              margin-top: -34px;
 +
          ">
 +
          <hr style="
 +
              height: 3px;
 +
              background-color: #0c3d0c99!important;
 +
              margin-top: 40px
 +
          ">
 
             </div>
 
             </div>
        </div>
 
    </section>
 
  
    <section class="service-page">
 
        <div class="container">
 
            <h2 class="subtitle wow fadeInUp animated" data-wow-delay=".3s" data-wow-duration="500ms">Members</h2>
 
 
             <p class="subtitle-des wow fadeInUp animated" data-wow-delay=".5s" data-wow-duration="500ms"></p>
 
             <p class="subtitle-des wow fadeInUp animated" data-wow-delay=".5s" data-wow-duration="500ms"></p>
 
             <div class="row">
 
             <div class="row">
 
                 <div class="clearfix">
 
                 <div class="clearfix">
                     <div class="col-sm-3">
+
                     <div class="col-sm-4">
 
                         <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
 
                         <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
 
                             <div class="img-wrapper">
 
                             <div class="img-wrapper">
                                 <img src="https://static.igem.org/mediawiki/2017/7/72/T-worldshaper-XSHS-s001.png" class="img-responsive" alt="" />                  
+
                                 <img src="https://static.igem.org/mediawiki/2018/a/a9/T--worldshaper-XSHS--m001.png" class="img-responsive" alt="" />
 
                             </div>
 
                             </div>
 
                             <figcaption>
 
                             <figcaption>
                                 <h4>Huang Nan</h4>
+
                                 <h4>Name: Mei Yantao</h4>
                                <p>Task: team leader, total coordination, team member</p>
+
 
                                 <p>
+
                                 <p class="itemstyle">Introduction: Although he is fat, he likes sports. His hobbies are playing games, reading
                                    Introduction: Huang Nan is a very reliable leader. The work of the whole team was carried out reasonably and orderly in his coordination and arrangement. Despite his "captain" status, Huang Nan is a good team member, rigorous and cautious in the experiment, focused on his work, and aggressive in his studies. And Huang Nan in daily life, contracting all the humor, is a very interesting person.
+
                                    books, listening to songs, playing musical instruments, aerial photography, robots, etc.
 +
                                    His favorite thing is doing homework.
 
                                 </p>
 
                                 </p>
 
                             </figcaption>
 
                             </figcaption>
Line 186: Line 361:
 
                     </div>
 
                     </div>
  
                     <div class="col-sm-3">
+
                     <div class="col-sm-4">
 
                         <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
 
                         <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
 
                             <div class="img-wrapper">
 
                             <div class="img-wrapper">
                                 <img src="https://static.igem.org/mediawiki/2017/e/e7/T-worldshaper-XSHS-s002.png" class="img-responsive" alt="" />
+
                                 <img src="https://static.igem.org/mediawiki/2018/f/f7/T--worldshaper-XSHS--m002.png" class="img-responsive" alt="" />
 
                             </div>
 
                             </div>
 
                             <figcaption>
 
                             <figcaption>
                                 <h4>Yu Kuai</h4>
+
                                 <h4>Name: Yu Yangkun</h4>
                                <p>Task: wet team &amp; dry team member, dry team leader</p>
+
 
                                 <p>Introduction: Yu Kuai is a attentive,responsible and outstanding member. He has a quick wit to learn things well. Plus, he has a good command of leadership. His participation of wet teams in the process of engagement is extremely high. Huang nan, the chief captain, was in tune with him. Bold and careful,he is also considerate and attentive in the work.</p>
+
                                 <p class="itemstyle">Introduction: Yu Yangkun is a cheerful, humorous, and sincere person. He does not have bad habits
 +
                                    and has a good health. He is good at drawing and calligraphy. He does things very
 +
                                    meticulouslyly.</p>
 
                             </figcaption>
 
                             </figcaption>
 
                         </figure>
 
                         </figure>
 
                     </div>
 
                     </div>
  
                     <div class="col-sm-3">
+
                     <div class="col-sm-4">
 
                         <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
 
                         <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
 
                             <div class="img-wrapper">
 
                             <div class="img-wrapper">
                                 <img src="https://static.igem.org/mediawiki/2017/0/0d/T-worldshaper-XSHS-s003.png" class="img-responsive" alt="" />
+
                                 <img src="https://static.igem.org/mediawiki/2018/d/d4/T--worldshaper-XSHS--m003.png" class="img-responsive" alt="" />
 
                             </div>
 
                             </div>
 
                             <figcaption>
 
                             <figcaption>
                                 <h4>Li Siyu</h4>
+
                                 <h4>Name: He Xinyi</h4>
                                 <p>Task: wet team member, dry team member</p>
+
                                 <p class="itemstyle">Introduction: She likes music, sports, and fond of attempting new things. She is more interested in novels
                                <p>Introduction: She works hard and strives to be perfect. She has principles, standards and efficiency. She is highly responsible for people, rigorous in thinking, reasonable, practical, down-to-earth but willing to look up at the stars. She was serious and principled in the work of the wet team.</p>
+
                                    and psychology books. She wants to be a unfettered person who can do what she wants.
 +
                                    to do.</p>
 
                             </figcaption>
 
                             </figcaption>
 
                         </figure>
 
                         </figure>
 
                     </div>
 
                     </div>
  
                     <div class="col-sm-3">
+
                     <div class="col-sm-4">
 
                         <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
 
                         <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
 
                             <div class="img-wrapper">
 
                             <div class="img-wrapper">
                                 <img src="https://static.igem.org/mediawiki/2017/3/3f/T-worldshaper-XSHS-s004.png" class="img-responsive" alt="" />
+
                                 <img src="https://static.igem.org/mediawiki/2018/8/8b/T--worldshaper-XSHS--m004.png" class="img-responsive" alt="" />
 
                             </div>
 
                             </div>
 
                             <figcaption>
 
                             <figcaption>
                                 <h4>Fu Chaotonglie</h4>
+
                                 <h4>Name: Pan Hui</h4>
                                <p>Task:wet team member, dry team member </p>
+
 
                                 <p>Introduction: He is a patient, modest and prudent member. He was creative, enthusiastic and patient with his work and team. Meanwhile, Fu was independent and focused. Active participating in both dry team and wet team work, he is always careful and dynamic. In a word, Fu is a very trustworthy man on the team.</p>
+
                                 <p class="itemstyle">Introduction: She likes to participate in team activities and meet new friends. She is curious
 +
                                    about psychology, willing to read some books about social sciences; she believe the importance of efficiency.
 +
                                    "Either don't do it, or do it." She expects to do do anything with her heart.
 +
                                 
 +
                                </p>
 
                             </figcaption>
 
                             </figcaption>
 
                         </figure>
 
                         </figure>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
 +
               
 
                 <div class="clearfix">
 
                 <div class="clearfix">
                     <div class="col-sm-3">
+
                     <div class="col-sm-4">
 
                         <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
 
                         <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
 
                             <div class="img-wrapper">
 
                             <div class="img-wrapper">
                                 <img src="https://static.igem.org/mediawiki/2017/9/9a/T-worldshaper-XSHS-s005.png" class="img-responsive" alt="" />
+
                                 <img src="https://static.igem.org/mediawiki/2018/9/90/T--worldshaper-XSHS--m005.png" class="img-responsive" alt="" />
 
                             </div>
 
                             </div>
 
                             <figcaption>
 
                             <figcaption>
                                 <h4>Tang Xiao</h4>
+
                                 <h4>Name: Yang Jianing</h4>
                                 <p>Task: wet team member, dry team member</p>
+
 
                                <p>He is a member of school chemistry competition team. Biology and chemistry is the two very similar disciplines in a certain sense, the need for thinking habits are similar as well.As a high school student, he has a great interest in biology and a deep understanding of the professional knowledge of biology field. He is enthusiastic and attentive to the experiment while nice and cheerful to his teammates. Responsible as he is, he is quite attentive to the team tasks.</p>
+
                                 <p class="itemstyle">Introduction: He is a very active person in the team, but he will complete the task on time
 +
                                    and on time. He is very good at science because he only loves science.
 +
                                </p>
 
                             </figcaption>
 
                             </figcaption>
 
                         </figure>
 
                         </figure>
 
                     </div>
 
                     </div>
  
                     <div class="col-sm-3">
+
                     <div class="col-sm-4">
 
                         <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
 
                         <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
 
                             <div class="img-wrapper">
 
                             <div class="img-wrapper">
                                 <img src="https://static.igem.org/mediawiki/2017/8/8c/T-worldshaper-XSHS-s006.png" class="img-responsive" alt="" />
+
                                 <img src="https://static.igem.org/mediawiki/2018/4/4c/T--worldshaper-XSHS--m006.png" class="img-responsive" alt="" />
 
                             </div>
 
                             </div>
 
                             <figcaption>
 
                             <figcaption>
                                 <h4>Tang Zike</h4>
+
                                 <h4>Name: Yu Yangyang</h4>
                                <p>Task:wet team member, dry team member</p>
+
 
                                 <p>Introduction:She is a sincere, active and enthusiastic member. She has a quite unique personality. As the head of the team's entertainment group, she has a keen sense of beauty and an eye for beauty. She is intelligent and humorous, and has a original way of thinking about biology. “How much like an angel in her actions, how she is like a god in wisdom! She is the essence of the universe, the spirit of all things!”  </p>
+
                                 <p class="itemstyle">Introduction:Yu Yangyang loves animation, games, and natural science. He likes to
 +
                                    explore the unknown world and hopes to become knowledgeable. His drawback is lack of self-control.
 +
                                    </p>
 
                             </figcaption>
 
                             </figcaption>
 
                         </figure>
 
                         </figure>
 
                     </div>
 
                     </div>
  
                     <div class="col-sm-3">
+
                     <div class="col-sm-4">
 
                         <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
 
                         <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
 
                             <div class="img-wrapper">
 
                             <div class="img-wrapper">
                                 <img src="https://static.igem.org/mediawiki/2017/e/e8/T-worldshaper-XSHS-s007.png" class="img-responsive" alt="" />
+
                                 <img src="https://static.igem.org/mediawiki/2018/f/fd/T--worldshaper-XSHS--m007.png" class="img-responsive" alt="" />
 
                             </div>
 
                             </div>
 
                             <figcaption>
 
                             <figcaption>
                                 <h4>Weng Jianchun</h4>
+
                                 <h4>Name:CaoShuaijun</h4>
                                <p>Task: dry team member</p>
+
 
                                 <p>Introduction: She is quiet and reserved. She seems not active, but she actually was thoughtful and insightful. She had a unique perspective on many issues. Her name is rich in poetic meaning in Chinese. She is outstanding for her kindness and hard work.</p>
+
                                 <p class="itemstyle">Introduction:His hobby is playing basketball and badminton. He likes physical chemistry.
 +
                                    Although he is fat, he likes to jog. Movies and food are his favorite things. He likes
 +
                                    to go to the bookstore with his friends. </p>
 
                             </figcaption>
 
                             </figcaption>
 
                         </figure>
 
                         </figure>
 
                     </div>
 
                     </div>
  
                     <div class="col-sm-3">
+
                     <div class="col-sm-4">
 
                         <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
 
                         <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
 
                             <div class="img-wrapper">
 
                             <div class="img-wrapper">
                                 <img src="https://static.igem.org/mediawiki/2017/1/1a/T-worldshaper-XSHS-s008.png" class="img-responsive" alt="" />
+
                                 <img src="https://static.igem.org/mediawiki/2018/1/14/T--worldshaper-XSHS--m008.png" class="img-responsive" alt="" />
 
                             </div>
 
                             </div>
 
                             <figcaption>
 
                             <figcaption>
                                 <h4>Miao Ruixuan</h4>
+
                                 <h4>Name: Pan Yangbo</h4>
                                <p>Task: dry team</p>
+
 
                                 <p>Summary:He's a careful and reliable player. He's very sedate and very real. In the team,he is responsible for social Preaching , with the attitude of being meticulous and attending to minute details in everything.The team members are also very concerned about. Speaking fast nor slow, we can always feel his life doing neither fast nor slow rhythm, just perfect.</p>
+
                                 <p class="itemstyle">Introduction:He is a boy who likes to try; He is a boy who can do everything. He is a procrastinator,
 +
                                    but he can get things done in the end. He looked forward to this unusual experience, to
 +
                                    this different growth, and to greeting this gold medal with his teammates.</p>
 
                             </figcaption>
 
                             </figcaption>
 
                         </figure>
 
                         </figure>
 
                     </div>
 
                     </div>
                </div>
+
 
                <div class="clearfix">
+
                     <div class="col-sm-4">
                     <div class="col-sm-3">
+
 
                         <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
 
                         <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
 
                             <div class="img-wrapper">
 
                             <div class="img-wrapper">
                                 <img src="https://static.igem.org/mediawiki/2017/f/f5/T-worldshaper-XSHS-s009.png" class="img-responsive" alt="" />
+
                                 <img src="https://static.igem.org/mediawiki/2018/9/92/T--worldshaper-XSHS--m009.png" class="img-responsive" alt="" />
 
                             </div>
 
                             </div>
 
                             <figcaption>
 
                             <figcaption>
                                 <h4>LiAo</h4>
+
                                 <h4>Name: ShenHongcheng</h4>
                                <p>Task: dry team</p>
+
 
                                 <p>Summary: he is a calm, meticulous and gentle player. He never compete in speech or build a lively atmosphere during training squad .But he is very serious in learning and taking notes carefully to understand every detail of the knowledge points. In the work he is also very careful and do not let any detail go.</p>
+
                                 <p class="itemstyle">Introduction:He is a lovely boy. He likes to go out to work because he will get plenty
 +
                                    of exercise chances and happiness. He is fond of making friends, getting along with
 +
                                    each others, from mutual ignorance to mutual familiarity.</p>
 
                             </figcaption>
 
                             </figcaption>
 
                         </figure>
 
                         </figure>
 
                     </div>
 
                     </div>
  
                     <div class="col-sm-3">
+
                     <div class="col-sm-4">
 
                         <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
 
                         <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
 
                             <div class="img-wrapper">
 
                             <div class="img-wrapper">
                                 <img src="https://static.igem.org/mediawiki/2017/5/5e/T-worldshaper-XSHS-s010.png" class="img-responsive" alt="" />
+
                                 <img src="https://static.igem.org/mediawiki/2018/c/c0/T--worldshaper-XSHS--m010.png" class="img-responsive" alt="" />
 
                             </div>
 
                             </div>
 
                             <figcaption>
 
                             <figcaption>
                                 <h4>Wang Rui</h4>
+
                                 <h4>Name: ShenYibin</h4>
                                <p>Task: wet team ,dry team</p>
+
 
                                 <p>Summary:Wang Rui has various kinds of interests, he not only has a keen interest in biology,but also likes photographing very much.Therefore,he takes charge of taking photos on the team.He is absorbed in working,both doing experiments and taking pictures.He is a trustworthy team member.</p>
+
                                 <p class="itemstyle">Introduction:He is a super lively person, please do not be cheated by his introverted appearance.
 +
                                    He does well in thinking. He can easily calm down and do experiments, trying to find out
 +
                                    the deficiencies in the experiment and correcting them.</p>
 
                             </figcaption>
 
                             </figcaption>
 
                         </figure>
 
                         </figure>
 
                     </div>
 
                     </div>
  
                     <div class="col-sm-3">
+
                     <div class="col-sm-4">
 
                         <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
 
                         <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
 
                             <div class="img-wrapper">
 
                             <div class="img-wrapper">
                                 <img src="https://static.igem.org/mediawiki/2017/e/e6/T-worldshaper-XSHS-s011.png" class="img-responsive" alt="" />
+
                                 <img src="https://static.igem.org/mediawiki/2018/0/0e/T--worldshaper-XSHS--m011.png" class="img-responsive" alt="" />
 
                             </div>
 
                             </div>
 
                             <figcaption>
 
                             <figcaption>
                                 <h4>XuKe</h4>
+
                                 <h4>Name: Sun Zeyu</h4>
                                <p>Task:wet team, dry team</p>
+
 
                                 <p>Summary:He is an active, outgoing, enthusiastic and thoughtful player. He is strict with oneself and broad-minded toward others. As a matter of fact, he is also a very serious man. He makes analysis and planning in focus. Sometimes he even lose sleep and forget to eat from anxiety.He has a strict mind and is often the first one to calm down when others are agitated .</p>
+
                                 <p class="itemstyle">Introduction:She likes to paint, especially the landscape paintings in Chinese paintings.
 +
                                    She always thinks that landscape paintings are only composed of dotted lines, but there
 +
                                    is an indescribable momentum and charm in the mountains and rivers. It is as simple as
 +
                                    she is pursuing.</p>
 
                             </figcaption>
 
                             </figcaption>
 
                         </figure>
 
                         </figure>
 
                     </div>
 
                     </div>
  
                     <div class="col-sm-3">
+
                     <div class="col-sm-4">
 
                         <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
 
                         <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
 
                             <div class="img-wrapper">
 
                             <div class="img-wrapper">
                                 <img src="https://static.igem.org/mediawiki/2017/d/d3/T-worldshaper-XSHS-s012.png" class="img-responsive" alt="" />
+
                                 <img src="https://static.igem.org/mediawiki/2018/b/b2/T--worldshaper-XSHS--m013.png" class="img-responsive" alt="" />
 
                             </div>
 
                             </div>
 
                             <figcaption>
 
                             <figcaption>
                                 <h4>Name:Chen Yirong</h4>
+
                                 <h4>Name: XuJie</h4>
                                <p>Task: dry team</p>
+
 
                                 <p>Summary:Yirong is an important member of dry team.She is an active and outgoing girl.What's more,she is quick-wittedness,she can come up with a series of fresh ideas sometimes.She is always energetic and possitive while working.She works for the team to the best of his ability.</p>
+
                                 <p class="itemstyle">Introduction:He looks active and helpful. He loves piano, basketball, travel... He is also
 +
                                    addictive to  explore something unknown. Especially in domain of natural sciences, he firmly believes
 +
                                    that the secret to achieve is perseverance. </p>
 
                             </figcaption>
 
                             </figcaption>
 
                         </figure>
 
                         </figure>
 
                     </div>
 
                     </div>
                </div>
 
            </div>
 
  
        </div>
+
                    <div class="col-sm-4">
    </section>
+
                        <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
 +
                            <div class="img-wrapper">
 +
                                <img src="https://static.igem.org/mediawiki/2018/b/b4/T--worldshaper-XSHS--m014.png" class="img-responsive" alt="" />
 +
                            </div>
 +
                            <figcaption>
 +
                                <h4>Name:Yu Yijie</h4>
 +
 
 +
                                <p class="itemstyle">Introduction: She is a cute little girl. She feels optimistic about
 +
                                    life. There are three things she likes the most: sleeping; smiling, and relaxing
 +
                                  </p>
 +
                            </figcaption>
 +
                        </figure>
 +
                    </div>
 +
 
 +
                    <div class="col-sm-4">
 +
                        <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
 +
                            <div class="img-wrapper">
 +
                                <img src="https://static.igem.org/mediawiki/2018/0/0e/T--worldshaper-XSHS--m015.png" class="img-responsive" alt="" />
 +
                            </div>
 +
                            <figcaption>
 +
                                <h4> Name:Yan Yihai</h4>
 +
 
 +
                                <p class="itemstyle">Introduction: He feels enthusiasm on science. Because his parents engaged in scientific
 +
                                    research, he has opportunities to watch some advanced experimental equipments earlier.  Such experiences
 +
                                    spurred his interest in scientific research.</p>
 +
                            </figcaption>
 +
                        </figure>
 +
                    </div>
 +
        </section>
 +
        <section class="service-page">
 +
            <h2 id="Instructors" class="subtitle wow fadeInUp animated" data-wow-delay=".3s" data-wow-duration="500ms" style="text-align: center;">Instructors</h2>
 +
            <div style="
 +
              width: 28%;
 +
              margin: 0 auto;
 +
              margin-top: -34px;
 +
          ">
 +
          <hr style="
 +
              height: 3px;
 +
              background-color: #0c3d0c99!important;
 +
              margin-top: 40px
 +
          ">
 +
            </div>
  
    <section class="service-page">
 
        <div class="container">
 
            <h2 class="subtitle wow fadeInUp animated" data-wow-delay=".3s" data-wow-duration="500ms">Instructors</h2>
 
 
             <p class="subtitle-des wow fadeInUp animated" data-wow-delay=".5s" data-wow-duration="500ms"></p>
 
             <p class="subtitle-des wow fadeInUp animated" data-wow-delay=".5s" data-wow-duration="500ms"></p>
 
             <div class="row">
 
             <div class="row">
  
 
                 <div class="clearfix">
 
                 <div class="clearfix">
                     <div class="col-sm-3">
+
                     <div class="col-sm-4">
 
                         <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
 
                         <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
 
                             <div class="img-wrapper">
 
                             <div class="img-wrapper">
Line 350: Line 585:
 
                             <figcaption>
 
                             <figcaption>
 
                                 <h4>Dr. Dong Shan</h4>
 
                                 <h4>Dr. Dong Shan</h4>
                                 <p>Duties:Primary PI</p>
+
                                 <p class="itemstyle">Duties:Primary PI</p>
 +
                                <p class="itemstyle">Dr. Dong Shan is very enthusiastic in guiding every thing of iGEM. His instructive advice is
 +
                                    very helpful to us.</p>
 
                             </figcaption>
 
                             </figcaption>
 
                         </figure>
 
                         </figure>
 
                     </div>
 
                     </div>
  
                     <div class="col-sm-3">
+
                     <div class="col-sm-4">
 
                         <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
 
                         <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
 
                             <div class="img-wrapper">
 
                             <div class="img-wrapper">
Line 362: Line 599:
 
                             <figcaption>
 
                             <figcaption>
 
                                 <h4>Guo Ting</h4>
 
                                 <h4>Guo Ting</h4>
                                 <p>Duties:Secondary PI</p>
+
                                 <p class="itemstyle">Duties:Secondary PI</p>
                                 <p>Summary: a very lovely and responsible teacher.Biological group with the highest degree the teacher, she is a campus is peaceful and friendly, and the relationship between the team members is good, also gave the players a lot of constructive Suggestions and guidance.Believe under the charge of miss guo, teams will get satisfactory grades.</p>
+
                                 <p class="itemstyle">a very lovely and responsible teacher with the highest degree in the biological group,
 +
                                    she is friendly and gets well along with team members. She also gaves the players a lot of constructive suggestions and guidance. Believe
 +
                                    under the leading of Ms.Guo, teams will get prominent grades.</p>
 
                             </figcaption>
 
                             </figcaption>
 
                         </figure>
 
                         </figure>
 
                     </div>
 
                     </div>
  
                     <div class="col-sm-3">
+
                     <div class="col-sm-4">
 
                         <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
 
                         <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
 
                             <div class="img-wrapper">
 
                             <div class="img-wrapper">
Line 375: Line 614:
 
                             <figcaption>
 
                             <figcaption>
 
                                 <h4>Professor Zhu Xufen</h4>
 
                                 <h4>Professor Zhu Xufen</h4>
                                 <p>college of life sciences,Zhejiang University.She mainly works on study of molecular biology and microbiology.</p>
+
                                 <p class="itemstyle">college of life sciences,Zhejiang University. She mainly works in the field of molecular biology
 +
                                    and microbiology.
 +
                                </p>
 
                             </figcaption>
 
                             </figcaption>
 
                         </figure>
 
                         </figure>
 
                     </div>
 
                     </div>
  
                     <div class="col-sm-3">
+
                     <div class="col-sm-4">
 
                         <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
 
                         <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
 
                             <div class="img-wrapper">
 
                             <div class="img-wrapper">
Line 387: Line 628:
 
                             <figcaption>
 
                             <figcaption>
 
                                 <h4>Professor Xu Cheng</h4>
 
                                 <h4>Professor Xu Cheng</h4>
                                 <p>College of Life Sciences,Zhejiang University</p>
+
                                 <p class="itemstyle">College of Life Sciences,Zhejiang University</p>
                                 <p>You might think he was serious when you first met him,but lately you’ll find he is affine.He makes team members fall in love with bioinformatics.</p>
+
                                 <p class="itemstyle">You might think he looks rigid when you first met him, but later you’ll find he is affine. He
 +
                                    promotes team members'unity with bioinformatics.</p>
 
                             </figcaption>
 
                             </figcaption>
 
                         </figure>
 
                         </figure>
 
                     </div>
 
                     </div>
  
                </div>
+
                    <div class="col-sm-4">
                <div class="clearfix">
+
                        <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
 
+
                            <div class="img-wrapper">
 +
                                <img src="https://static.igem.org/mediawiki/2018/2/2a/T--worldshaper-XSHS--mWeng_Huifang.png" class="img-responsive" alt="" />
 +
                            </div>
 +
                            <figcaption>
 +
                                <h4>Weng Huifang</h4>
 +
                                <p class="itemstyle">A very friendly teacher. Participate in practical activities with students, her main task
 +
                                    is to guide students to complete their tasks and Instruct them to hold various activities.
 +
                                   
 +
                                </p>
 +
                            </figcaption>
 +
                        </figure>
 +
                    </div>
  
                     <div class="col-sm-3">
+
                     <div class="col-sm-4">
 
                         <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
 
                         <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
 
                             <div class="img-wrapper">
 
                             <div class="img-wrapper">
Line 404: Line 657:
 
                             <figcaption>
 
                             <figcaption>
 
                                 <h4>Jin Wentao</h4>
 
                                 <h4>Jin Wentao</h4>
                                 <p>College of Life Sciences,Zhejiang University</p>
+
                                 <p class="itemstyle">College of Life Sciences,Zhejiang University</p>
                                 <p>He is a rigorous guy who is very professional in doing experiments.</p>
+
                                 <p class="itemstyle">He is a rigorous guy who is very professional in doing experiments.</p>
 
                             </figcaption>
 
                             </figcaption>
 
                         </figure>
 
                         </figure>
 
                     </div>
 
                     </div>
  
 +
                    <div class="col-sm-4">
 +
                        <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
 +
                            <div class="img-wrapper">
 +
                                <img src="https://static.igem.org/mediawiki/2018/a/ab/T--Worldshaper-XSHS--mhuangnan.png" class="img-responsive" alt="" />
 +
                            </div>
 +
                            <figcaption>
 +
                                <h4>Huang Nan</h4>
 +
                                <p class="itemstyle">Duties: Advisor</p>
 +
                            </figcaption>
 +
                        </figure>
 +
                    </div>
  
 +
                    <div class="col-sm-4">
 +
                        <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
 +
                            <div class="img-wrapper">
 +
                                <img src="https://static.igem.org/mediawiki/2018/8/82/T--Worldshaper-XSHS--mleizhaoying.png" class="img-responsive" alt="" />
 +
                            </div>
 +
                            <figcaption>
 +
                                <h4>Lei Zhaoying</h4>
 +
                                <p class="itemstyle">Duties: Advisor</p>
 +
                                <p class="itemstyle">College of life sciences,ZhejiangUniversity.</p>
 +
                            </figcaption>
 +
                        </figure>
 +
                    </div>
 +
 +
                    <div class="col-sm-4">
 +
                        <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
 +
                            <div class="img-wrapper">
 +
                                <img src="https://static.igem.org/mediawiki/2018/8/8f/T--Worldshaper-XSHS--mqiuyue.png" class="img-responsive" alt="" />
 +
                            </div>
 +
                            <figcaption>
 +
                                <h4>Qiu Yue</h4>
 +
                                <p class="itemstyle">Duties: Advisor</p>
 +
                                <p class="itemstyle">College of life sciences,ZhejiangUniversity.</p>
 +
                            </figcaption>
 +
                        </figure>
 +
                    </div>
  
 
                 </div>
 
                 </div>
  
            </div>
 
        </div>
 
    </section>
 
  
 
    <footer>
 
        <div class="container">
 
            <div class="foot-box">
 
                <ul class="clearfix">
 
                    <li class="foot-box-c1">
 
                        <img src="https://static.igem.org/mediawiki/2017/7/71/T-worldshaper-XSHS-logoxshs.jpeg" alt="" />
 
                    </li>
 
                    <li class="foot-box-c2">
 
                        <img src="https://static.igem.org/mediawiki/2017/c/ce/T-worldshaper-igemlogo.jpeg" alt="" />
 
                    </li>
 
                    <li class="foot-box-c3">
 
                        <p>Worldshaper-XSHS, Xiaoshan High School</p>
 
                        <p>
 
                            Adress: No.538,Gongxiu Road,Xiaoshan District,Hangzhou,Zhejiang Province,China
 
                        </p>
 
                    </li>
 
                    <li class="foot-box-c4">
 
                        <img src="https://static.igem.org/mediawiki/2017/3/32/T-Worldshaper-XSHS-weixin.jpeg" alt="" />
 
                    </li>
 
                </ul>
 
 
             </div>
 
             </div>
         </div>
+
         </section>
     </footer>
+
     </div>
 
+
</section>
  
</p>
 
  
  
        <!-- Side Menubar -->
+
<footer class="footer">
         <div id="sideMenu">
+
    <div class="container">
             <a href="https://2017.igem.org">
+
         <div class="foot-box">
                 <div id="home_logo" >
+
             <ul class="clearfix">
                <img src="https://static.igem.org/mediawiki/2017/b/bf/HQ_menu_logo.jpg">
+
                <li class="foot-box-c1">
                 </div>
+
                    <img src="https://static.igem.org/mediawiki/2017/7/71/T-worldshaper-XSHS-logoxshs.jpeg" alt="">
            </a>
+
                 </li>
 
+
                <li class="foot-box-c2">
            <div style="clear:both; height:5px;"></div>
+
                    <img src="https://static.igem.org/mediawiki/2017/c/ce/T-worldshaper-igemlogo.jpeg" alt="">
 
+
                 </li>
            <div id="menuDisplay"></div> <!- Menu will be loaded here ->
+
                <li class="foot-box-c3">
 +
                    <p>Worldshaper-XSHS, Xiaoshan High School</p>
 +
                    <p>
 +
                        Adress: No.538,Gongxiu Road,Xiaoshan District,Hangzhou,Zhejiang Province,China
 +
                    </p>
 +
                </li>
 +
                <li class="foot-box-c4">
 +
                    <img src="https://static.igem.org/mediawiki/2017/3/32/T-Worldshaper-XSHS-weixin.jpeg" alt="">
 +
                </li>
 +
            </ul>
 
         </div>
 
         </div>
 +
    </div>
 +
</footer>
  
        <!-- Pop_Why Div is definded here -->
 
        <div class="pop_why_cover"></div>
 
 
        <div class="pop_why_box" >
 
            <div class="pop_close">× </div>
 
            <div class="pop_why_content"><h3> Loading ... </h3></div>
 
        </div>
 
 
    </div>
 
 
</html>
 
</html>

Latest revision as of 17:27, 17 October 2018

Members

Members


Name: Mei Yantao

Introduction: Although he is fat, he likes sports. His hobbies are playing games, reading books, listening to songs, playing musical instruments, aerial photography, robots, etc. His favorite thing is doing homework.

Name: Yu Yangkun

Introduction: Yu Yangkun is a cheerful, humorous, and sincere person. He does not have bad habits and has a good health. He is good at drawing and calligraphy. He does things very meticulouslyly.

Name: He Xinyi

Introduction: She likes music, sports, and fond of attempting new things. She is more interested in novels and psychology books. She wants to be a unfettered person who can do what she wants. to do.

Name: Pan Hui

Introduction: She likes to participate in team activities and meet new friends. She is curious about psychology, willing to read some books about social sciences; she believe the importance of efficiency. "Either don't do it, or do it." She expects to do do anything with her heart.

Name: Yang Jianing

Introduction: He is a very active person in the team, but he will complete the task on time and on time. He is very good at science because he only loves science.

Name: Yu Yangyang

Introduction:Yu Yangyang loves animation, games, and natural science. He likes to explore the unknown world and hopes to become knowledgeable. His drawback is lack of self-control.

Name:CaoShuaijun

Introduction:His hobby is playing basketball and badminton. He likes physical chemistry. Although he is fat, he likes to jog. Movies and food are his favorite things. He likes to go to the bookstore with his friends.

Name: Pan Yangbo

Introduction:He is a boy who likes to try; He is a boy who can do everything. He is a procrastinator, but he can get things done in the end. He looked forward to this unusual experience, to this different growth, and to greeting this gold medal with his teammates.

Name: ShenHongcheng

Introduction:He is a lovely boy. He likes to go out to work because he will get plenty of exercise chances and happiness. He is fond of making friends, getting along with each others, from mutual ignorance to mutual familiarity.

Name: ShenYibin

Introduction:He is a super lively person, please do not be cheated by his introverted appearance. He does well in thinking. He can easily calm down and do experiments, trying to find out the deficiencies in the experiment and correcting them.

Name: Sun Zeyu

Introduction:She likes to paint, especially the landscape paintings in Chinese paintings. She always thinks that landscape paintings are only composed of dotted lines, but there is an indescribable momentum and charm in the mountains and rivers. It is as simple as she is pursuing.

Name: XuJie

Introduction:He looks active and helpful. He loves piano, basketball, travel... He is also addictive to explore something unknown. Especially in domain of natural sciences, he firmly believes that the secret to achieve is perseverance.

Name:Yu Yijie

Introduction: She is a cute little girl. She feels optimistic about life. There are three things she likes the most: sleeping; smiling, and relaxing

Name:Yan Yihai

Introduction: He feels enthusiasm on science. Because his parents engaged in scientific research, he has opportunities to watch some advanced experimental equipments earlier. Such experiences spurred his interest in scientific research.

Instructors


Dr. Dong Shan

Duties:Primary PI

Dr. Dong Shan is very enthusiastic in guiding every thing of iGEM. His instructive advice is very helpful to us.

Guo Ting

Duties:Secondary PI

a very lovely and responsible teacher with the highest degree in the biological group, she is friendly and gets well along with team members. She also gaves the players a lot of constructive suggestions and guidance. Believe under the leading of Ms.Guo, teams will get prominent grades.

Professor Zhu Xufen

college of life sciences,Zhejiang University. She mainly works in the field of molecular biology and microbiology.

Professor Xu Cheng

College of Life Sciences,Zhejiang University

You might think he looks rigid when you first met him, but later you’ll find he is affine. He promotes team members'unity with bioinformatics.

Weng Huifang

A very friendly teacher. Participate in practical activities with students, her main task is to guide students to complete their tasks and Instruct them to hold various activities.

Jin Wentao

College of Life Sciences,Zhejiang University

He is a rigorous guy who is very professional in doing experiments.

Huang Nan

Duties: Advisor

Lei Zhaoying

Duties: Advisor

College of life sciences,ZhejiangUniversity.

Qiu Yue

Duties: Advisor

College of life sciences,ZhejiangUniversity.

  • Worldshaper-XSHS, Xiaoshan High School

    Adress: No.538,Gongxiu Road,Xiaoshan District,Hangzhou,Zhejiang Province,China