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

Line 1: Line 1:
 
<html>
 
<html>
    <style type="text/css" >
+
<style type="text/css">
         figure .img-wrapper img {
+
    .dropdown-menu>ul {
 +
         background-color: #212121!important
 +
    }
 +
    figure .img-wrapper img {
 
             width: 100%;
 
             width: 100%;
 
             height:300px
 
             height:300px
Line 16: Line 19:
 
         }
 
         }
  
     </style>
+
     .positiontitle {
    <link rel='stylesheet' type='text/css' href='http://igem2017.worldshaper.cn/XSHS/css/wiki_edit.css' />
+
        position: relative;
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/bootstrap.min.css">
+
        top: 200px;
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/ionicons.min.css">
+
        font-size: 68px;
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/animate.css">
+
        color: #fff;
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/slider.css">
+
         z-index: 100;
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/owl.carousel.css">
+
        letter-spacing: 0.0588235em;
    <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>
+
   
+
    <header id="top-bar" class="navbar-fixed-top animated-header"style="background:#09b0ff!important">
+
         <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">
+
                    <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>
+
    .colul .colactive a {
                            </div>
+
        font-size: 22px;
                        </li>
+
        color: #00746b !important;
                        <li>
+
    }
                            <a href="https://2018.igem.org/Team:Worldshaper-XSHS/parts.html">Parts</a>
+
 
                        </li>
+
    .v1 {
                        <li class="dropdown">
+
        font-family: proxima-nova !important;
                            <a class="dropdown-toggle" data-toggle="dropdown">
+
        font-weight: 600 !important;
                                HUMAN PRACTICES
+
        font-style: normal !important;
                                <span class="caret"></span>
+
        font-size: 25px !important;
                            </a>
+
        letter-spacing: .05em !important;
                            <div class="dropdown-menu">
+
        text-transform: uppercase !important;
                                <ul>
+
        line-height: 1.2em !important;
                                    <li>
+
        color: #4a4a4a !important;
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/HP/Silver">Silver</a>
+
    }
                                    </li>
+
 
                                    <li>
+
    #top_menu_14 {
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/HP/Gold_Integrated">Integrated and Gold</a>
+
        height: auto !important;
                                    </li>
+
    }
                                    <li>
+
 
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Engagement">Engagement</a>
+
    .colul a:hover {
                                    </li>
+
        font-size: 22px;
                                </ul>
+
        transition: all linear .3s;
                            </div>
+
        color: #00746b !important;
                        </li>
+
    }
                        <li>
+
 
                            <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Applied_Design">Applied Design</a>
+
    .colul li a {
                        </li>
+
        font-family: adobe-garamond-pro !important;
                        <li class="dropdown">
+
        font-weight: 400;
                            <a class="dropdown-toggle" data-toggle="dropdown">
+
        font-style: normal;
                                Achievement
+
        font-size: 18px;
                                <span class="caret"></span>
+
        letter-spacing: 0px;
                            </a>
+
        text-transform: none;
                            <div class="dropdown-menu">
+
        text-decoration: none;
                                <ul>
+
        line-height: 1.2em;
                                    <li>
+
        color: rgba(26, 26, 26, .7);
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Medal-requirements.html">Medal requirements</a>
+
        margin-bottom: .5em;
                                    </li>
+
 
                                </ul>
+
    }
                            </div>
+
 
                        </li>
+
    .ulfixed {
                        <li>
+
        position: fixed !important;
                            <a href="https://2018.igem.org/Team:Worldshaper-XSHS/safety.html">Safety</a>
+
        left: 130px;
                        </li>
+
        top: 90px;
                    </ul>
+
    }
                </div>
+
 
            </nav>
