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

 
(24 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
    <style type="text/css" >
+
<style type="text/css">
         figure .img-wrapper img {
+
    html body{
 +
         font-family:purista  !important;
 +
    }
 +
    p{
 +
        font-family: arial
 +
    }
 +
    figure .img-wrapper img {
 
             width: 100%;
 
             width: 100%;
 
             height:300px
 
             height:300px
Line 13: Line 19:
 
         }
 
         }
 
         .dropdown-menu > ul{
 
         .dropdown-menu > ul{
         background-color: #09b0ff!important
+
         background-color: rgba(132,176,110,0.6)!important
 
         }
 
         }
  
     </style>
+
     .positiontitle {
 +
        position: relative;
 +
        top: 500px;
 +
        font-size: 68px;
 +
        color: #fff;
 +
        z-index: 100;
 +
        letter-spacing: 0.0588235em;
 +
    }
  
     <link rel='stylesheet' type='text/css' href='http://igem2017.worldshaper.cn/XSHS/css/wiki_edit.css' />
+
     .colul .colactive a {
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/bootstrap.min.css">
+
        font-size: 22px;
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/ionicons.min.css">
+
        color: #00746b !important;
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/animate.css">
+
    }
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/slider.css">
+
 
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/owl.carousel.css">
+
    .v1 {
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/owl.theme.css">
+
        font-family: purista !important;
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/jquery.fancybox.css">
+
        font-weight: 600 !important;
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/main.css">
+
        font-style: normal !important;
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/responsive.css">
+
        font-size: 25px !important;
    <script src="http://igem2017.worldshaper.cn/XSHS/js/vendor/modernizr-2.6.2.min.js"></script>
+
        letter-spacing: .05em !important;
    <script src="http://igem2017.worldshaper.cn/XSHS/js/jquery.min.js"></script>
+
        text-transform: uppercase !important;
    <script src="http://igem2017.worldshaper.cn/XSHS/js/owl.carousel.min.js"></script>
+
        line-height: 1.2em !important;
    <script src="http://igem2017.worldshaper.cn/XSHS/js/bootstrap.min.js"></script>
+
        color: #4a4a4a !important;
    <script src="http://igem2017.worldshaper.cn/XSHS/js/wow.min.js"></script>
+
    }
    <script src="http://igem2017.worldshaper.cn/XSHS/js/slider.js"></script>
+
 
    <script src="http://igem2017.worldshaper.cn/XSHS/js/jquery.fancybox.js"></script>
+
    #top_menu_14 {
    <script src="http://igem2017.worldshaper.cn/XSHS/js/main.js"></script>
+
        height: auto !important;
     <header id="top-bar" class="navbar-fixed-top animated-header"style="background:#09b0ff!important">
+
    }
 +
 
 +
    .colul a:hover {
 +
     
 +
        color: #00746b !important;
 +
    }
 +
 
 +
    .colul li a {
 +
        font-family: adobe-garamond-pro !important;
 +
        font-weight: 400;
 +
        font-style: normal;
 +
        font-size: 18px;
 +
        letter-spacing: 0px;
 +
        text-transform: none;
 +
        text-decoration: none;
 +
        line-height: 1.2em;
 +
        color: rgba(26, 26, 26, .7);
 +
        margin-bottom: .5em;
 +
 
 +
    }
 +
 
 +
    .ulfixed {
 +
        position: fixed !important;
 +
        top: 90px;
 +
    }
 +
 
 +
    .myheader {
 +
        box-shadow: none !important;
 +
        background:  rgba(132,176,110,0.6) !important;
 +
        border: none !important;
 +
    }
 +
 
 +
    .itemstyle {
 +
        font-family: arial !important;
 +
        font-weight: 400 !important;
 +
        font-style: normal !important;
 +
       
 +
        letter-spacing: 0px !important;
 +
        line-height: 1.6em !important;
 +
        color: rgba(26, 26, 26, .7) !important;
 +
    }
 +
 
 +
    .footer {
 +
        background:rgba(12, 61, 12, 0.8509803921568627) !important;
 +
    }
 +
    #back-to-top{
 +
        position:fixed;
 +
 
 +
    }
 +
    #back-to-top a{
 +
        text-align:center;
 +
        text-decoration:none;
 +
        color:#d1d1d1;
 +
        display:block;
 +
        width:80px;
 +
        /*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/
 +
        -moz-transition:color 1s;
 +
        -webkit-transition:color 1s;
 +
        -o-transition:color 1s;
 +
    }
 +
    #back-to-top a img{
 +
        background:#d1d1d1;
 +
        border-radius:6px;
 +
        display:block;
 +
        height:80px;
 +
        width:80px;
 +
        margin-bottom:5px;
 +
        -moz-transition:background 1s;
 +
        -webkit-transition:background 1s;
 +
        -o-transition:background 1s;
 +
    }
 +
    @font-face
 +
{
 +
    font-family: purista;
 +
    src: url('https://static.igem.org/mediawiki/2018/4/44/T--worldshaper-XSHS--semibold.otf'),
 +
    url('https://static.igem.org/mediawiki/2018/4/44/T--worldshaper-XSHS--semibold.otf');
 +
}
 +
</style>
 +
<link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/wiki_edit.css">
 +
<link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/bootstrap.min.css">
 +
<link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/ionicons.min.css">
 +
<link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/animate.css">
 +
<link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/slider.css">
 +
<link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/owl.carousel.css">
 +
<link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/owl.theme.css">
 +
<link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/jquery.fancybox.css">
 +
<link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/main.css">
 +
<link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/responsive.css">
 +
<script src="http://igem2017.worldshaper.cn/XSHS/js/vendor/modernizr-2.6.2.min.js"></script>
 +
<script src="http://igem2017.worldshaper.cn/XSHS/js/jquery.min.js"></script>
 +
<script src="http://igem2017.worldshaper.cn/XSHS/js/owl.carousel.min.js"></script>
 +
<script src="http://igem2017.worldshaper.cn/XSHS/js/bootstrap.min.js"></script>
 +
<script src="http://igem2017.worldshaper.cn/XSHS/js/wow.min.js"></script>
 +
<script src="http://igem2017.worldshaper.cn/XSHS/js/slider.js"></script>
 +
<script src="http://igem2017.worldshaper.cn/XSHS/js/jquery.fancybox.js"></script>
 +
<script src="http://igem2017.worldshaper.cn/XSHS/js/main.js"></script>
 +
<script type="text/javascript">
 +
     $(function () {
 +
        //当点击跳转链接后,回到页面顶部位置
 +
        $("#back-to-top").hide();
 +
        window.onscroll = function () {
 +
            var t = document.documentElement.scrollTop || document.body.scrollTop;  //获取距离页面顶部的距离
 +
            var $x = $('#Members').offset().top
 +
            if (t >= $x - 80) {
 +
                console.log(t, $x)
 +
                $('.colul').addClass('ulfixed')
 +
                $("#back-to-top").fadeIn(1500);
 +
            } else {
 +
                $('.colul').removeClass('ulfixed')
 +
                $("#back-to-top").fadeOut(1500);
 +
            }
 +
        }
 +
        $("#back-to-top").click(function () {
 +
            $('body,html').animate({ scrollTop: 0 }, 1000);
 +
            return false;
 +
        });
 +
        $('.colul li').click(function () {
 +
            $(this).siblings().removeClass('colactive')
 +
            $(this).addClass('colactive')
 +
        })
 +
    })
 +
</script>
 +
 
 +
 
 +
<header id="top-bar" class="navbar-fixed-top animated-header navbar navbar-default myheader" >
 
         <div class="container">
 
         <div class="container">
             <div class="navbar-header">
+
             <div class="navbar-header" >
 
                 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
 
                 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
 
                     <span class="sr-only">Toggle navigation</span>
 
                     <span class="sr-only">Toggle navigation</span>
Line 44: Line 181:
 
                     <span class="icon-bar"></span>
 
                     <span class="icon-bar"></span>
 
                     <span class="icon-bar"></span>
 
                     <span class="icon-bar"></span>
                </button>
+
        </button>
                 <div class="navbar-brand">
+
                 <div class="navbar-brand " style="display:block;color:#fff;margin-left:15px;font-size:20px">
                     <a href="https://2017.igem.org/Team:Worldshaper-XSHS" >
+
                     <a href="https://2018.igem.org/Team:Worldshaper-XSHS">
                         worldshaper- <b>XSHS</b>
+
                         Worldshaper- <b>XSHS</b>
 
                     </a>
 
                     </a>
 
                 </div>
 
                 </div>
            </div>
+
      </div>
 
             <nav class="collapse navbar-collapse navbar-right" role="navigation">
 
             <nav class="collapse navbar-collapse navbar-right" role="navigation">
 
                 <div class="main-menu">
 
                 <div class="main-menu">
 
                     <ul class="nav navbar-nav navbar-right">
 
                     <ul class="nav navbar-nav navbar-right">
                         <li>
+
                          
                            <a href="https://2017.igem.org/Team:Worldshaper-XSHS">Home</a>
+
                        </li>
+
 
                         <li class="dropdown">
 
                         <li class="dropdown">
 
                             <a class="dropdown-toggle" data-toggle="dropdown">
 
                             <a class="dropdown-toggle" data-toggle="dropdown">
Line 64: Line 199:
 
                             <div class="dropdown-menu">
 
                             <div class="dropdown-menu">
 
                                 <ul>
 
                                 <ul>
 +
 
                                     <li>
 
                                     <li>
                                         <a href="https://2017.igem.org/Team:Worldshaper-XSHS/aboutus.html">about us</a>
+
                                         <a href="https://2018.igem.org/Team:Worldshaper-XSHS/aboutus.html">about us</a>
 
                                     </li>
 
                                     </li>
 
                                     <li>
 
                                     <li>
                                         <a href="https://2017.igem.org/Team:Worldshaper-XSHS/members.html">Members</a>
+
                                         <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Team">Members</a>
                                    </li>
+
                                    <li>
+
                                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Collaborations">Collaborations</a>
+
 
                                     </li>
 
                                     </li>
 +
                                   
 
                                 </ul>
 
                                 </ul>
 
                             </div>
 
                             </div>
 
                         </li>
 
                         </li>
 +
                                    <li>
 +
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Collaborations">Collaborations</a>
 +
                                    </li>
 
                         <li class="dropdown">
 
                         <li class="dropdown">
 
                             <a class="dropdown-toggle" data-toggle="dropdown">
 
                             <a class="dropdown-toggle" data-toggle="dropdown">
Line 84: Line 221:
 
                                 <ul>
 
                                 <ul>
 
                                     <li>
 
                                     <li>
                                         <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Background.html">Background</a>
+
                                         <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Background.html">Background</a>
 
                                     </li>
 
                                     </li>
 
                                     <li>
 
                                     <li>
                                         <a href="https://2017.igem.org/Team:Worldshaper-XSHS/design.html">Design</a>
+
                                         <a href="https://2018.igem.org/Team:Worldshaper-XSHS/design.html">Design</a>
 
                                     </li>
 
                                     </li>
 
                                     <li>
 
                                     <li>
                                         <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Protocols-methods.html">Protocols and methods</a>
+
                                         <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Protocols-methods.html">Protocols and methods</a>
 
                                     </li>
 
                                     </li>
 
                                     <li>
 
                                     <li>
                                         <a href="https://2017.igem.org/Team:Worldshaper-XSHS/result.html">Results</a>
+
                                         <a href="https://2018.igem.org/Team:Worldshaper-XSHS/result.html">Results</a>
 
                                     </li>
 
                                     </li>
 
                                     <li>
 
                                     <li>
                                         <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Future-plans.html">Future plans</a>
+
                                         <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Future-plans.html">Future plans</a>
 
                                     </li>
 
                                     </li>
 +
                                   
 
                                     <li>
 
                                     <li>
                                         <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Attributions">Attributions</a>
+
                                         <a href="https://2018.igem.org/Team:Worldshaper-XSHS/InterLab">Interlab</a>
 
                                     </li>
 
                                     </li>
 
                                     <li>
 
                                     <li>
                                         <a href="https://2017.igem.org/Team:Worldshaper-XSHS/InterLab">Interlab</a>
+
                                         <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Model">Model</a>
 
                                     </li>
 
                                     </li>
 
                                     <li>
 
                                     <li>
                                         <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Model">Model</a>
+
                                         <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Demonstrate">Demonstrate</a>
                                    </li>
+
                                    <li>
+
                                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Demonstrate">Demonstrate</a>
+
 
                                     </li>
 
                                     </li>
  
Line 115: Line 250:
 
                         </li>
 
                         </li>
 
                         <li>
 
                         <li>
                             <a href="https://2017.igem.org/Team:Worldshaper-XSHS/parts.html">Parts</a>
+
                             <a href="https://2018.igem.org/Team:Worldshaper-XSHS/parts.html">Parts</a>
 
                         </li>
 
                         </li>
 
                         <li class="dropdown">
 
                         <li class="dropdown">
 
                             <a class="dropdown-toggle" data-toggle="dropdown">
 
                             <a class="dropdown-toggle" data-toggle="dropdown">
                                 HUMAN PRACTICES
+
                                 HP
 
                                 <span class="caret"></span>
 
                                 <span class="caret"></span>
 
                             </a>
 
                             </a>
Line 125: Line 260:
 
                                 <ul>
 
                                 <ul>
 
                                     <li>
 
                                     <li>
                                         <a href="https://2017.igem.org/Team:Worldshaper-XSHS/HP/Silver">Silver</a>
+
                                         <a href="https://2018.igem.org/Team:Worldshaper-XSHS/HP/Silver">Silver</a>
 
                                     </li>
 
                                     </li>
 
                                     <li>
 
                                     <li>
                                         <a href="https://2017.igem.org/Team:Worldshaper-XSHS/HP/Gold_Integrated">Integrated and Gold</a>
+
                                         <a href="https://2018.igem.org/Team:Worldshaper-XSHS/HP/Gold_Integrated">Integrated and Gold</a>
 
                                     </li>
 
                                     </li>
 
                                     <li>
 
                                     <li>
                                         <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Engagement">Engagement</a>
+
                                         <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Engagement">Engagement</a>
 
                                     </li>
 
                                     </li>
 
                                 </ul>
 
                                 </ul>
Line 137: Line 272:
 
                         </li>
 
                         </li>
 
                         <li>
 
                         <li>
                             <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Applied_Design">Applied Design</a>
+
                             <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Applied_Design">Applied Design</a>
 
                         </li>
 
                         </li>
 
                         <li class="dropdown">
 
                         <li class="dropdown">
Line 147: Line 282:
 
                                 <ul>
 
                                 <ul>
 
                                     <li>
 
                                     <li>
                                         <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Medal-requirements.html">Medal requirements</a>
+
                                         <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Medal-requirements.html">Medal requirements</a>
 
                                     </li>
 
                                     </li>
 
                                 </ul>
 
                                 </ul>
Line 153: Line 288:
 
                         </li>
 
                         </li>
 
                         <li>
 
                         <li>
                             <a href="https://2017.igem.org/Team:Worldshaper-XSHS/safety.html">Safety</a>
+
                             <a href="https://2018.igem.org/Team:Worldshaper-XSHS/safety.html">Safety</a>
 
                         </li>
 
                         </li>
 +
                                    <li>
 +
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Attributions">Attributions</a>
 +
                                    </li>
 
                     </ul>
 
                     </ul>
 
                 </div>
 
                 </div>
Line 161: Line 299:
 
     </header>
 
     </header>
  
     <section class="global-page-header">
+
<section class="visual wow fadeInLeft text-center animated" data-wow-duration="500ms" data-wow-delay="200ms" style="visibility: visible; animation-duration: 500ms; animation-delay: 200ms; animation-name: fadeInLeft;">
         <div class="container">
+
     <strong class="positiontitle">Members</strong>
 +
    <!-- 这里是大图的标题 -->
 +
    <img src="https://static.igem.org/mediawiki/2018/e/e6/T--worldshaper-XSHS--a001.png" alt="" class="bg-stretch" style="width:100%">
 +
    <!-- 这里是大图的图片链接 -->
 +
</section>
 +
 
 +
<section class="container">
 +
    <div class="col-xs-2 xshs-box3  ">
 +
         <ul class="colul text-left">
 +
            <li class="colactive mt-1">
 +
                <a href="#Members">Members</a>
 +
            </li>
 +
            <li class="mt-1">
 +
                <a href="#Instructors">Instructors</a>
 +
            </li>
 +
                        <!-- 这里是页面定位锚点  href 对应代码的 “id属性  例如 id='xxx'  ”-->
 +
            <li>
 +
                <p id="back-to-top" style="margin-top: 50px;">
 +
                    <a href="#top">
 +
                        <img src="https://static.igem.org/mediawiki/2018/e/e5/T--worldshaper-XSHS--back.png">
 +
                        TO Top
 +
                    </a>
 +
                </p>
 +
            </li>
 +
 
 +
        </ul>
 +
    </div>
 +
    <div class="col-xs-10 ">
 +
        <section class="service-page">
 +
            <h2 id="Members" class="subtitle wow fadeInUp animated" data-wow-delay=".3s" data-wow-duration="500ms" style="text-align: center;">Members</h2>
 +
            <div style="
 +
              width: 28%;
 +
              margin: 0 auto;
 +
              margin-top: -34px;
 +
          ">
 +
          <hr style="
 +
              height: 3px;
 +
              background-color: #0c3d0c99!important;
 +
              margin-top: 40px
 +
          ">
 +
            </div>
 +
 
 +
            <p class="subtitle-des wow fadeInUp animated" data-wow-delay=".5s" data-wow-duration="500ms"></p>
 
             <div class="row">
 
             <div class="row">
                 <div class="col-md-12">
+
                 <div class="clearfix">
                     <div class="block">
+
                    <div class="col-sm-4">
                         <h2>About Us</h2>
+
                        <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>
 +
 
 +
                                <p class="itemstyle">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.
 +
                                </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/f/f7/T--worldshaper-XSHS--m002.png" class="img-responsive" alt="" />
 +
                            </div>
 +
                            <figcaption>
 +
                                <h4>Name: Yu Yangkun</h4>
 +
 
 +
                                <p class="itemstyle">Introduction: Yu Yangkun is a cheerful, humorous, and sincere person. He does not have bad habits
 +
                                    and has a good health. He is good at drawing and calligraphy. He does things very
 +
                                    meticulouslyly.</p>
 +
                            </figcaption>
 +
                        </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/d/d4/T--worldshaper-XSHS--m003.png" class="img-responsive" alt="" />
 +
                            </div>
 +
                            <figcaption>
 +
                                <h4>Name: He Xinyi</h4>
 +
                                <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 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/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 friends. She is curious
 +
                                    about psychology, willing to read some books about social sciences; she believe the importance of efficiency.
 +
                                    "Either don't do it, or do it." She expects to do do anything with her heart.
 +
                                 
 +
                                </p>
 +
                            </figcaption>
 +
                        </figure>
 
                     </div>
 
                     </div>
 
                 </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: 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-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/4/4c/T--worldshaper-XSHS--m006.png" class="img-responsive" alt="" />
 +
                            </div>
 +
                            <figcaption>
 +
                                <h4>Name: Yu Yangyang</h4>
 +
 +
                                <p class="itemstyle">Introduction:Yu Yangyang loves animation, games, and natural science. He likes to
 +
                                    explore the unknown world and hopes to become knowledgeable. His drawback is lack of self-control.
 +
                                    </p>
 +
                            </figcaption>
 +
                        </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/f/fd/T--worldshaper-XSHS--m007.png" class="img-responsive" alt="" />
 +
                            </div>
 +
                            <figcaption>
 +
                                <h4>Name:CaoShuaijun</h4>
 +
 +
                                <p class="itemstyle">Introduction:His hobby is playing basketball and badminton. He likes physical chemistry.
 +
                                    Although he is fat, he likes to jog. Movies and food are his favorite things. He likes
 +
                                    to go to the bookstore with his friends. </p>
 +
                            </figcaption>
 +
                        </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/1/14/T--worldshaper-XSHS--m008.png" class="img-responsive" alt="" />
 +
                            </div>
 +
                            <figcaption>
 +
                                <h4>Name: Pan Yangbo</h4>
 +
 +
                                <p class="itemstyle">Introduction:He is a boy who likes to try; He is a boy who can do everything. He is a procrastinator,
 +
                                    but he can get things done in the end. He looked forward to this unusual experience, to
 +
                                    this different growth, and to greeting this gold medal with his teammates.</p>
 +
                            </figcaption>
 +
                        </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/9/92/T--worldshaper-XSHS--m009.png" class="img-responsive" alt="" />
 +
                            </div>
 +
                            <figcaption>
 +
                                <h4>Name: ShenHongcheng</h4>
 +
 +
                                <p class="itemstyle">Introduction:He is a lovely boy. He likes to go out to work because he will get plenty
 +
                                    of exercise chances and happiness. He is fond of making friends, getting along with
 +
                                    each others, from mutual ignorance to mutual familiarity.</p>
 +
                            </figcaption>
 +
                        </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/c/c0/T--worldshaper-XSHS--m010.png" class="img-responsive" alt="" />
 +
                            </div>
 +
                            <figcaption>
 +
                                <h4>Name: ShenYibin</h4>
 +
 +
                                <p class="itemstyle">Introduction:He is a super lively person, please do not be cheated by his introverted appearance.
 +
                                    He does well in thinking. He can easily calm down and do experiments, trying to find out
 +
                                    the deficiencies in the experiment and correcting them.</p>
 +
                            </figcaption>
 +
                        </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--m011.png" class="img-responsive" alt="" />
 +
                            </div>
 +
                            <figcaption>
 +
                                <h4>Name: Sun Zeyu</h4>
 +
 +
                                <p class="itemstyle">Introduction:She likes to paint, especially the landscape paintings in Chinese paintings.
 +
                                    She always thinks that landscape paintings are only composed of dotted lines, but there
 +
                                    is an indescribable momentum and charm in the mountains and rivers. It is as simple as
 +
                                    she is pursuing.</p>
 +
                            </figcaption>
 +
                        </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/b/b2/T--worldshaper-XSHS--m013.png" class="img-responsive" alt="" />
 +
                            </div>
 +
                            <figcaption>
 +
                                <h4>Name: XuJie</h4>
 +
 +
                                <p class="itemstyle">Introduction:He looks active and helpful. He loves piano, basketball, travel... He is also
 +
                                    addictive to  explore something unknown. Especially in domain of natural sciences, he firmly believes
 +
                                    that the secret to achieve is perseverance. </p>
 +
                            </figcaption>
 +
                        </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/b/b4/T--worldshaper-XSHS--m014.png" class="img-responsive" alt="" />
 +
                            </div>
 +
                            <figcaption>
 +
                                <h4>Name:Yu Yijie</h4>
 +
 +
                                <p class="itemstyle">Introduction: She is a cute little girl. She feels optimistic about
 +
                                    life. There are three things she likes the most: sleeping; smiling, and relaxing
 +
                                  </p>
 +
                            </figcaption>
 +
                        </figure>
 +
                    </div>
 +
 +
                    <div class="col-sm-4">
 +
                        <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
 +
                            <div class="img-wrapper">
 +
                                <img src="https://static.igem.org/mediawiki/2018/0/0e/T--worldshaper-XSHS--m015.png" class="img-responsive" alt="" />
 +
                            </div>
 +
                            <figcaption>
 +
                                <h4> Name:Yan Yihai</h4>
 +
 +
                                <p class="itemstyle">Introduction: He feels enthusiasm on science. Because his parents engaged in scientific
 +
                                    research, he has opportunities to watch some advanced experimental equipments earlier.  Such experiences
 +
                                    spurred his interest in scientific research.</p>
 +
                            </figcaption>
 +
                        </figure>
 +
                    </div>
 +
        </section>
 +
        <section class="service-page">
 +
            <h2 id="Instructors" class="subtitle wow fadeInUp animated" data-wow-delay=".3s" data-wow-duration="500ms" style="text-align: center;">Instructors</h2>
 +
            <div style="
 +
              width: 28%;
 +
              margin: 0 auto;
 +
              margin-top: -34px;
 +
          ">
 +
          <hr style="
 +
              height: 3px;
 +
              background-color: #0c3d0c99!important;
 +
              margin-top: 40px
 +
          ">
 
             </div>
 
             </div>
        </div>
 
    </section>
 
  
    <section class="pageInHere">
+
            <p class="subtitle-des wow fadeInUp animated" data-wow-delay=".5s" data-wow-duration="500ms"></p>
        <div class="container">
+
 
             <div class="row">
 
             <div class="row">
                 <div class="col-md-12">
+
 
                    <div class="xshs-box3">
+
                 <div class="clearfix">
                        <p class="v1">Our team</p>
+
                    <div class="col-sm-4">
                        <p>
+
                        <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
                            Worldshaper-XSHS, a team from Xiao Shan, is composed of twelve student from Xiao Shan High School in Zhejiang Province.The team takes synthetic biology as its core and aims to transcend ego, achieve self and pursue higher goals.
+
                            <div class="img-wrapper">
                         </p>
+
                                <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 instructive advice is
 +
                                    very helpful to us.</p>
 +
                            </figcaption>
 +
                         </figure>
 
                     </div>
 
                     </div>
                     <div class="xshs-box2">
+
 
                      <p><img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2017/2/21/T-worldshaper-XSHS-26-001.png" /></p>
+
                     <div class="col-sm-4">
                        <p>
+
                        <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
                            <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2017/b/b8/T-worldshaper-XSHS-26-002.png" />
+
                            <div class="img-wrapper">
                         </p>
+
                                <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 with the highest degree in the biological group,
 +
                                    she is friendly and gets well along with team members. She also gaves the players a lot of constructive suggestions and guidance. Believe
 +
                                    under the leading of Ms.Guo, teams will get prominent grades.</p>
 +
                            </figcaption>
 +
                         </figure>
 
                     </div>
 
                     </div>
                     <div class="xshs-box3">
+
 
                         <p class="v1">Our School</p>
+
                     <div class="col-sm-4">
                        <p>
+
                         <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
                             We are from Xiaoshan High School, Zhejiang Province, a school founded in 1938 with a long history in Hangzhou, China. The school adheres to the motto: "seek the truth, seek the innovation, seek the beauty and seeking reality". We have trained  large quantities of outstanding students over the years. This is our school:
+
                            <div class="img-wrapper">
                        </p>
+
                                <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 in the field of molecular biology
 +
                                    and microbiology.
 +
                                </p>
 +
                            </figcaption>
 +
                        </figure>
 
                     </div>
 
                     </div>
                    <div class="xshs-box2">
 
  
                        <p>
+
                    <div class="col-sm-4">
                            <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2017/7/73/T-worldshaper-XSHS-26-003.png" />
+
                        <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
                        </p>
+
                            <div class="img-wrapper">
                        <p>
+
                                <img src="https://static.igem.org/mediawiki/2017/c/cd/T-worldshaper-XSHS-s017.png" class="img-responsive" alt="" />
                            <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2017/b/b1/T-worldshaper-XSHS-26-004.png" />
+
                            </div>
                         </p>
+
                            <figcaption>
 +
                                <h4>Professor Xu Cheng</h4>
 +
                                <p class="itemstyle">College of Life Sciences,Zhejiang University</p>
 +
                                <p class="itemstyle">You might think he looks rigid when you first met him, but later you’ll find he is affine. He
 +
                                    promotes team members'unity with bioinformatics.</p>
 +
                            </figcaption>
 +
                         </figure>
 
                     </div>
 
                     </div>
                     <div class="xshs-box3">
+
 
                         <p class="v1">Others</p>
+
                     <div class="col-sm-4">
                        <p>
+
                         <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
                             We have designed our own team logo and flag. This is our logo:
+
                            <div class="img-wrapper">
                        </p>
+
                                <img src="https://static.igem.org/mediawiki/2018/2/2a/T--worldshaper-XSHS--mWeng_Huifang.png" class="img-responsive" alt="" />
                        <p>Logo meaning:</p>
+
                             </div>
                        <p>
+
                            <figcaption>
                            For the school is called Xiaoshan High School, Zhejiang Province in English, we put the abbreviation “XSHS” into our logo. The four-leaf clover on the left side of the team logo is generated from “X”.  It also symbolizes good luck.
+
                                <h4>Weng Huifang</h4>
                        </p>
+
                                <p class="itemstyle">A very friendly teacher. Participate in practical activities with students, her main task
 +
                                    is to guide students to complete their tasks and Instruct them to hold various activities.
 +
                                   
 +
                                </p>
 +
                            </figcaption>
 +
                        </figure>
 
                     </div>
 
                     </div>
                     <div class="xshs-box2">
+
 
                         <p>
+
                     <div class="col-sm-4">
                             <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2017/3/38/T-worldshaper-XSHS-26-005.png" />
+
                         <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
                        </p>
+
                             <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="xshs-box3">
+
 
                         <p>
+
                     <div class="col-sm-4">
                             Whenever we go out to participate in activities, we all wear our uniform. We all love our uniform:
+
                         <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
                         </p>
+
                             <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>
                     <div class="xshs-box2">
+
 
                         <p>
+
                     <div class="col-sm-4">
                             <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2017/7/7c/T-worldshaper-XSHS-26-006.png" />
+
                         <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
                        </p>
+
                             <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>
                     <div class="xshs-box3">
+
 
                         <p>
+
                     <div class="col-sm-4">
                             In addition, the money to buy the uniforms and the flag is all from fund-raising. Thanks to those who support us!
+
                         <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
                        </p>
+
                             <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>
 
        </div>
 
    </section>
 
  
  
    <footer>
 
        <div class="container">
 
            <div class="foot-box">
 
                <ul class="clearfix">
 
                    <li class="foot-box-c1">
 
                        <img src="https://static.igem.org/mediawiki/2017/7/71/T-worldshaper-XSHS-logoxshs.jpeg" alt="" />
 
                    </li>
 
                    <li class="foot-box-c2">
 
                        <img src="https://static.igem.org/mediawiki/2017/c/ce/T-worldshaper-igemlogo.jpeg" alt="" />
 
                    </li>
 
                    <li class="foot-box-c3">
 
                        <p>Worldshaper-XSHS, Xiaoshan High School</p>
 
                        <p>
 
                            Adress: No.538,Gongxiu Road,Xiaoshan District,Hangzhou,Zhejiang Province,China
 
                        </p>
 
                    </li>
 
                    <li class="foot-box-c4">
 
                        <img src="https://static.igem.org/mediawiki/2017/3/32/T-Worldshaper-XSHS-weixin.jpeg" alt="" />
 
                    </li>
 
                </ul>
 
 
             </div>
 
             </div>
 +
        </section>
 +
    </div>
 +
</section>
 +
 +
 +
 +
<footer class="footer">
 +
    <div class="container">
 +
        <div class="foot-box">
 +
            <ul class="clearfix">
 +
                <li class="foot-box-c1">
 +
                    <img src="https://static.igem.org/mediawiki/2017/7/71/T-worldshaper-XSHS-logoxshs.jpeg" alt="">
 +
                </li>
 +
                <li class="foot-box-c2">
 +
                    <img src="https://static.igem.org/mediawiki/2017/c/ce/T-worldshaper-igemlogo.jpeg" alt="">
 +
                </li>
 +
                <li class="foot-box-c3">
 +
                    <p>Worldshaper-XSHS, Xiaoshan High School</p>
 +
                    <p>
 +
                        Adress: No.538,Gongxiu Road,Xiaoshan District,Hangzhou,Zhejiang Province,China
 +
                    </p>
 +
                </li>
 +
                <li class="foot-box-c4">
 +
                    <img src="https://static.igem.org/mediawiki/2017/3/32/T-Worldshaper-XSHS-weixin.jpeg" alt="">
 +
                </li>
 +
            </ul>
 
         </div>
 
         </div>
     </footer>
+
     </div>
 +
</footer>
  
 
</html>
 
</html>

Latest revision as of 17:27, 17 October 2018

Members

Members


Name: Mei Yantao

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

Name: Yu Yangkun

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

Name: He Xinyi

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

Name: Pan Hui

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

Name: Yang Jianing

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

Name: Yu Yangyang

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

Name:CaoShuaijun

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

Name: Pan Yangbo

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

Name: ShenHongcheng

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

Name: ShenYibin

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

Name: Sun Zeyu

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

Name: XuJie

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

Name:Yu Yijie

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

Name:Yan Yihai

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

Instructors


Dr. Dong Shan

Duties:Primary PI

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

Guo Ting

Duties:Secondary PI

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

Professor Zhu Xufen

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

Professor Xu Cheng

College of Life Sciences,Zhejiang University

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

Weng Huifang

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

Jin Wentao

College of Life Sciences,Zhejiang University

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

Huang Nan

Duties: Advisor

Lei Zhaoying

Duties: Advisor

College of life sciences,ZhejiangUniversity.

Qiu Yue

Duties: Advisor

College of life sciences,ZhejiangUniversity.

  • Worldshaper-XSHS, Xiaoshan High School

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