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

 
(18 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
−
<style type="text/css">
+
    <style type="text/css">
 +
    html body{
 +
        font-family:purista  !important;
 +
    }
 +
    p>img{
 +
        margin-left: 0px!important
 +
    }
 +
    section>p{
 +
        font-family: arial!important;
 +
        font-weight:600!important;
 +
        width: 1100px!important;
 +
    }
 
     .dropdown .dropdown-menu > ul {
 
     .dropdown .dropdown-menu > ul {
−
         background-color: #212121!important
+
         background-color: rgba(132,176,110,0.6)!important
 
     }  
 
     }  
−
    figure .img-wrapper img {
+
    .myheader{
−
            width: 100%;
+
        box-shadow:none !important;
−
            height:300px
+
         background:rgba(132,176,110,0.6) !important;
−
         }
+
         border:none !important;
−
           
+
    }
−
        figure figcaption{
+
     .positiontitle{
−
            padding: 20px 25px;
+
−
            margin-top: 0;
+
−
            color: #333;
+
−
            height: 330px
+
−
         }
+
−
        .dropdown-menu > ul{
+
−
        background-color: #09b0ff!important
+
−
        }
+
−
 
+
−
     .positiontitle {
+
 
         position: relative;
 
         position: relative;
−
         top: 500px;
+
         top:500px;
 
         font-size: 68px;
 
         font-size: 68px;
−
         color: #fff;
+
         color:#fff;
 
         z-index: 100;
 
         z-index: 100;
 
         letter-spacing: 0.0588235em;
 
         letter-spacing: 0.0588235em;
 
     }
 
     }
−
 
+
     .colul .colactive a{
−
     .colul .colactive a {
+
         font-size:22px;
−
         font-size: 22px;
+
 
         color: #00746b !important;
 
         color: #00746b !important;
 
     }
 
     }
−
 
+
     .v1{
−
     .v1 {
+
         font-family: purista !important;
−
         font-family: proxima-nova !important;
+
 
         font-weight: 600 !important;
 
         font-weight: 600 !important;
 
         font-style: normal !important;
 
         font-style: normal !important;
Line 43: Line 42:
 
         color: #4a4a4a !important;
 
         color: #4a4a4a !important;
 
     }
 
     }
−
 
+
     #top_menu_14{
−
     #top_menu_14 {
+
         height:auto !important;
−
         height: auto !important;
+
 
     }
 
     }
 +
    .colul a:hover{
  
−
    .colul a:hover {
+
         color: #00746b !important;  
−
     
+
−
         color: #00746b !important;
+
 
     }
 
     }
−
 
+
     .colul li a{
−
     .colul li a {
+
         font-family: arial !important;
−
         font-family: adobe-garamond-pro !important;
+
 
         font-weight: 400;
 
         font-weight: 400;
 
         font-style: normal;
 
         font-style: normal;
Line 62: Line 58:
 
         text-decoration: none;
 
         text-decoration: none;
 
         line-height: 1.2em;
 
         line-height: 1.2em;
−
         color: rgba(26, 26, 26, .7);
+
         color: rgba(26,26,26,.7);
 
         margin-bottom: .5em;
 
         margin-bottom: .5em;
−
 
+
     
 
     }
 
     }
−
 
 
     .ulfixed {
 
     .ulfixed {
 
         position: fixed !important;
 
         position: fixed !important;
 +
       
 
         top: 90px;
 
         top: 90px;
 
     }
 
     }
−
 
+
     .myheader{
−
     .myheader {
+
         box-shadow:none !important;
−
         box-shadow: none !important;
+
         background:rgba(132,176,110,0.4) !important;
−
         background: rgba(0, 0, 0, .4) !important;
+
         border:none !important;
−
         border: none !important;
+
 
     }
 
     }
−
 
+
     .itemstyle{
−
     .itemstyle {
+
         font-family: arial !important;
−
         font-family: adobe-garamond-pro !important;
+
         font-weight: 600 !important;
−
         font-weight: 400 !important;
+
 
         font-style: normal !important;
 
         font-style: normal !important;
−
       
 
 
         letter-spacing: 0px !important;
 
         letter-spacing: 0px !important;
 
         line-height: 1.6em !important;
 
         line-height: 1.6em !important;
−
         color: rgba(26, 26, 26, .7) !important;
+
         color: rgba(26,26,26,.7) !important;
 +
        text-align: left!important;
 
     }
 
     }
  
−
     .footer {
+
        }
−
         background: rgba(0, 0, 0, 1) !important;
+
     .footer{
 +
         background:rgba(12, 61, 12, 0.8509803921568627) !important;
 
     }
 
     }
 
     #back-to-top{
 
     #back-to-top{
−
position:fixed;
+
        position:fixed;
−
bottom:100px;
+
    }
−
left:80px;
+
    #back-to-top a{
−
}
+
        text-align:center;
−
#back-to-top a{
+
        text-decoration:none;
−
text-align:center;
+
        color:#d1d1d1;
−
text-decoration:none;
+
        display:block;
−
color:#d1d1d1;
+
        width:80px;