+
    .myheader {
         </div>
+
        box-shadow: none !important;
     </header>
+
        background: rgba(0, 0, 0, .4) !important;
 +
        border: none !important;
 +
    }
 +
 
 +
    .itemstyle {
 +
        font-family: adobe-garamond-pro !important;
 +
        font-weight: 400 !important;
 +
        font-style: normal !important;
 +
        font-size: 16px !important;
 +
        letter-spacing: 0px !important;
 +
         line-height: 1.6em !important;
 +
        color: rgba(26, 26, 26, .7) !important;
 +
     }
  
     <section class="global-page-header">
+
     .footer {
        <div class="container">
+
        background: rgba(0, 0, 0, 1) !important;
            <div class="row">
+
    }
                <div class="col-md-12">
+
</style>
                    <div class="block">
+
<link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/wiki_edit.css">
                        <!-- <h2>Members</h2> -->
+
<link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/bootstrap.min.css">
                     </div>
+
<link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/ionicons.min.css">
                 </div>
+
<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 () {
 +
        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')
 +
            } else {
 +
                $('.colul').removeClass('ulfixed')
 +
            }
 +
        }
 +
        $('.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="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>
 
         </div>
 
         </div>
    </section>
+
        <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>
  
    <section class="service-page">
+
                            </ul>
        <div class="container">
+
                        </div>
            <h2 class="subtitle wow fadeInUp animated" data-wow-delay=".3s" data-wow-duration="500ms">Members</h2>
+
                    </li>
            <p class="subtitle-des wow fadeInUp animated" data-wow-delay=".5s" data-wow-duration="500ms"></p>
+
                    <li>
            <div class="row">
+
                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/parts.html">Parts</a>
                <div class="clearfix">
+
                    </li>
                     <div class="col-sm-3">
+
                    <li class="dropdown">
                         <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
                        <a class="dropdown-toggle" data-toggle="dropdown">
                            <div class="img-wrapper">
+
                            HUMAN PRACTICES
                                 <img src="https://static.igem.org/mediawiki/2018/a/a9/T--worldshaper-XSHS--m001.png" class="img-responsive" alt="" />                  
+
                            <span class="caret"></span>
                            </div>
+
                        </a>
                             <figcaption>
+
                        <div class="dropdown-menu">
                                <h4>Name: Mei Yantao</h4>
+
                            <ul>
                             
+
                                <li>
                                <p>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 to do homework.
+
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/HP/Silver">Silver</a>
                                </p>
+
                                </li>
                            </figcaption>
+
                                <li>
                        </figure>
+
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/HP/Gold_Integrated">Integrated and Gold</a>
                    </div>
+
                                </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>
 +
                </ul>
 +
            </div>
 +
        </nav>
 +
    </div>
 +
</header>
  
                    <div class="col-sm-3">
+
<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;">
                        <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
    <strong class="positiontitle">About Us</strong>
                            <div class="img-wrapper">
+
    <!-- 这里是大图的标题 -->
                                <img src="https://static.igem.org/mediawiki/2018/f/f7/T--worldshaper-XSHS--m002.png" class="img-responsive" alt="" />
+
    <img src="https://static.igem.org/mediawiki/2018/e/e6/T--worldshaper-XSHS--a001.png" alt="" class="bg-stretch">
                            </div>
+
    <!-- 这里是大图的图片链接 -->
                            <figcaption>
+
</section>
                                <h4>Name: Yu Yangkun</h4>
+
                               
+
                                <p>Introduction: Yu Yangkun is a cheerful, very humorous and sincere person. He has no bad habits and is in good health. He is good at drawing and calligraphy. And he does things very seriously.</p>
+
                            </figcaption>
+
                        </figure>
+
                    </div>
+
  
                     <div class="col-sm-3">
+
<section class="container">
                        <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
    <div class="col-xs-2 xshs-box3  ">
                            <div class="img-wrapper">
+
        <ul class="colul text-center">
                                <img src="https://static.igem.org/mediawiki/2018/d/d4/T--worldshaper-XSHS--m003.png" class="img-responsive" alt="" />
+
            <li class="colactive mt-1">
                            </div>
+
                <a href="#Members">Members</a>
                            <figcaption>
+
            </li>
                                <h4>Name: He Xinyi</h4>
+
            <li class="mt-1">
                                <p>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>
+
                <a href="#Instructors">Instructors</a>
                            </figcaption>
+
            </li>
                        </figure>
+
            <!-- 这里是页面定位锚点  href 对应代码的 “id属性  例如 id='xxx'  ”-->
                    </div>
+
        </ul>
 +
    </div>
 +
    <div class="col-xs-8 col-xs-offset-1">
 +
        <section class="service-page">
 +
            <div class="container">
 +
                <h2 id="Members" 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>
 +
                <div class="row">
 +
                     <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/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 to do homework.
                                <img src="https://static.igem.org/mediawiki/2018/8/8b/T--worldshaper-XSHS--m004.png" class="img-responsive" alt="" />
+
                                    </p>
                            </div>
+
                                 </figcaption>
                            <figcaption>
+
                             </figure>
                                <h4>Name: Pan Hui</h4>
+
                         </div>
                             
+
                                <p>Introduction: She likes to participate in team activities and meet new people. She is curious about psychology, willing to read some books in the social sciences; she is more willing to follow those efficient techniques. "Either don't do it, or do it." She expects to do everything best.</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>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>
+
                         </figure>
+
                    </div>
+
  
                    <div class="col-sm-3">
+
                        <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/2018/4/4c/T--worldshaper-XSHS--m006.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>Name: Yu Yangyang</h4>
+
                                    <h4>Name: Yu Yangkun</h4>
  
                                <p>Introduction:Yu Yangyang loves animation and games, and loves natural science. He likes to explore the unknown and hopes to become knowledgeable. His shortcoming is lack of self-control. </p>
+
                                    <p class="itemstyle">Introduction: Yu Yangkun is a cheerful, very humorous and sincere person. He has no bad habits
                            </figcaption>
+
                                        and is in good health. He is good at drawing and calligraphy. And he does things very
                        </figure>
+
                                        seriously.</p>
                    </div>
+
                                </figcaption>
                   
+
                            </figure>
                    <div class="col-sm-3">
+
                         </div>
                         <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/f/fd/T--worldshaper-XSHS--m007.png" class="img-responsive" alt="" />
+
                            </div>
+
                            <figcaption>
+
                                <h4>Name:CaoShuaijun</h4>
+
  
                                <p>Introduction:His hobby is playing basketball and badminton. He likes physical chemistry. Although he is fat, he likes to run around. Movies and food are his favorite. He likes to go to the bookstore with his friends. </p>
+
                         <div class="col-sm-3">
                            </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/d/d4/T--worldshaper-XSHS--m003.png" class="img-responsive" alt="" />
                   
+
                                </div>
                    <div class="col-sm-3">
+
                                <figcaption>
                        <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
                                    <h4>Name: He Xinyi</h4>
                            <div class="img-wrapper">
+
                                    <p class="itemstyle">Introduction: She likes music, sports, and tries new things. She is more interested in novels
                                <img src="https://static.igem.org/mediawiki/2018/1/14/T--worldshaper-XSHS--m008.png" class="img-responsive" alt="" />
+
                                        and psychology books. She wants to be a free and independent person and do what she wants
                            </div>
+
                                        to do.</p>
                            <figcaption>
+
                                </figcaption>
                                <h4>Name: Pan Yangbo</h4>
+
                            </figure>
 +
                        </div>
  
                                 <p>Introduction:A boy who likes to try; 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>
+
                        <div class="col-sm-3">
                            </figcaption>
+
                            <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
                        </figure>
+
                                 <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
 +
                                        about psychology, willing to read some books in the social sciences; she is more willing
 +
                                        to follow those efficient techniques. "Either don't do it, or do it." She expects to
 +
                                        do everything best.
 +
                                    </p>
 +
                                </figcaption>
 +
                            </figure>
 +
                        </div>
 
                     </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>
  
                    <div class="col-sm-3">
+
                                    <p class="itemstyle">Introduction: He is a very active person in the team, but he will complete the task on time
                        <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
                                        and on time. He is very good at science because he only loves science.
                            <div class="img-wrapper">
+
                                    </p>
                                 <img src="https://static.igem.org/mediawiki/2018/9/92/T--worldshaper-XSHS--m009.png" class="img-responsive" alt="" />
+
                                 </figcaption>
                             </div>
+
                             </figure>
                            <figcaption>
+
                        </div>
                                <h4>Name: ShenHongcheng</h4>
+
  
                                 <p>Introduction:He is a lovely boy. He likes to go all out to work because he will get plenty of exercise and happiness. He likes to make friends, like his friends to get along with each other, from mutual ignorance to mutual familiarity.</p>
+
                        <div class="col-sm-3">
                            </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/4/4c/T--worldshaper-XSHS--m006.png" class="img-responsive" alt="" />
 +
                                </div>
 +
                                <figcaption>
 +
                                    <h4>Name: Yu Yangyang</h4>
  
                    <div class="col-sm-3">
+
                                    <p class="itemstyle">Introduction:Yu Yangyang loves animation and games, and loves natural science. He likes to
                        <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
                                        explore the unknown and hopes to become knowledgeable. His shortcoming is lack of self-control.
                            <div class="img-wrapper">
+
                                        </p>
                                 <img src="https://static.igem.org/mediawiki/2018/c/c0/T--worldshaper-XSHS--m010.png" class="img-responsive" alt="" />
+
                                 </figcaption>
                             </div>
+
                             </figure>
                            <figcaption>
+
                        </div>
                                <h4>Name: ShenYibin</h4>
+
  
                                 <p>Introduction:He is a super lively person, not to be deceived by his seemingly quiet appearance. He is very good at thinking. He will calm down and do experiments, trying to find out the deficiencies in the experiment and correct them.</p>
+
                        <div class="col-sm-3">
                            </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/f/fd/T--worldshaper-XSHS--m007.png" class="img-responsive" alt="" />
 +
                                </div>
 +
                                <figcaption>
 +
                                    <h4>Name:CaoShuaijun</h4>
  
                    <div class="col-sm-3">
+
                                    <p class="itemstyle">Introduction:His hobby is playing basketball and badminton. He likes physical chemistry.
                        <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
                                        Although he is fat, he likes to run around. Movies and food are his favorite. He likes
                            <div class="img-wrapper">
+
                                        to go to the bookstore with his friends. </p>
                                 <img src="https://static.igem.org/mediawiki/2018/0/0e/T--worldshaper-XSHS--m011.png" class="img-responsive" alt="" />
+
                                 </figcaption>
                             </div>
+
                             </figure>
                            <figcaption>
+
                        </div>
                                <h4>Name: Sun Zeyu</h4>
+
  
                                <p>Introduction:She likes to paint, especially the landscape paintings in Chinese paintings. She always thinks that landscape paintings are composed only 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>
+
                         <div class="col-sm-3">
                            </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/1/14/T--worldshaper-XSHS--m008.png" class="img-responsive" alt="" />
                   
+
                                </div>
                    <div class="col-sm-3">
+
                                <figcaption>
                        <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
                                    <h4>Name: Pan Yangbo</h4>
                            <div class="img-wrapper">
+
                                <img src="https://static.igem.org/mediawiki/2018/b/b2/T--worldshaper-XSHS--m013.png" class="img-responsive" alt="" />
+
                            </div>
+
                            <figcaption>
+
                                <h4>Name: XuJie</h4>
+
  
                                <p>Introduction:He is lively and helpful. He loves piano, basketball, travel... He also likes to explore something unknown, especially in the natural sciences. He firmly believes that to achieve something, the essential thing is perseverance. </p>
+
                                    <p class="itemstyle">Introduction:A boy who likes to try; a boy who can do everything. He is a procrastinator,
                            </figcaption>
+
                                        but he can get things done in the end.He looked forward to this unusual experience, to
                        </figure>
+
                                        this different growth, and to greeting this gold medal with his teammates.</p>
                    </div>
+
                                </figcaption>
 +
                            </figure>
 +
                        </div>
  
                    <div class="col-sm-3">
+
                        <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/2018/b/b4/T--worldshaper-XSHS--m014.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:Yu Yijie</h4>
+
                                    <h4>Name: ShenHongcheng</h4>
  
                                <p>Introduction: She is a very cute and funny little girl. She is very positive and optimistic about life. There are three things she likes the most: one is sleeping; the second is smiling; the third is that she will relax by enjoying the lotus</p>
+
                                    <p class="itemstyle">Introduction:He is a lovely boy. He likes to go all out to work because he will get plenty
                            </figcaption>
+
                                        of exercise and happiness. He likes to make friends, like his friends to get along with
                        </figure>
+
                                        each other, from mutual ignorance to mutual familiarity.</p>
                    </div>
+
                                </figcaption>
 +
                            </figure>
 +
                        </div>
  
                    <div class="col-sm-3">
+
                        <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/2018/0/0e/T--worldshaper-XSHS--m015.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:Yan Yihai</h4>
+
                                    <h4>Name: ShenYibin</h4>
  
                                <p>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>
+
                                    <p class="itemstyle">Introduction:He is a super lively person, not to be deceived by his seemingly quiet appearance.
                            </figcaption>
+
                                        He is very good at thinking. He will calm down and do experiments, trying to find out
                        </figure>
+
                                        the deficiencies in the experiment and correct them.</p>
                    </div>
+
                                </figcaption>
                   
+
                            </figure>
                   
+
                        </div>
  
        </div>
+
                        <div class="col-sm-3">
    </section>
+
                            <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
    <section class="service-page">
+
                                <div class="img-wrapper">
        <div class="container">
+
                                    <img src="https://static.igem.org/mediawiki/2018/0/0e/T--worldshaper-XSHS--m011.png" class="img-responsive" alt="" />
            <h2 class="subtitle wow fadeInUp animated" data-wow-delay=".3s" data-wow-duration="500ms">Instructors</h2>
+
                                </div>
            <p class="subtitle-des wow fadeInUp animated" data-wow-delay=".5s" data-wow-duration="500ms"></p>
+
                                <figcaption>
            <div class="row">
+
                                    <h4>Name: Sun Zeyu</h4>
  
                <div class="clearfix">
+
                                    <p class="itemstyle">Introduction:She likes to paint, especially the landscape paintings in Chinese paintings.
                    <div class="col-sm-3">
+
                                        She always thinks that landscape paintings are composed only of dotted lines, but there
                        <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
                                        is an indescribable momentum and charm in the mountains and rivers. It is as simple as
                            <div class="img-wrapper">
+
                                        she is pursuing.</p>
                                <img src="https://static.igem.org/mediawiki/2017/6/6c/T-worldshaper-XSHS-s013.png" class="img-responsive" alt="" />
+
                                </figcaption>
                            </div>
+
                            </figure>
                            <figcaption>
+
                        </div>
                                <h4>Dr. Dong Shan</h4>
+
                                <p>Duties:Primary PI</p>
+
                                <p>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="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/6/64/T-worldshaper-XSHS-s018.jpeg" 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>Guo Ting</h4>
+
                                    <h4>Name: XuJie</h4>
                                <p>Duties:Secondary PI</p>
+
 
                                 <p>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">Introduction:He is lively and helpful. He loves piano, basketball, travel... He also likes
                            </figcaption>
+
                                        to explore something unknown, especially in the natural sciences. He firmly believes
                        </figure>
+
                                        that to achieve something, the essential thing is perseverance. </p>
                    </div>
+
                                 </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/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 very cute and funny little girl. She is very positive and optimistic
 +
                                        about life. There are three things she likes the most: one is sleeping; the second is
 +
                                        smiling; the third is that she will relax by enjoying the lotus</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/0/0e/T--worldshaper-XSHS--m015.png" class="img-responsive" alt="" />
 +
                                </div>
 +
                                <figcaption>
 +
                                    <h4> Name:Yan Yihai</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>
  
                    <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/2017/a/a5/T-worldshaper-XSHS-s015.png" class="img-responsive" alt="" />
 
                            </div>
 
                            <figcaption>
 
                                <h4>Professor Zhu Xufen</h4>
 
                                <p>college of life sciences,Zhejiang University.She mainly works on study of molecular biology and microbiology.</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/2017/c/cd/T-worldshaper-XSHS-s017.png" class="img-responsive" alt="" />
 
                            </div>
 
                            <figcaption>
 
                                <h4>Professor Xu Cheng</h4>
 
                                <p>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>
 
                            </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/2/2a/T--worldshaper-XSHS--mWeng_Huifang.png" class="img-responsive" alt="" />
 
                            </div>
 
                            <figcaption>
 
                                <h4>Weng Huifang</h4>
 
                                <p>A very friendly teacher. Participate in practical activities with students. The main task is to organize and manage students to complete their tasks. Instruct students to complete various activities.</p>
 
                            </figcaption>
 
                        </figure>
 
 
                     </div>
 
                     </div>
 +
        </section>
 +
        <section class="service-page">
 +
            <div class="container">
 +
                <h2 id="Instructors" 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>
 +
                <div class="row">
 +
 +
                    <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/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">
 +
                            <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/64/T-worldshaper-XSHS-s018.jpeg" class="img-responsive" alt="" />
 +
                                </div>
 +
                                <figcaption>
 +
                                    <h4>Guo Ting</h4>
 +
                                    <p class="itemstyle">Duties:Secondary PI</p>
 +
                                    <p class="itemstyle">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>
 +
                                </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/2017/a/a5/T-worldshaper-XSHS-s015.png" class="img-responsive" alt="" />
 +
                                </div>
 +
                                <figcaption>
 +
                                    <h4>Professor Zhu Xufen</h4>
 +
                                    <p class="itemstyle">college of life sciences,Zhejiang University.She mainly works on study of molecular biology
 +
                                        and microbiology.
 +
                                    </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/2017/c/cd/T-worldshaper-XSHS-s017.png" class="img-responsive" alt="" />
 +
                                </div>
 +
                                <figcaption>
 +
                                    <h4>Professor Xu Cheng</h4>
 +
                                    <p class="itemstyle">College of Life Sciences,Zhejiang University</p>
 +
                                    <p class="itemstyle">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>
 +
                                </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/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. The main task
 +
                                        is to organize and manage students to complete their tasks. Instruct students to complete
 +
                                        various activities.
 +
                                    </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/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 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/2017/5/57/T-worldshaper-XSHS-s016.png" class="img-responsive" alt="" />
 
                            </div>
 
                            <figcaption>
 
                                <h4>Jin Wentao</h4>
 
                                <p>College of Life Sciences,Zhejiang University</p>
 
                                <p>He is a rigorous guy who is very professional in doing experiments.</p>
 
                            </figcaption>
 
                        </figure>
 
 
                     </div>
 
                     </div>
 +
  
 
                 </div>
 
                 </div>
 +
            </div>
 +
        </section>
 +
    </div>
 +
</section>
  
  
            </div>
 
        </div>
 
    </section>
 
  
 
+
<footer class="footer">
    <footer>
+
    <div class="container">
        <div class="container">
+
        <div class="foot-box">
            <div class="foot-box">
+
            <ul class="clearfix">
                <ul class="clearfix">
+
                <li class="foot-box-c1">
                    <li class="foot-box-c1">
+
                    <img src="https://static.igem.org/mediawiki/2017/7/71/T-worldshaper-XSHS-logoxshs.jpeg" alt="">
                        <img src="https://static.igem.org/mediawiki/2017/7/71/T-worldshaper-XSHS-logoxshs.jpeg" alt="" />
+
                </li>
                    </li>
+
                <li class="foot-box-c2">
                    <li class="foot-box-c2">
+
                    <img src="https://static.igem.org/mediawiki/2017/c/ce/T-worldshaper-igemlogo.jpeg" alt="">
                        <img src="https://static.igem.org/mediawiki/2017/c/ce/T-worldshaper-igemlogo.jpeg" alt="" />
+
                </li>
                    </li>
+
                <li class="foot-box-c3">
                    <li class="foot-box-c3">
+
                    <p>Worldshaper-XSHS, Xiaoshan High School</p>
                        <p>Worldshaper-XSHS, Xiaoshan High School</p>
+
                    <p>
                        <p>
+
                        Adress: No.538,Gongxiu Road,Xiaoshan District,Hangzhou,Zhejiang Province,China
                            Adress: No.538,Gongxiu Road,Xiaoshan District,Hangzhou,Zhejiang Province,China
+
                    </p>
                        </p>
+
                </li>
                    </li>
+
                <li class="foot-box-c4">
                    <li class="foot-box-c4">
+
                    <img src="https://static.igem.org/mediawiki/2017/3/32/T-Worldshaper-XSHS-weixin.jpeg" alt="">
                        <img src="https://static.igem.org/mediawiki/2017/3/32/T-Worldshaper-XSHS-weixin.jpeg" alt="" />
+
                </li>
                    </li>
+
            </ul>
                </ul>
+
            </div>
+
 
         </div>
 
         </div>
     </footer>
+
     </div>
 
+
</footer>
  
 
</html>
 
</html>

Revision as of 13:04, 8 October 2018

About Us

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 to do homework.

Name: Yu Yangkun

Introduction: Yu Yangkun is a cheerful, very humorous and sincere person. He has no bad habits and is in good health. He is good at drawing and calligraphy. And he does things very seriously.

Name: He Xinyi

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.

Name: Pan Hui

Introduction: She likes to participate in team activities and meet new people. She is curious about psychology, willing to read some books in the social sciences; she is more willing to follow those efficient techniques. "Either don't do it, or do it." She expects to do everything best.

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 and games, and loves natural science. He likes to explore the unknown and hopes to become knowledgeable. His shortcoming 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 run around. Movies and food are his favorite. He likes to go to the bookstore with his friends.

Name: Pan Yangbo

Introduction:A boy who likes to try; 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 all out to work because he will get plenty of exercise and happiness. He likes to make friends, like his friends to get along with each other, from mutual ignorance to mutual familiarity.

Name: ShenYibin

Introduction:He is a super lively person, not to be deceived by his seemingly quiet appearance. He is very good at thinking. He will calm down and do experiments, trying to find out the deficiencies in the experiment and correct them.

Name: Sun Zeyu

Introduction:She likes to paint, especially the landscape paintings in Chinese paintings. She always thinks that landscape paintings are composed only 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 is lively and helpful. He loves piano, basketball, travel... He also likes to explore something unknown, especially in the natural sciences. He firmly believes that to achieve something, the essential thing is perseverance.

Name:Yu Yijie

Introduction: She is a very cute and funny little girl. She is very positive and optimistic about life. There are three things she likes the most: one is sleeping; the second is smiling; the third is that she will relax by enjoying the lotus

Name:Yan Yihai

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.

Instructors

Dr. Dong Shan

Duties:Primary PI

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

Guo Ting

Duties:Secondary PI

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.

Professor Zhu Xufen

college of life sciences,Zhejiang University.She mainly works on study of molecular biology and microbiology.

Professor Xu Cheng

College of Life Sciences,Zhejiang University

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.

Weng Huifang

A very friendly teacher. Participate in practical activities with students. The main task is to organize and manage students to complete their tasks. Instruct students to complete various activities.

Jin Wentao

College of Life Sciences,Zhejiang University

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

  • Worldshaper-XSHS, Xiaoshan High School

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