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

 
(20 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
 
<style type="text/css">
 
<style type="text/css">
     .dropdown-menu>ul {
+
     html body{
         background-color: #212121!important
+
         font-family:purista  !important;
 +
    }
 +
    p{
 +
        font-family: arial
 
     }
 
     }
 
     figure .img-wrapper img {
 
     figure .img-wrapper img {
Line 16: Line 19:
 
         }
 
         }
 
         .dropdown-menu > ul{
 
         .dropdown-menu > ul{
         background-color: #09b0ff!important
+
         background-color: rgba(132,176,110,0.6)!important
 
         }
 
         }
  
 
     .positiontitle {
 
     .positiontitle {
 
         position: relative;
 
         position: relative;
         top: 200px;
+
         top: 500px;
 
         font-size: 68px;
 
         font-size: 68px;
 
         color: #fff;
 
         color: #fff;
Line 34: Line 37:
  
 
     .v1 {
 
     .v1 {
         font-family: proxima-nova !important;
+
         font-family: purista !important;
 
         font-weight: 600 !important;
 
         font-weight: 600 !important;
 
         font-style: normal !important;
 
         font-style: normal !important;
Line 49: Line 52:
  
 
     .colul a:hover {
 
     .colul a:hover {
        font-size: 22px;
+
     
        transition: all linear .3s;
+
 
         color: #00746b !important;
 
         color: #00746b !important;
 
     }
 
     }
Line 70: Line 72:
 
     .ulfixed {
 
     .ulfixed {
 
         position: fixed !important;
 
         position: fixed !important;
        left: 130px;
 
 
         top: 90px;
 
         top: 90px;
 
     }
 
     }
Line 76: Line 77:
 
     .myheader {
 
     .myheader {
 
         box-shadow: none !important;
 
         box-shadow: none !important;
         background: rgba(0, 0, 0, .4) !important;
+
         background: rgba(132,176,110,0.6) !important;
 
         border: none !important;
 
         border: none !important;
 
     }
 
     }
  
 
     .itemstyle {
 
     .itemstyle {
         font-family: adobe-garamond-pro !important;
+
         font-family: arial !important;
 
         font-weight: 400 !important;
 
         font-weight: 400 !important;
 
         font-style: normal !important;
 
         font-style: normal !important;
         font-size: 16px !important;
+
          
 
         letter-spacing: 0px !important;
 
         letter-spacing: 0px !important;
 
         line-height: 1.6em !important;
 
         line-height: 1.6em !important;
Line 91: Line 92:
  
 
     .footer {
 
     .footer {
         background: rgba(0, 0, 0, 1) !important;
+
         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>
 
</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/wiki_edit.css">
Line 114: Line 147:
 
<script type="text/javascript">
 
<script type="text/javascript">
 
     $(function () {
 
     $(function () {
 +
        //当点击跳转链接后,回到页面顶部位置
 +
        $("#back-to-top").hide();
 
         window.onscroll = function () {
 
         window.onscroll = function () {
 
             var t = document.documentElement.scrollTop || document.body.scrollTop;  //获取距离页面顶部的距离
 
             var t = document.documentElement.scrollTop || document.body.scrollTop;  //获取距离页面顶部的距离
Line 120: Line 155:
 
                 console.log(t, $x)
 
                 console.log(t, $x)
 
                 $('.colul').addClass('ulfixed')
 
                 $('.colul').addClass('ulfixed')
 +
                $("#back-to-top").fadeIn(1500);
 
             } else {
 
             } else {
 
                 $('.colul').removeClass('ulfixed')
 
                 $('.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 () {
 
         $('.colul li').click(function () {
 
             $(this).siblings().removeClass('colactive')
 
             $(this).siblings().removeClass('colactive')
Line 131: Line 172:
 
</script>
 
</script>
  
<header id="top-bar" class="navbar-fixed-top animated-header  navbar navbar-default myheader">
 
    <div class="container">
 
        <div class="navbar-header">
 
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
 
                <span class="sr-only">Toggle navigation</span>
 
                <span class="icon-bar"></span>
 
                <span class="icon-bar"></span>
 
                <span class="icon-bar"></span>
 
            </button>
 
            <div class="navbar-brand " style="display:block;color:#fff;margin-left:15px;font-size:20px">
 
                <a href="https://2018.igem.org/Team:Worldshaper-XSHS">
 
                    worldshaper-
 
                    <b>XSHS</b>
 
                </a>
 
            </div>
 
        </div>
 
        <nav class="collapse navbar-collapse navbar-right" role="navigation">
 
            <div class="main-menu">
 
                <ul class="nav navbar-nav navbar-right">
 
                    <li>
 
                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS">Home</a>
 
                    </li>
 
                    <li class="dropdown">
 
                        <a class="dropdown-toggle" data-toggle="dropdown">
 
                            Team
 
                            <span class="caret"></span>
 
                        </a>
 
                        <div class="dropdown-menu">
 
                            <ul>
 
                                <li>
 
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/aboutus.html">about us</a>
 
                                </li>
 
                                <li>
 
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Team">Members</a>
 
                                </li>
 
                                <li>
 
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Collaborations">Collaborations</a>
 
                                </li>
 
                            </ul>
 
                        </div>
 
                    </li>
 
                    <li class="dropdown">
 
                        <a class="dropdown-toggle" data-toggle="dropdown">
 
                            Project
 
                            <span class="caret"></span>
 
                        </a>
 
                        <div class="dropdown-menu">
 
                            <ul>
 
                                <li>
 
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Background.html">Background</a>
 
                                </li>
 
                                <li>
 
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/design.html">Design</a>
 
                                </li>
 
                                <li>
 
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Protocols-methods.html">Protocols and methods</a>
 
                                </li>
 
                                <li>
 
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/result.html">Results</a>
 
                                </li>
 
                                <li>
 
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Future-plans.html">Future plans</a>
 
                                </li>
 
                                <li>
 
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Attributions">Attributions</a>
 
                                </li>
 
                                <li>
 
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/InterLab">Interlab</a>
 
                                </li>
 
                                <li>
 
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Model">Model</a>
 
                                </li>
 
                                <li>
 
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Demonstrate">Demonstrate</a>
 
                                </li>
 
  
                             </ul>
+
<header id="top-bar" class="navbar-fixed-top animated-header  navbar navbar-default myheader"  >
                         </div>
+
        <div class="container">
                    </li>
+
            <div class="navbar-header" >
                    <li>
+
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                         <a href="https://2018.igem.org/Team:Worldshaper-XSHS/parts.html">Parts</a>
+
                    <span class="sr-only">Toggle navigation</span>
                    </li>
+
                    <span class="icon-bar"></span>
                    <li class="dropdown">
+
                    <span class="icon-bar"></span>
                        <a class="dropdown-toggle" data-toggle="dropdown">
+
                    <span class="icon-bar"></span>
                            HUMAN PRACTICES
+
        </button>
                            <span class="caret"></span>
+
                <div class="navbar-brand " style="display:block;color:#fff;margin-left:15px;font-size:20px">
                        </a>
+
                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS">
                        <div class="dropdown-menu">
+
                        Worldshaper- <b>XSHS</b>
                            <ul>
+
                    </a>
                                <li>
+
                </div>
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/HP/Silver">Silver</a>
+
      </div>
                                </li>
+
            <nav class="collapse navbar-collapse navbar-right" role="navigation">
                                <li>
+
                <div class="main-menu">
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/HP/Gold_Integrated">Integrated and Gold</a>
+
                    <ul class="nav navbar-nav navbar-right">
                                </li>
+
                       
                                <li>
+
                        <li class="dropdown">
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Engagement">Engagement</a>
+
                             <a class="dropdown-toggle" data-toggle="dropdown">
                                </li>
+
                                Team
                            </ul>
+
                                <span class="caret"></span>
                        </div>
+
                            </a>
                    </li>
+
                            <div class="dropdown-menu">
                    <li>
+
                                <ul>
                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Applied_Design">Applied Design</a>
+
 
                    </li>
+
                                    <li>
                    <li class="dropdown">
+
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/aboutus.html">about us</a>
                        <a class="dropdown-toggle" data-toggle="dropdown">
+
                                    </li>
                            Achievement
+
                                    <li>
                            <span class="caret"></span>
+
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Team">Members</a>
                        </a>
+
                                    </li>
                        <div class="dropdown-menu">
+
                                   
                            <ul>
+
                                </ul>
                                <li>
+
                            </div>
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Medal-requirements.html">Medal requirements</a>
+
                         </li>
                                </li>
+
                                    <li>
                            </ul>
+
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Collaborations">Collaborations</a>
                        </div>
+
                                    </li>
                    </li>
+
                        <li class="dropdown">
                    <li>
+
                            <a class="dropdown-toggle" data-toggle="dropdown">
                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/safety.html">Safety</a>
+
                                Project
                    </li>
+
                                <span class="caret"></span>
                </ul>
+
                            </a>
            </div>
+
                            <div class="dropdown-menu">
        </nav>
+
                                <ul>
    </div>
+
                                    <li>
</header>
+
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Background.html">Background</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/design.html">Design</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Protocols-methods.html">Protocols and methods</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/result.html">Results</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Future-plans.html">Future plans</a>
 +
                                    </li>
 +
                                   
 +
                                    <li>
 +
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/InterLab">Interlab</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Model">Model</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Demonstrate">Demonstrate</a>
 +
                                    </li>
 +
 
 +
                                </ul>
 +
                            </div>
 +
                         </li>
 +
                        <li>
 +
                            <a href="https://2018.igem.org/Team:Worldshaper-XSHS/parts.html">Parts</a>
 +
                        </li>
 +
                        <li class="dropdown">
 +
                            <a class="dropdown-toggle" data-toggle="dropdown">
 +
                                HP
 +
                                <span class="caret"></span>
 +
                            </a>
 +
                            <div class="dropdown-menu">
 +
                                <ul>
 +
                                    <li>
 +
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/HP/Silver">Silver</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/HP/Gold_Integrated">Integrated and Gold</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Engagement">Engagement</a>
 +
                                    </li>
 +
                                </ul>
 +
                            </div>
 +
                        </li>
 +
                        <li>
 +
                            <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Applied_Design">Applied Design</a>
 +
                        </li>
 +
                        <li class="dropdown">
 +
                            <a class="dropdown-toggle" data-toggle="dropdown">
 +
                                Achievement
 +
                                <span class="caret"></span>
 +
                            </a>
 +
                            <div class="dropdown-menu">
 +
                                <ul>
 +
                                    <li>
 +
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Medal-requirements.html">Medal requirements</a>
 +
                                    </li>
 +
                                </ul>
 +
                            </div>
 +
                        </li>
 +
                        <li>
 +
                            <a href="https://2018.igem.org/Team:Worldshaper-XSHS/safety.html">Safety</a>
 +
                        </li>
 +
                                    <li>
 +
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Attributions">Attributions</a>
 +
                                    </li>
 +
                    </ul>
 +
                </div>
 +
            </nav>
 +
        </div>
 +
    </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;">
 
<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;">
 
     <strong class="positiontitle">Members</strong>
 
     <strong class="positiontitle">Members</strong>
 
     <!-- 这里是大图的标题 -->
 
     <!-- 这里是大图的标题 -->
     <img src="https://static.igem.org/mediawiki/2018/e/e6/T--worldshaper-XSHS--a001.png" alt="" class="bg-stretch">
+
     <img src="https://static.igem.org/mediawiki/2018/e/e6/T--worldshaper-XSHS--a001.png" alt="" class="bg-stretch" style="width:100%">
 
     <!-- 这里是大图的图片链接 -->
 
     <!-- 这里是大图的图片链接 -->
 
</section>
 
</section>
Line 266: Line 308:
 
<section class="container">
 
<section class="container">
 
     <div class="col-xs-2 xshs-box3  ">
 
     <div class="col-xs-2 xshs-box3  ">
         <ul class="colul text-center">
+
         <ul class="colul text-left">
 
             <li class="colactive mt-1">
 
             <li class="colactive mt-1">
 
                 <a href="#Members">Members</a>
 
                 <a href="#Members">Members</a>
Line 273: Line 315:
 
                 <a href="#Instructors">Instructors</a>
 
                 <a href="#Instructors">Instructors</a>
 
             </li>
 
             </li>
            <!-- 这里是页面定位锚点  href 对应代码的 “id属性  例如 id='xxx'  ”-->
+
                        <!-- 这里是页面定位锚点  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>
 
         </ul>
 
     </div>
 
     </div>
     <div class="col-xs-8 col-xs-offset-1">
+
     <div class="col-xs-10 ">
 
         <section class="service-page">
 
         <section class="service-page">
             <div class="container">
+
             <h2 id="Members" class="subtitle wow fadeInUp animated" data-wow-delay=".3s" data-wow-duration="500ms" style="text-align: center;">Members</h2>
                <h2 id="Members" class="subtitle wow fadeInUp animated" data-wow-delay=".3s" data-wow-duration="500ms">Members</h2>
+
            <div style="
                <p class="subtitle-des wow fadeInUp animated" data-wow-delay=".5s" data-wow-duration="500ms"></p>
+
              width: 28%;
                <div class="row">
+
              margin: 0 auto;
                    <div class="clearfix">
+
              margin-top: -34px;
                        <div class="col-sm-3">
+
          ">
                            <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
          <hr style="
                                <div class="img-wrapper">
+
              height: 3px;
                                    <img src="https://static.igem.org/mediawiki/2018/a/a9/T--worldshaper-XSHS--m001.png" class="img-responsive" alt="" />
+
              background-color: #0c3d0c99!important;
                                </div>
+
              margin-top: 40px
                                <figcaption>
+
          ">
                                    <h4>Name: Mei Yantao</h4>
+
            </div>
  
                                    <p class="itemstyle">Introduction: Although he is fat, he likes sports. His hobbies are playing games, reading
+
            <p class="subtitle-des wow fadeInUp animated" data-wow-delay=".5s" data-wow-duration="500ms"></p>
                                        books, listening to songs, playing musical instruments, aerial photography, robots, etc.
+
            <div class="row">
                                        His favorite thing is to do homework.
+
                <div class="clearfix">
                                    </p>
+
                    <div class="col-sm-4">
                                 </figcaption>
+
                        <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
                             </figure>
+
                            <div class="img-wrapper">
                        </div>
+
                                 <img src="https://static.igem.org/mediawiki/2018/a/a9/T--worldshaper-XSHS--m001.png" class="img-responsive" alt="" />
 +
                             </div>
 +
                            <figcaption>
 +
                                <h4>Name: Mei Yantao</h4>
  
                        <div class="col-sm-3">
+
                                 <p class="itemstyle">Introduction: Although he is fat, he likes sports. His hobbies are playing games, reading
                            <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
                                     books, listening to songs, playing musical instruments, aerial photography, robots, etc.
                                 <div class="img-wrapper">
+
                                    His favorite thing is doing homework.
                                     <img src="https://static.igem.org/mediawiki/2018/f/f7/T--worldshaper-XSHS--m002.png" class="img-responsive" alt="" />
+
                                 </p>
                                 </div>
+
                            </figcaption>
                                <figcaption>
+
                        </figure>
                                    <h4>Name: Yu Yangkun</h4>
+
                    </div>
  
                                    <p class="itemstyle">Introduction: Yu Yangkun is a cheerful, very humorous and sincere person. He has no bad habits
+
                    <div class="col-sm-4">
                                        and is in good health. He is good at drawing and calligraphy. And he does things very
+
                        <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
                                        seriously.</p>
+
                            <div class="img-wrapper">
                                 </figcaption>
+
                                 <img src="https://static.igem.org/mediawiki/2018/f/f7/T--worldshaper-XSHS--m002.png" class="img-responsive" alt="" />
                             </figure>
+
                             </div>
                        </div>
+
                            <figcaption>
 +
                                <h4>Name: Yu Yangkun</h4>
  
                        <div class="col-sm-3">
+
                                 <p class="itemstyle">Introduction: Yu Yangkun is a cheerful, humorous, and sincere person. He does not have bad habits
                            <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
                                    and has a good health. He is good at drawing and calligraphy. He does things very
                                 <div class="img-wrapper">
+
                                    meticulouslyly.</p>
                                    <img src="https://static.igem.org/mediawiki/2018/d/d4/T--worldshaper-XSHS--m003.png" class="img-responsive" alt="" />
+
                            </figcaption>
                                </div>
+
                         </figure>
                                <figcaption>
+
                    </div>
                                    <h4>Name: He Xinyi</h4>
+
                                    <p class="itemstyle">Introduction: She likes music, sports, and tries new things. She is more interested in novels
+
                                        and psychology books. She wants to be a free and independent person and do what she wants
+
                                        to do.</p>
+
                                </figcaption>
+
                            </figure>
+
                         </div>
+
 
+
                        <div class="col-sm-3">
+
                            <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/8b/T--worldshaper-XSHS--m004.png" class="img-responsive" alt="" />
+
                                </div>
+
                                <figcaption>
+
                                    <h4>Name: Pan Hui</h4>
+
  
                                    <p class="itemstyle">Introduction: She likes to participate in team activities and meet new people. She is curious
+
                    <div class="col-sm-4">
                                        about psychology, willing to read some books in the social sciences; she is more willing
+
                        <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
                                        to follow those efficient techniques. "Either don't do it, or do it." She expects to
+
                            <div class="img-wrapper">
                                        do everything best.
+
                                <img src="https://static.igem.org/mediawiki/2018/d/d4/T--worldshaper-XSHS--m003.png" class="img-responsive" alt="" />
                                     </p>
+
                            </div>
                                </figcaption>
+
                            <figcaption>
                            </figure>
+
                                <h4>Name: He Xinyi</h4>
                         </div>
+
                                <p class="itemstyle">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.</p>
 +
                            </figcaption>
 +
                         </figure>
 
                     </div>
 
                     </div>
                    <div class="clearfix">
 
                        <div class="col-sm-3">
 
                            <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/9/90/T--worldshaper-XSHS--m005.png" class="img-responsive" alt="" />
 
                                </div>
 
                                <figcaption>
 
                                    <h4>Name: Yang Jianing</h4>
 
  
                                    <p class="itemstyle">Introduction: He is a very active person in the team, but he will complete the task on time
+
                    <div class="col-sm-4">
                                        and on time. He is very good at science because he only loves science.
+
                        <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
                                    </p>
+
                            <div class="img-wrapper">
                                 </figcaption>
+
                                 <img src="https://static.igem.org/mediawiki/2018/8/8b/T--worldshaper-XSHS--m004.png" class="img-responsive" alt="" />
                             </figure>
+
                             </div>
                        </div>
+
                            <figcaption>
 +
                                <h4>Name: Pan Hui</h4>
  
                         <div class="col-sm-3">
+
                                <p class="itemstyle">Introduction: She likes to participate in team activities and meet new friends. She is curious
                            <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
                                    about psychology, willing to read some books about social sciences; she believe the importance of efficiency.
                                <div class="img-wrapper">
+
                                    "Either don't do it, or do it." She expects to do do anything with her heart.
                                    <img src="https://static.igem.org/mediawiki/2018/4/4c/T--worldshaper-XSHS--m006.png" class="img-responsive" alt="" />
+
                                 
                                </div>
+
                                </p>
                                <figcaption>
+
                            </figcaption>
                                    <h4>Name: Yu Yangyang</h4>
+
                         </figure>
 +
                    </div>
 +
                </div>
 +
               
 +
                <div class="clearfix">
 +
                    <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/9/90/T--worldshaper-XSHS--m005.png" class="img-responsive" alt="" />
 +
                            </div>
 +
                            <figcaption>
 +
                                <h4>Name: Yang Jianing</h4>
  
                                    <p class="itemstyle">Introduction:Yu Yangyang loves animation and games, and loves natural science. He likes to
+
                                <p class="itemstyle">Introduction: He is a very active person in the team, but he will complete the task on time
                                        explore the unknown and hopes to become knowledgeable. His shortcoming is lack of self-control.
+
                                    and on time. He is very good at science because he only loves science.
                                        </p>
+
                                </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/2018/f/fd/T--worldshaper-XSHS--m007.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>Name:CaoShuaijun</h4>
+
                                <h4>Name: Yu Yangyang</h4>
  
                                    <p class="itemstyle">Introduction:His hobby is playing basketball and badminton. He likes physical chemistry.
+
                                <p class="itemstyle">Introduction:Yu Yangyang loves animation, games, and natural science. He likes to
                                        Although he is fat, he likes to run around. Movies and food are his favorite. He likes
+
                                    explore the unknown world and hopes to become knowledgeable. His drawback is lack of self-control.
                                        to go to the bookstore with his friends. </p>
+
                                    </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/2018/1/14/T--worldshaper-XSHS--m008.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>Name: Pan Yangbo</h4>
+
                                <h4>Name:CaoShuaijun</h4>
  
                                    <p class="itemstyle">Introduction:A boy who likes to try; a boy who can do everything. He is a procrastinator,
+
                                <p class="itemstyle">Introduction:His hobby is playing basketball and badminton. He likes physical chemistry.
                                        but he can get things done in the end.He looked forward to this unusual experience, to
+
                                    Although he is fat, he likes to jog. Movies and food are his favorite things. He likes
                                        this different growth, and to greeting this gold medal with his teammates.</p>
+
                                    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/2018/9/92/T--worldshaper-XSHS--m009.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>Name: ShenHongcheng</h4>
+
                                <h4>Name: Pan Yangbo</h4>
  
                                    <p class="itemstyle">Introduction:He is a lovely boy. He likes to go all out to work because he will get plenty
+
                                <p class="itemstyle">Introduction:He is a boy who likes to try; He is a boy who can do everything. He is a procrastinator,
                                        of exercise and happiness. He likes to make friends, like his friends to get along with
+
                                    but he can get things done in the end. He looked forward to this unusual experience, to
                                        each other, from mutual ignorance to mutual familiarity.</p>
+
                                    this different growth, and to greeting this gold medal with his teammates.</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/2018/c/c0/T--worldshaper-XSHS--m010.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>Name: ShenYibin</h4>
+
                                <h4>Name: ShenHongcheng</h4>
  
                                    <p class="itemstyle">Introduction:He is a super lively person, not to be deceived by his seemingly quiet appearance.
+
                                <p class="itemstyle">Introduction:He is a lovely boy. He likes to go out to work because he will get plenty
                                        He is very good at thinking. He will calm down and do experiments, trying to find out
+
                                    of exercise chances and happiness. He is fond of making friends, getting along with
                                        the deficiencies in the experiment and correct them.</p>
+
                                    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/2018/0/0e/T--worldshaper-XSHS--m011.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>Name: Sun Zeyu</h4>
+
                                <h4>Name: ShenYibin</h4>
  
                                    <p class="itemstyle">Introduction:She likes to paint, especially the landscape paintings in Chinese paintings.
+
                                <p class="itemstyle">Introduction:He is a super lively person, please do not be cheated by his introverted appearance.
                                        She always thinks that landscape paintings are composed only of dotted lines, but there
+
                                    He does well in thinking. He can easily calm down and do experiments, trying to find out
                                        is an indescribable momentum and charm in the mountains and rivers. It is as simple as
+
                                    the deficiencies in the experiment and correcting them.</p>
                                        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/2018/b/b2/T--worldshaper-XSHS--m013.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>Name: XuJie</h4>
+
                                <h4>Name: Sun Zeyu</h4>
  
                                    <p class="itemstyle">Introduction:He is lively and helpful. He loves piano, basketball, travel... He also likes
+
                                <p class="itemstyle">Introduction:She likes to paint, especially the landscape paintings in Chinese paintings.
                                        to explore something unknown, especially in the natural sciences. He firmly believes
+
                                    She always thinks that landscape paintings are only composed of dotted lines, but there
                                        that to achieve something, the essential thing is perseverance. </p>
+
                                    is an indescribable momentum and charm in the mountains and rivers. It is as simple as
                                </figcaption>
+
                                    she is pursuing.</p>
                            </figure>
+
                            </figcaption>
                        </div>
+
                        </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">
                                    <img src="https://static.igem.org/mediawiki/2018/b/b4/T--worldshaper-XSHS--m014.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:Yu Yijie</h4>
+
                                <h4>Name: XuJie</h4>
  
                                    <p class="itemstyle">Introduction: She is a very cute and funny little girl. She is very positive and optimistic
+
                                <p class="itemstyle">Introduction:He looks active and helpful. He loves piano, basketball, travel... He is also
                                        about life. There are three things she likes the most: one is sleeping; the second is
+
                                    addictive to  explore something unknown. Especially in domain of natural sciences, he firmly believes
                                        smiling; the third is that she will relax by enjoying the lotus</p>
+
                                    that the secret to achieve is perseverance. </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/2018/0/0e/T--worldshaper-XSHS--m015.png" class="img-responsive" alt="" />
+
                                <img src="https://static.igem.org/mediawiki/2018/b/b4/T--worldshaper-XSHS--m014.png" class="img-responsive" alt="" />
                                </div>
+
                            </div>
                                <figcaption>
+
                            <figcaption>
                                    <h4> Name:Yan Yihai</h4>
+
                                <h4>Name:Yu Yijie</h4>
 
+
                                    <p class="itemstyle">Introduction: He is very interested in science. Because his parents are engaged in scientific
+
                                        research, he also has the opportunity to see some advanced experimental equipment earlier,
+
                                        and thus generated interest in scientific research.</p>
+
                                </figcaption>
+
                            </figure>
+
                        </div>
+
  
 +
                                <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>
 
                     </div>
 
         </section>
 
         </section>
 
         <section class="service-page">
 
         <section class="service-page">
             <div class="container">
+
             <h2 id="Instructors" class="subtitle wow fadeInUp animated" data-wow-delay=".3s" data-wow-duration="500ms" style="text-align: center;">Instructors</h2>
                <h2 id="Instructors" class="subtitle wow fadeInUp animated" data-wow-delay=".3s" data-wow-duration="500ms">Instructors</h2>
+
            <div style="
                <p class="subtitle-des wow fadeInUp animated" data-wow-delay=".5s" data-wow-duration="500ms"></p>
+
              width: 28%;
                <div class="row">
+
              margin: 0 auto;
 +
              margin-top: -34px;
 +
          ">
 +
          <hr style="
 +
              height: 3px;
 +
              background-color: #0c3d0c99!important;
 +
              margin-top: 40px
 +
          ">
 +
            </div>
  
                    <div class="clearfix">
+
            <p class="subtitle-des wow fadeInUp animated" data-wow-delay=".5s" data-wow-duration="500ms"></p>
                        <div class="col-sm-3">
+
            <div class="row">
                            <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/2017/6/6c/T-worldshaper-XSHS-s013.png" class="img-responsive" alt="" />
+
                                </div>
+
                                <figcaption>
+
                                    <h4>Dr. Dong Shan</h4>
+
                                    <p class="itemstyle">Duties:Primary PI</p>
+
                                    <p class="itemstyle">Dr. Dong Shan is very enthusiastic in guiding every thing of iGEM. His guidance advice is
+
                                        very helpful to us.</p>
+
                                </figcaption>
+
                            </figure>
+
                        </div>
+
  
                        <div class="col-sm-3">
+
                <div class="clearfix">
                            <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
                    <div class="col-sm-4">
                                <div class="img-wrapper">
+
                        <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
                                    <img src="https://static.igem.org/mediawiki/2017/6/64/T-worldshaper-XSHS-s018.jpeg" class="img-responsive" alt="" />
+
                            <div class="img-wrapper">
                                </div>
+
                                <img src="https://static.igem.org/mediawiki/2017/6/6c/T-worldshaper-XSHS-s013.png" class="img-responsive" alt="" />
                                <figcaption>
+
                            </div>
                                    <h4>Guo Ting</h4>
+
                            <figcaption>
                                    <p class="itemstyle">Duties:Secondary PI</p>
+
                                <h4>Dr. Dong Shan</h4>
                                    <p class="itemstyle">a very lovely and responsible teacher.Biological group with the highest degree the teacher,
+
                                <p class="itemstyle">Duties:Primary PI</p>
                                        she is a campus is peaceful and friendly, and the relationship between the team members
+
                                <p class="itemstyle">Dr. Dong Shan is very enthusiastic in guiding every thing of iGEM. His instructive advice is
                                        is good, also gave the players a lot of constructive Suggestions and guidance.Believe
+
                                    very helpful to us.</p>
                                        under the charge of miss guo, teams will get satisfactory 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">
                                    <img src="https://static.igem.org/mediawiki/2017/a/a5/T-worldshaper-XSHS-s015.png" class="img-responsive" alt="" />
+
                                <img src="https://static.igem.org/mediawiki/2017/6/64/T-worldshaper-XSHS-s018.jpeg" class="img-responsive" alt="" />
                                </div>
+
                            </div>
                                <figcaption>
+
                            <figcaption>
                                    <h4>Professor Zhu Xufen</h4>
+
                                <h4>Guo Ting</h4>
                                    <p class="itemstyle">college of life sciences,Zhejiang University.She mainly works on study of molecular biology
+
                                <p class="itemstyle">Duties:Secondary PI</p>
                                        and microbiology.
+
                                <p class="itemstyle">a very lovely and responsible teacher with the highest degree in the biological group,
                                     </p>
+
                                    she is friendly and gets well along with team members. She also gaves the players a lot of constructive suggestions and guidance. Believe
                                </figcaption>
+
                                     under the leading of Ms.Guo, teams will get prominent grades.</p>
                            </figure>
+
                            </figcaption>
                        </div>
+
                        </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">
                                    <img src="https://static.igem.org/mediawiki/2017/c/cd/T-worldshaper-XSHS-s017.png" class="img-responsive" alt="" />
+
                                <img src="https://static.igem.org/mediawiki/2017/a/a5/T-worldshaper-XSHS-s015.png" class="img-responsive" alt="" />
                                </div>
+
                            </div>
                                <figcaption>
+
                            <figcaption>
                                    <h4>Professor Xu Cheng</h4>
+
                                <h4>Professor Zhu Xufen</h4>
                                    <p class="itemstyle">College of Life Sciences,Zhejiang University</p>
+
                                <p class="itemstyle">college of life sciences,Zhejiang University. She mainly works in the field of molecular biology
                                     <p class="itemstyle">You might think he was serious when you first met him,but lately you’ll find he is affine.He
+
                                     and microbiology.
                                        makes team members fall in love with bioinformatics.</p>
+
                                </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/2018/2/2a/T--worldshaper-XSHS--mWeng_Huifang.png" class="img-responsive" alt="" />
+
                                <img src="https://static.igem.org/mediawiki/2017/c/cd/T-worldshaper-XSHS-s017.png" class="img-responsive" alt="" />
                                </div>
+
                            </div>
                                <figcaption>
+
                            <figcaption>
                                    <h4>Weng Huifang</h4>
+
                                <h4>Professor Xu Cheng</h4>
                                    <p class="itemstyle">A very friendly teacher. Participate in practical activities with students. The main task
+
                                <p class="itemstyle">College of Life Sciences,Zhejiang University</p>
                                        is to organize and manage students to complete their tasks. Instruct students to complete
+
                                <p class="itemstyle">You might think he looks rigid when you first met him, but later you’ll find he is affine. He
                                        various activities.
+
                                     promotes team members'unity with bioinformatics.</p>
                                     </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/57/T-worldshaper-XSHS-s016.png" class="img-responsive" alt="" />
+
                                <img src="https://static.igem.org/mediawiki/2018/2/2a/T--worldshaper-XSHS--mWeng_Huifang.png" class="img-responsive" alt="" />
                                </div>
+
                            </div>
                                <figcaption>
+
                            <figcaption>
                                    <h4>Jin Wentao</h4>
+
                                <h4>Weng Huifang</h4>
                                    <p class="itemstyle">College of Life Sciences,Zhejiang University</p>
+
                                <p class="itemstyle">A very friendly teacher. Participate in practical activities with students, her main task
                                     <p class="itemstyle">He is a rigorous guy who is very professional in doing experiments.</p>
+
                                     is to guide students to complete their tasks and Instruct them to hold various activities.
                                </figcaption>
+
                                   
                            </figure>
+
                                </p>
                        </div>
+
                            </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/2017/5/57/T-worldshaper-XSHS-s016.png" class="img-responsive" alt="" />
 +
                            </div>
 +
                            <figcaption>
 +
                                <h4>Jin Wentao</h4>
 +
                                <p class="itemstyle">College of Life Sciences,Zhejiang University</p>
 +
                                <p class="itemstyle">He is a rigorous guy who is very professional in doing experiments.</p>
 +
                            </figcaption>
 +
                        </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>
 
         </section>

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