−
display:block;
+
        /*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/
−
width:80px;
+
        -moz-transition:color 1s;  
−
/*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/
+
        -webkit-transition:color 1s;
−
-moz-transition:color 1s;  
+
        -o-transition:color 1s;
−
-webkit-transition:color 1s;
+
    }
−
-o-transition:color 1s;
+
    #back-to-top a img{
−
}
+
        background:#d1d1d1;
−
#back-to-top a img{
+
        border-radius:6px;
−
background:#d1d1d1;
+
        display:block;
−
border-radius:6px;
+
        height:80px;
−
display:block;
+
        width:80px;
−
height:80px;
+
        margin-bottom:5px;
−
width:80px;
+
        -moz-transition:background 1s;
−
margin-bottom:5px;
+
        -webkit-transition:background 1s;
−
-moz-transition:background 1s;
+
        -o-transition:background 1s;
−
-webkit-transition:background 1s;
+
    }
−
-o-transition:background 1s;
+
    @font-face
−
}
+
{
−
+
    font-family: purista;
−
</style>
+
    src: url('https://static.igem.org/mediawiki/2018/4/44/T--worldshaper-XSHS--semibold.otf'),
−
<link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/wiki_edit.css">
+
    url('https://static.igem.org/mediawiki/2018/4/44/T--worldshaper-XSHS--semibold.otf');
−
<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">
+
</style><!-- style -->
−
<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/wiki_edit.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/bootstrap.min.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/ionicons.min.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/animate.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/slider.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/owl.carousel.css">
−
<link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/responsive.css">
+
    <link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/owl.theme.css">
−
<script src="http://igem2017.worldshaper.cn/XSHS/js/vendor/modernizr-2.6.2.min.js"></script>
+
    <link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/jquery.fancybox.css">
−
<script src="http://igem2017.worldshaper.cn/XSHS/js/jquery.min.js"></script>
+
    <link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/main.css">
−
<script src="http://igem2017.worldshaper.cn/XSHS/js/owl.carousel.min.js"></script>
+
    <link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/responsive.css">
−
<script src="http://igem2017.worldshaper.cn/XSHS/js/bootstrap.min.js"></script>
+
    <script src="http://igem2017.worldshaper.cn/XSHS/js/vendor/modernizr-2.6.2.min.js"></script>
−
<script src="http://igem2017.worldshaper.cn/XSHS/js/wow.min.js"></script>
+
    <script src="http://igem2017.worldshaper.cn/XSHS/js/jquery.min.js"></script>
−
<script src="http://igem2017.worldshaper.cn/XSHS/js/slider.js"></script>
+
    <script src="http://igem2017.worldshaper.cn/XSHS/js/owl.carousel.min.js"></script>
−
<script src="http://igem2017.worldshaper.cn/XSHS/js/jquery.fancybox.js"></script>
+
    <script src="http://igem2017.worldshaper.cn/XSHS/js/bootstrap.min.js"></script>
−
<script src="http://igem2017.worldshaper.cn/XSHS/js/main.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">
 
<script type="text/javascript">
 
     $(function () {
 
     $(function () {
Line 144: Line 142:
 
         window.onscroll = function () {
 
         window.onscroll = function () {
 
             var t = document.documentElement.scrollTop || document.body.scrollTop;  //获取距离页面顶部的距离
 
             var t = document.documentElement.scrollTop || document.body.scrollTop;  //获取距离页面顶部的距离
−
             var $x = $('#Members').offset().top
+
             var $x = $('#Ourteam').offset().top
 
             if (t >= $x - 80) {
 
             if (t >= $x - 80) {
 
                 console.log(t, $x)
 
                 console.log(t, $x)
Line 163: Line 161:
 
         })
 
         })
 
     })
 
     })
−
</script>
+
</script><!-- css and js -->
−
<p id="back-to-top">
+
−
    <a href="#top">
+
−
        <img src="https://static.igem.org/mediawiki/2018/e/e5/T--worldshaper-XSHS--back.png">
+
−
To Top
+
−
    </a>
+
−
</p>
+
−
<header id="top-bar" class="navbar-fixed-top animated-header  navbar navbar-default myheader">
+
−
    <div class="container">
+
−
        <div class="navbar-header">
+
−
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+
−
                <span class="sr-only">Toggle navigation</span>
+
−
                <span class="icon-bar"></span>
+
−
                <span class="icon-bar"></span>
+
−
                <span class="icon-bar"></span>
+
−
            </button>
+
−
            <div class="navbar-brand " style="display:block;color:#fff;margin-left:15px;font-size:20px">
+
−
                <a href="https://2018.igem.org/Team:Worldshaper-XSHS">
+
−
                    Worldshaper-
+
−
                    <b>XSHS</b>
+
−
                </a>
+
−
            </div>
+
−
        </div>
+
−
        <nav class="collapse navbar-collapse navbar-right" role="navigation">
+
−
            <div class="main-menu">
+
−
                <ul class="nav navbar-nav navbar-right">
+
−
                    <li>
+
−
                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS">Home</a>
+
−
                    </li>
+
−
                    <li class="dropdown">
+
−
                        <a class="dropdown-toggle" data-toggle="dropdown">
+
−
                            Team
+
−
                            <span class="caret"></span>
+
−
                        </a>
+
−
                        <div class="dropdown-menu">
+
−
                            <ul>
+
−
                                <li>
+
−
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/aboutus.html">about us</a>
+
−
                                </li>
+
−
                                <li>
+
−
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Team">Members</a>
+
−
                                </li>
+
−
                                <li>
+
−
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Collaborations">Collaborations</a>
+
−
                                </li>
+
−
                            </ul>
+
−
                        </div>
+
−
                    </li>
+
−
                    <li class="dropdown">
+
−
                        <a class="dropdown-toggle" data-toggle="dropdown">
+
−
                            Project
+
−
                            <span class="caret"></span>
+
−
                        </a>
+
−
                        <div class="dropdown-menu">
+
−
                            <ul>
+
−
                                <li>
+
−
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Background.html">Background</a>
+
−
                                </li>
+
−
                                <li>
+
−
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/design.html">Design</a>
+
−
                                </li>
+
−
                                <li>
+
−
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Protocols-methods.html">Protocols and methods</a>
+
−
                                </li>
+
−
                                <li>
+
−
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/result.html">Results</a>
+
−
                                </li>
+
−
                                <li>
+
−
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Future-plans.html">Future plans</a>
+
−
                                </li>
+
−
                                <li>
+
−
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Attributions">Attributions</a>
+
−
                                </li>
+
−
                                <li>
+
−
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/InterLab">Interlab</a>
+
−
                                </li>
+
−
                                <li>
+
−
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Model">Model</a>
+
−
                                </li>
+
−
                                <li>
+
−
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Demonstrate">Demonstrate</a>
+
−
                                </li>
+
  
−
                            </ul>
+
    <header id="top-bar" class="navbar-fixed-top animated-header  navbar navbar-default myheader"  >
−
                        </div>
+
        <div class="container">
−
                    </li>
+
            <div class="navbar-header" >
−
                    <li>
+
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
−
                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/parts.html">Parts</a>
+
                    <span class="sr-only">Toggle navigation</span>
−
                    </li>
+
                    <span class="icon-bar"></span>
−
                    <li class="dropdown">
+
                    <span class="icon-bar"></span>
−
                        <a class="dropdown-toggle" data-toggle="dropdown">
+
                    <span class="icon-bar"></span>
−
                            HUMAN PRACTICES
+
        </button>
−
                            <span class="caret"></span>
+
                <div class="navbar-brand " style="display:block;color:#fff;margin-left:15px;font-size:20px">
−
                        </a>
+
                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS">
−
                        <div class="dropdown-menu">
+
                        Worldshaper- <b>XSHS</b>
−
                            <ul>
+
                    </a>
−
                                <li>
+
                </div>
−
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/HP/Silver">Silver</a>
+
      </div>
−
                                </li>
+
            <nav class="collapse navbar-collapse navbar-right" role="navigation">
−
                                <li>
+
                <div class="main-menu">
−
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/HP/Gold_Integrated">Integrated and Gold</a>
+
                     <ul class="nav navbar-nav navbar-right">
−
                                </li>
+
                       
−
                                <li>
+
                        <li class="dropdown">
−
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Engagement">Engagement</a>
+
                            <a class="dropdown-toggle" data-toggle="dropdown">
−
                                </li>
+
                                Team
−
                            </ul>
+
                                <span class="caret"></span>
−
                        </div>
+
                            </a>
−
                    </li>
+
                            <div class="dropdown-menu">
−
                    <li>
+
                                 <ul>
−
                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Applied_Design">Applied Design</a>
+
−
                     </li>
+
−
                    <li 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>
+
  
−
<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;">
+
                                    <li>
−
    <strong class="positiontitle">Background</strong>
+
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/aboutus.html">about us</a>
−
    <!-- 这里是大图的标题 -->
+
                                    </li>
−
    <img src="https://static.igem.org/mediawiki/2018/e/e6/T--worldshaper-XSHS--a001.png" alt="" class="bg-stretch" style="width:100%">
+
                                    <li>
−
    <!-- 这里是大图的图片链接 -->
+
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Team">Members</a>
−
</section>
+
                                    </li>
−
 
+
                                      
−
<section class="container">
+
                                 </ul>
−
    <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'  ”-->
+
−
        </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">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-4">
+
−
                        <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
−
                            <div class="img-wrapper">
+
−
                                <video style="width:100%" src="https://static.igem.org/mediawiki/2018/9/99/T--worldshaper-XSHS--001.ogg" controls="controls"><!--这里视频 视频可以去掉控件按钮 controls 删掉即可-->
+
−
                                     your browser does not support the video tag
+
−
                                 </video>
+
 
                             </div>
 
                             </div>
−
                            <figcaption>
+
                        </li>
−
                                <h4>Name: Mei Yantao</h4>
+
                                    <li>
−
                                 <p class="itemstyle">Introduction: Although he is fat, he likes sports. His hobbies are playing games, reading
+
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Collaborations">Collaborations</a>
−
                                     books, listening to songs, playing musical instruments, aerial photography, robots, etc.
+
                                    </li>
−
                                     His favorite thing is to do homework.
+
                        <li class="dropdown">
−
                                </p>
+
                            <a class="dropdown-toggle" data-toggle="dropdown">
−
                            </figcaption>
+
                                Project
−
                        </figure>
+
                                 <span class="caret"></span>
−
                    </div>
+
                            </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/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>
  
−
                    <div class="col-sm-4">
+
                                 </ul>
−
                        <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>
 
                             </div>
−
                            <figcaption>
+
                        </li>
−
                                <h4>Name: Yu Yangkun</h4>
+
                        <li>
−
                                <p class="itemstyle">Introduction: Yu Yangkun is a cheerful, very humorous and sincere person. He has no bad habits
+
                            <a href="https://2018.igem.org/Team:Worldshaper-XSHS/parts.html">Parts</a>
−
                                    and is in good health. He is good at drawing and calligraphy. And he does things very
+
                         </li>
−
                                    seriously.</p>
+
                        <li class="dropdown">
−
                            </figcaption>
+
                            <a class="dropdown-toggle" data-toggle="dropdown">
−
                         </figure>
+
                                HP
−
                    </div>
+
                                <span class="caret"></span>
−
 
+
                            </a>
−
                    <div class="col-sm-4">
+
                             <div class="dropdown-menu">
−
                        <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
                                 <ul>
−
                             <div class="img-wrapper">
+
                                    <li>
−
                                 <img src="https://static.igem.org/mediawiki/2018/d/d4/T--worldshaper-XSHS--m003.png" class="img-responsive" alt="" />
+
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/HP/Silver">Silver</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/HP/Gold_Integrated">Integrated and Gold</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Engagement">Engagement</a>
 +
                                    </li>
 +
                                </ul>
 
                             </div>
 
                             </div>
−
                            <figcaption>
+
                        </li>
−
                                <h4>Name: He Xinyi</h4>
+
                        <li>
−
                                 <p class="itemstyle">Introduction: She likes music, sports, and tries new things. She is more interested in novels
+
                            <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Applied_Design">Applied Design</a>
−
                                     and psychology books. She wants to be a free and independent person and do what she wants
+
                        </li>
−
                                     to do.</p>
+
                        <li class="dropdown">
−
                             </figcaption>
+
                            <a class="dropdown-toggle" data-toggle="dropdown">
−
                         </figure>
+
                                Achievement
−
                     </div>
+
                                 <span class="caret"></span>
 +
                            </a>
 +
                            <div class="dropdown-menu">
 +
                                <ul>
 +
                                     <li>
 +
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Medal-requirements.html">Medal requirements</a>
 +
                                     </li>
 +
                                </ul>
 +
                             </div>
 +
                         </li>
 +
                        <li>
 +
                            <a href="https://2018.igem.org/Team:Worldshaper-XSHS/safety.html">Safety</a>
 +
                        </li>
 +
                                    <li>
 +
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Attributions">Attributions</a>
 +
                                    </li>
 +
                     </ul>
 +
                </div>
 +
            </nav>
 +
        </div>
 +
    </header><!-- header -->
  
−
                    <div class="col-sm-4">
+
    <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">Attribution</strong><!-- 这里是大图的标题 -->
−
                            <div class="img-wrapper">
+
        <img src="https://static.igem.org/mediawiki/2018/9/93/T--Worldshaper-XSHS--ti013.jpg" alt="" class="bg-stretch" style="width:100%">
−
                                <img src="https://static.igem.org/mediawiki/2018/8/8b/T--worldshaper-XSHS--m004.png" class="img-responsive" alt="" />
+
        <!-- 这里是大图的图片链接 -->
−
                            </div>
+
    </section>
−
                            <figcaption>
+
−
                                <h4>Name: Pan Hui</h4>
+
  
−
                                <p class="itemstyle">Introduction: She likes to participate in team activities and meet new people. She is curious
+
    <section class="pageInHere">
−
                                    about psychology, willing to read some books in the social sciences; she is more willing
+
        <div class="container">
−
                                    to follow those efficient techniques. "Either don't do it, or do it." She expects to
+
            <div class="row">
−
                                    do everything best.
+
             
−
                                 </p>
+
                <div class="col-xs-2 xshs-box3  ">
−
                             </figcaption>
+
                    <ul class="colul text-left"style="width: 180px;font-size: 15px!important">
−
                         </figure>
+
                        <li class="colactive mt-1"><a href="#Ourteam">THE CONTRIBUTION OF TEAM MEMBERS</a></li>
−
                     </div>
+
                        <hr>
 +
                        <li class="mt-1"><a href="#education">PROJECT SUPPORT</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>
−
                 <div class="clearfix">
+
               
−
                     <div class="col-sm-4">
+
                 <div class="col-xs-10 ">
−
                         <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
                     <div class="xshs-box3">
−
                             <div class="img-wrapper">
+
                         <p class="v1" id="Ourteam" style="text-align:  center; ">
−
                                <img src="https://static.igem.org/mediawiki/2018/9/90/T--worldshaper-XSHS--m005.png" class="img-responsive" alt="" />
+
                             The contribution of TEAM MEMBERS
−
                             </div>
+
                        </p>
−
                            <figcaption>
+
                        <div style="
−
                                <h4>Name: Yang Jianing</h4>
+
                            width: 100%;
 +
                            margin: 0 auto;
 +
                            margin-top: -34px;
 +
                        ">
 +
                        <hr style="
 +
                            height: 3px;
 +
                            background-color: #0c3d0c99!important;
 +
                            margin-top: 40px;
 +
                        ">
 +
                        </div>
 +
                        <P class="itemstyle">
 +
                            We divided our team into two parts: wet group (related to experimental lab jobs) and Dry group(related to everything outside lab).
 +
                        </P>
 +
                        <p class="itemstyle">
 +
                             Wet group member:Yu Yangkun ;Yang Jianing ;Yu Yijie ;Yu Yangyang ;Shen Yibin ;Sun Zeyu
 +
                        </p>
 +
                        <p class="itemstyle">
 +
                            Wet group team leader:Yu Yangkun
 +
                        </p>
 +
                    </div>
  
−
                                <p class="itemstyle">Introduction: He is a very active person in the team, but he will complete the task on time
+
                    <div class="xshs-box2" ">
−
                                    and on time. He is very good at science because he only loves science.
+
                        <p>
−
                                </p>
+
                             <img style="margin-left: 209px" class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/d/d3/T--Worldshaper-XSHS--ar001.png" />
−
                             </figcaption>
+
                         </p>
−
                         </figure>
+
 
                     </div>
 
                     </div>
  
−
                     <div class="col-sm-4">
+
                     <div class="xshs-box3">
−
                         <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
                         <p class="itemstyle">
−
                             <div class="img-wrapper">
+
                             Prototype
−
                                <img src="https://static.igem.org/mediawiki/2018/4/4c/T--worldshaper-XSHS--m006.png" class="img-responsive" alt="" />
+
                        </p>
−
                            </div>
+
                    </div>
−
                            <figcaption>
+
−
                                <h4>Name: Yu Yangyang</h4>
+
  
−
                                <p class="itemstyle">Introduction:Yu Yangyang loves animation and games, and loves natural science. He likes to
+
                    <div>
−
                                    explore the unknown and hopes to become knowledgeable. His shortcoming is lack of self-control.
+
                        <p>
−
                                    </p>
+
                            <img style="margin-left: 209px" class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/2/21/T--Worldshaper-XSHS--ar005.png" />
−
                             </figcaption>
+
                        </p>
−
                         </figure>
+
                    </div>
 +
                   
 +
                    <div class="xshs-box3">
 +
                        <p class="itemstyle">
 +
                             Dry group members: Mei Yantao; He Xinyi; Pan Yangbo; Sun Zeyu; Xu Jie; Yu Yangyang; Shen Yibin; Shen Hongchen; Pan Hui; Yan Yihai; Cao Shuaijun; Yu Yijie
 +
                        </p>
 +
                        <p class="itemstyle">
 +
                            Dry group team leader:Mei Yantao
 +
                         </p>
 +
                        <p class="itemstyle">
 +
                          Human Practice（the Dry）
 +
                        </p>
 
                     </div>
 
                     </div>
  
−
                     <div class="col-sm-4">
+
                     <div>
−
                         <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
                         <p>
−
                            <div class="img-wrapper">
+
                            <img style="margin-left: 209px" class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/d/de/T--Worldshaper-XSHS--ar002.png" />
−
                                <img src="https://static.igem.org/mediawiki/2018/f/fd/T--worldshaper-XSHS--m007.png" class="img-responsive" alt="" />
+
                        </p>
−
                            </div>
+
                    </div>
−
                            <figcaption>
+
−
                                <h4>Name:CaoShuaijun</h4>
+
  
−
                                <p class="itemstyle">Introduction:His hobby is playing basketball and badminton. He likes physical chemistry.
+
                    <div class="xshs-box3">
−
                                    Although he is fat, he likes to run around. Movies and food are his favorite. He likes
+
                        <p class="itemstyle">
−
                                    to go to the bookstore with his friends. </p>
+
                             Wiki
−
                             </figcaption>
+
                         </p>
−
                         </figure>
+
 
                     </div>
 
                     </div>
  
−
                     <div class="col-sm-4">
+
                     <div>
−
                         <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
                         <p>
−
                            <div class="img-wrapper">
+
                            <img style="margin-left: 0px" class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/9/9e/T--Worldshaper-XSHS--ar003.png" />
−
                                <img src="https://static.igem.org/mediawiki/2018/1/14/T--worldshaper-XSHS--m008.png" class="img-responsive" alt="" />
+
                        </p>
−
                            </div>
+
                    </div>
−
                            <figcaption>
+
−
                                <h4>Name: Pan Yangbo</h4>
+
  
−
                                <p class="itemstyle">Introduction:A boy who likes to try; a boy who can do everything. He is a procrastinator,
+
                    <div class="xshs-box3">
−
                                    but he can get things done in the end.He looked forward to this unusual experience, to
+
                        <p class="itemstyle">
−
                                    this different growth, and to greeting this gold medal with his teammates.</p>
+
                             Other
−
                             </figcaption>
+
                         </p>
−
                         </figure>
+
 
                     </div>
 
                     </div>
  
−
                     <div class="col-sm-4">
+
                     <div>
−
                         <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
                         <p>
−
                            <div class="img-wrapper">
+
                            <img style="margin-left: 0px" class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/8/82/T--Worldshaper-XSHS--ar006.png" />
−
                                <img src="https://static.igem.org/mediawiki/2018/9/92/T--worldshaper-XSHS--m009.png" class="img-responsive" alt="" />
+
                        </p>
−
                            </div>
+
−
                            <figcaption>
+
−
                                <h4>Name: ShenHongcheng</h4>
+
−
 
+
−
                                <p class="itemstyle">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>
+
−
                            </figcaption>
+
−
                        </figure>
+
 
                     </div>
 
                     </div>
  
−
                     <div class="col-sm-4">
+
                     <div class="xshs-box3">
−
                         <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
                         <p class="v1" id="education" style="text-align:  center; ">
−
                             <div class="img-wrapper">
+
                             PROJECT SUPPORT
−
                                <img src="https://static.igem.org/mediawiki/2018/c/c0/T--worldshaper-XSHS--m010.png" class="img-responsive" alt="" />
+
                        </p>
−
                             </div>
+
                        <div style="
−
                             <figcaption>
+
                            width: 100%;
−
                                <h4>Name: ShenYibin</h4>
+
                             margin: 0 auto;
−
 
+
                             margin-top: -34px;
−
                                <p class="itemstyle">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
+
                        <hr style="
−
                                    the deficiencies in the experiment and correct them.</p>
+
                            height: 3px;
−
                            </figcaption>
+
                            background-color: #0c3d0c99!important;
−
                         </figure>
+
                            margin-top: 40px;
 +
                        ">  
 +
                         </div>
 
                     </div>
 
                     </div>
  
−
                     <div class="col-sm-4">
+
                     <div>
−
                         <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
                        <p class="itemstyle" style="font-size: 20px">
−
                             <div class="img-wrapper">
+
                          General Support 
−
                                <img src="https://static.igem.org/mediawiki/2018/0/0e/T--worldshaper-XSHS--m011.png" class="img-responsive" alt="" />
+
                         </p>
−
                            </div>
+
                        <p class="itemstyle">
−
                            <figcaption>
+
                          Dr. Dong Shan (Primary PI) and worldshaper Fellows Program;
−
                                <h4>Name: Sun Zeyu</h4>
+
                        </p>
−
 
+
                        <p class="itemstyle">
−
                                <p class="itemstyle">Introduction:She likes to paint, especially the landscape paintings in Chinese paintings.
+
                          Dr. Guo Ting (Secondary PI, wet group support) ,Ms. Wen Huifang (Advisor, dry group support) and Xiaoshan High School
−
                                    She always thinks that landscape paintings are composed only of dotted lines, but there
+
                        </p>
−
                                    is an indescribable momentum and charm in the mountains and rivers. It is as simple as
+
                        <p class="itemstyle" style="font-size: 20px">
−
                                    she is pursuing.</p>
+
                            Fundraising Support
−
                             </figcaption>
+
                        </p>
−
                         </figure>
+
                        <p class="itemstyle">
 +
                          Dr. Dong Shan, teachers from Xiaoshan High School as well as Worldshaper Fellows Program, families and friends of every team member. We raised fund through the “Qing Song Chou” online crowdfunding platform.
 +
                        </p>
 +
                        <p class="itemstyle" style="font-size: 20px">
 +
                             Lab Support
 +
                        </p>
 +
                        <p class="itemstyle">
 +
                          College of Life Science, Zhejiang University
 +
                        </p>
 +
                        <p class="itemstyle">
 +
                          Xiaoshan High School
 +
                        </p>
 +
                        <p class="itemstyle" style="font-size: 20px">
 +
                            Difficult technique support
 +
                        </p>
 +
                        <p class="itemstyle">
 +
                          Qiu Yue,Lei Zhaoying ,Dr. Huang Fangliang: Equipment and Technology Service Platform, College of Life Science, Zhejiang University
 +
                        </p>
 +
                        <p class="itemstyle" style="font-size: 20px">
 +
                            Project Support
 +
                        </p>
 +
                        <p class="itemstyle">
 +
                          Dr. Dong Shan
 +
                        </p>
 +
                        <p class="itemstyle">
 +
                          Prof. Zhu Xufen
 +
                        </p>
 +
                        <p class="itemstyle">
 +
                          Dr. Xu Cheng
 +
                        </p>
 +
                        <p class="itemstyle">
 +
                          Prof. Yan Qingfeng
 +
                        </p>
 +
                        <p class="itemstyle" style="font-size: 20px">
 +
                          Wiki Support
 +
                        </p>
 +
                        <p class="itemstyle">
 +
                          Mr.Wang Ming, senior website engineer, helped us to deal with the technic problems on website design
 +
                        </p>
 +
                        <p class="itemstyle">
 +
                          We referenced the wiki website of Worldshapr XSHS 2017
 +
                        </p>
 +
                        <p class="itemstyle" style="font-size: 20px">
 +
                          Human Practices support
 +
                        </p>
 +
                        <p class="itemstyle">
 +
                          Science and technology museum of Zhejiang province
 +
                        </p>
 +
                        <p class="itemstyle">
 +
                          AST space： Mr. Zhu bing
 +
                        </p>
 +
                        <p class="itemstyle">
 +
                          International department of Zhejiang Association for Science and Technology: Mr. Zhu bing and Ms. Zhang Shidan
 +
                        </p>
 +
                        <p class="itemstyle">
 +
                          Hangzhou low-carbon Science and Technology Museum
 +
                        </p>
 +
                        <p class="itemstyle">
 +
                          Mr. Ji Jinghang (curator) and Ms. Chen Zhe
 +
                        </p>
 +
                        <p class="itemstyle">
 +
                        The Xiaoshan High School provided meeting room as well as biology lab for EB club and also allowed the team to have road show in school for our educational activities. 
 +
                        </p>
 +
                        <p class="itemstyle" style="font-size: 20px">
 +
                          Modeling support
 +
                        </p>
 +
                        <p class="itemstyle">
 +
                          Huang nan, Dr. Zeng xianfu helped us to create math models
 +
                        </p>
 +
                        <p class="itemstyle">
 +
                          Dr. Zeng Xianfu, Wuhan University, School of Mathematics and Statistics, Huang Nan
 +
                        </p>
 +
                        <p class="itemstyle" style="font-size: 20px">
 +
                          Product design and prototype 3D printing support
 +
                        </p>
 +
                        <p class="itemstyle">
 +
                          Ms. Liu Yanna (Experimental Instructor) and He Menghan (Undergraduate student), Zhejiang
 +
                        </p>
 +
                        <p class="itemstyle">
 +
                        Sci-Tech University, School of Mechanical Engineering & Automation
 +
                        </p>
 +
                        <p class="itemstyle" style="font-size: 20px">
 +
                          Presentation support
 +
                        </p>
 +
                        <p class="itemstyle">
 +
                          Dr. Dong Shan
 +
                        </p>
 +
                        <p class="itemstyle">
 +
                          Theoretical and Experimental TRAINING support
 +
                        </p>
 +
                        <p class="itemstyle">
 +
                          Professors from College of Life Science, Zhejiang University
 +
                        </p>
 +
                        <p class="itemstyle">
 +
                          Experiments principal and operation training of molecular biology and genetic engineering
 +
                        </p>
 +
                        <p class="itemstyle">
 +
                          Prof. Zhao xiaoli, Mr. Jinwentao
 +
                        </p>
 +
                        <p class="itemstyle">
 +
                        Introduction of Bioinformatics, Literature search and reading, Dr. Xu Cheng
 +
                        </p>
 +
                        <p class="itemstyle">
 +
                        Introduction of molecular biology and genetic engineering Prof. Zhu xufen
 +
                        </p>
 +
                        <p class="itemstyle">
 +
                        Introduction of synthetic biology,  Dr, Xu Cheng
 +
                        </p>
 +
                        <p class="itemstyle">
 +
                        Development status and prospect of biotechnology and bioengineering  Prof. Zhang Ming, Prof. Yan Qingfeng
 +
                        </p>
 +
                    </div>
 +
                   
 +
                    <div class="xshs-box3">
 +
                        <p class="v1" id="Ourteam" style="text-align:  center; ">
 +
                             PROJECT
 +
                        </p>
 +
                        <div style="
 +
                            width: 100%;
 +
                            margin: 0 auto;
 +
                            margin-top: -34px;
 +
                        ">
 +
                        <hr style="
 +
                            height: 3px;
 +
                            background-color: #0c3d0c99!important;
 +
                            margin-top: 40px;
 +
                        ">  
 +
                         </div>
 
                     </div>
 
                     </div>
  
−
                     <div class="col-sm-4">
+
                     <div>
−
                         <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
                        <p class="itemstyle" style="font-size: 20px">
−
                            <div class="img-wrapper">
+
                          When did you start this course?
−
                                <img src="https://static.igem.org/mediawiki/2018/b/b2/T--worldshaper-XSHS--m013.png" class="img-responsive" alt="" />
+
                         </p>
−
                            </div>
+
                        <p class="itemstyle">
−
                            <figcaption>
+
                        Worldshaper XSHS started this course in February,2018.
−
                                <h4>Name: XuJie</h4>
+
                        </p>
−
 
+
                        <p class="itemstyle" style="font-size: 20px">
−
                                <p class="itemstyle">Introduction:He is lively and helpful. He loves piano, basketball, travel... He also likes
+
                          Are the syllabus and course materials freely available online?
−
                                    to explore something unknown, especially in the natural sciences. He firmly believes
+
                        </p>
−
                                    that to achieve something, the essential thing is perseverance. </p>
+
                        <p class="itemstyle">
−
                            </figcaption>
+
                        Some of syllabus and course materials are free available online and some of them are not, which were provided by professors of Zhejiang University.
−
                         </figure>
+
                        </p>
 +
                        <p class="itemstyle" style="font-size: 20px">
 +
                          When did you start your brainstorming?
 +
                        </p>
 +
                        <p class="itemstyle">
 +
                        February,2018  
 +
                        </p>
 +
                        <p class="itemstyle" style="font-size: 20px">
 +
                          When did you start in the lab?
 +
                        </p>
 +
                        <p class="itemstyle">
 +
                        July，2018
 +
                        </p>
 +
                        <p class="itemstyle" style="font-size: 20px">
 +
                          When did you start working on your project?
 +
                        </p>
 +
                        <p class="itemstyle">
 +
                        May,2018
 +
                         </p>
 
                     </div>
 
                     </div>
  
−
                    <div class="col-sm-4">
 
−
                        <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
 
−
                            <div class="img-wrapper">
 
−
                                <img src="https://static.igem.org/mediawiki/2018/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-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 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>
+
−
        </section>
+
−
        <section class="service-page">
+
−
            <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-4">
 
−
                        <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
 
−
                            <div class="img-wrapper">
 
−
                                <img src="https://static.igem.org/mediawiki/2017/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-4">
 
−
                        <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
 
−
                            <div class="img-wrapper">
 
−
                                <img src="https://static.igem.org/mediawiki/2017/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-4">
 
−
                        <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
 
−
                            <div class="img-wrapper">
 
−
                                <img src="https://static.igem.org/mediawiki/2017/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-4">
 
−
                        <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
 
−
                            <div class="img-wrapper">
 
−
                                <img src="https://static.igem.org/mediawiki/2017/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-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/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-4">
+
                     <!-- <div class="xshs-box2">
−
                         <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
                         <p>
−
                             <div class="img-wrapper">
+
                             <img class="img-responsive" alt="" src="en" />
−
                                <img src="https://static.igem.org/mediawiki/2017/5/57/T-worldshaper-XSHS-s016.png" class="img-responsive" alt="" />
+
                        </p>
−
                            </div>
+
                        <p>
−
                            <figcaption>
+
                            <img class="img-responsive" alt="" src="en" />
−
                                <h4>Jin Wentao</h4>
+
                         </p>
−
                                <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>
 
  
  
 
             </div>
 
             </div>
−
         </section>
+
         </div>
−
     </div>
+
     </section>
−
</section>
+
  
−
 
+
  <footer class="footer" style="background: rgba(12, 61, 12, 0.8509803921568627)!important;">
−
 
+
        <div class="container">
−
<footer class="footer">
+
            <div class="foot-box">
−
    <div class="container">
+
                <ul class="clearfix">
−
        <div class="foot-box">
+
                    <li class="foot-box-c1">
−
            <ul class="clearfix">
+
                        <img src="https://static.igem.org/mediawiki/2017/7/71/T-worldshaper-XSHS-logoxshs.jpeg" alt="">
−
                <li class="foot-box-c1">
+
                    </li>
−
                    <img src="https://static.igem.org/mediawiki/2017/7/71/T-worldshaper-XSHS-logoxshs.jpeg" alt="">
+
                    <li class="foot-box-c2">
−
                </li>
+
                        <img src="https://static.igem.org/mediawiki/2017/c/ce/T-worldshaper-igemlogo.jpeg" alt="">
−
                <li class="foot-box-c2">
+
                    </li>
−
                    <img src="https://static.igem.org/mediawiki/2017/c/ce/T-worldshaper-igemlogo.jpeg" alt="">
+
                    <li class="foot-box-c3">
−
                </li>
+
                        <p>Worldshaper-XSHS, Xiaoshan High School</p>
−
                <li class="foot-box-c3">
+
                        <p>Adress: No.538,Gongxiu Road,Xiaoshan District,Hangzhou,Zhejiang Province,China</p>
−
                    <p>Worldshaper-XSHS, Xiaoshan High School</p>
+
                    </li>
−
                    <p>
+
                    <li class="foot-box-c4">
−
                        Adress: No.538,Gongxiu Road,Xiaoshan District,Hangzhou,Zhejiang Province,China
+
                        <img src="https://static.igem.org/mediawiki/2018/9/96/T--worldshaper-XSHS--wechat.png" alt="">
−
                    </p>
+
                    </li>
−
                </li>
+
                </ul>
−
                <li class="foot-box-c4">
+
            </div>
−
                    <img src="https://static.igem.org/mediawiki/2017/3/32/T-Worldshaper-XSHS-weixin.jpeg" alt="">
+
−
                </li>
+
−
            </ul>
+
 
         </div>
 
         </div>
−
     </div>
+
     </footer>
−
</footer>
+
  
 
</html>
 
</html>

Latest revision as of 17:29, 17 October 2018

Worldshaper- XSHS
Attribution

The contribution of TEAM MEMBERS

We divided our team into two parts: wet group (related to experimental lab jobs) and Dry group(related to everything outside lab).

Wet group member:Yu Yangkun ;Yang Jianing ;Yu Yijie ;Yu Yangyang ;Shen Yibin ;Sun Zeyu

Wet group team leader:Yu Yangkun

Prototype

Dry group members: Mei Yantao; He Xinyi; Pan Yangbo; Sun Zeyu; Xu Jie; Yu Yangyang; Shen Yibin; Shen Hongchen; Pan Hui; Yan Yihai; Cao Shuaijun; Yu Yijie

Dry group team leader:Mei Yantao

Human Practice（the Dry）

Wiki

Other

PROJECT SUPPORT

General Support

Dr. Dong Shan (Primary PI) and worldshaper Fellows Program;

Dr. Guo Ting (Secondary PI, wet group support) ,Ms. Wen Huifang (Advisor, dry group support) and Xiaoshan High School

Fundraising Support

Dr. Dong Shan, teachers from Xiaoshan High School as well as Worldshaper Fellows Program, families and friends of every team member. We raised fund through the “Qing Song Chou” online crowdfunding platform.

Lab Support

College of Life Science, Zhejiang University

Xiaoshan High School

Difficult technique support

Qiu Yue,Lei Zhaoying ,Dr. Huang Fangliang: Equipment and Technology Service Platform, College of Life Science, Zhejiang University

Project Support

Dr. Dong Shan

Prof. Zhu Xufen

Dr. Xu Cheng

Prof. Yan Qingfeng

Wiki Support

Mr.Wang Ming, senior website engineer, helped us to deal with the technic problems on website design

We referenced the wiki website of Worldshapr XSHS 2017

Human Practices support

Science and technology museum of Zhejiang province

AST space： Mr. Zhu bing

International department of Zhejiang Association for Science and Technology: Mr. Zhu bing and Ms. Zhang Shidan

Hangzhou low-carbon Science and Technology Museum

Mr. Ji Jinghang (curator) and Ms. Chen Zhe

The Xiaoshan High School provided meeting room as well as biology lab for EB club and also allowed the team to have road show in school for our educational activities.

Modeling support

Huang nan, Dr. Zeng xianfu helped us to create math models

Dr. Zeng Xianfu, Wuhan University, School of Mathematics and Statistics, Huang Nan

Product design and prototype 3D printing support

Ms. Liu Yanna (Experimental Instructor) and He Menghan (Undergraduate student), Zhejiang

Sci-Tech University, School of Mechanical Engineering & Automation

Presentation support

Dr. Dong Shan

Theoretical and Experimental TRAINING support

Professors from College of Life Science, Zhejiang University

Experiments principal and operation training of molecular biology and genetic engineering

Prof. Zhao xiaoli, Mr. Jinwentao

Introduction of Bioinformatics, Literature search and reading, Dr. Xu Cheng

Introduction of molecular biology and genetic engineering Prof. Zhu xufen

Introduction of synthetic biology, Dr, Xu Cheng

Development status and prospect of biotechnology and bioengineering Prof. Zhang Ming, Prof. Yan Qingfeng

PROJECT

When did you start this course?

Worldshaper XSHS started this course in February,2018.

Are the syllabus and course materials freely available online?

Some of syllabus and course materials are free available online and some of them are not, which were provided by professors of Zhejiang University.

When did you start your brainstorming?

February,2018

When did you start in the lab?

July，2018

When did you start working on your project?

May,2018

  • Worldshaper-XSHS, Xiaoshan High School

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