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

 
(33 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
<style type="text/css">
+
    <style type="text/css">
 +
    html body{
 +
        font-family:purista  !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: 200px;
+
         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 39:
 
         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;  
        font-size: 22px;
+
        transition: all linear .3s;
+
         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 63: Line 55:
 
         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;
        font-size: 16px !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:60px;
+
        -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:60px;
+
        margin-bottom:5px;
width:60px;
+
        -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 145: Line 139:
 
         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 164: Line 158:
 
         })
 
         })
 
     })
 
     })
</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">
+
    </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="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/8/8b/T--worldshaper-XSHS--m004.png" class="img-responsive" alt="" />
+
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Medal-requirements.html">Medal requirements</a>
 +
                                    </li>
 +
                                </ul>
 
                             </div>
 
                             </div>
                            <figcaption>
+
                        </li>
                                <h4>Name: Pan Hui</h4>
+
                        <li>
 
+
                            <a href="https://2018.igem.org/Team:Worldshaper-XSHS/safety.html">Safety</a>
                                <p class="itemstyle">Introduction: She likes to participate in team activities and meet new people. She is curious
+
                        </li>
                                    about psychology, willing to read some books in the social sciences; she is more willing
+
                                     <li>
                                    to follow those efficient techniques. "Either don't do it, or do it." She expects to
+
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Attributions">Attributions</a>
                                     do everything best.
+
                                    </li>
                                </p>
+
                     </ul>
                            </figcaption>
+
                        </figure>
+
                     </div>
+
 
                 </div>
 
                 </div>
                <div class="clearfix">
+
            </nav>
                    <div class="col-sm-4">
+
        </div>
                        <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
    </header><!-- header -->
                            <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
+
    <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;">
                                    and on time. He is very good at science because he only loves science.
+
        <strong  class="positiontitle">Collaborations</strong><!-- 这里是大图的标题 -->
                                </p>
+
        <img src="https://static.igem.org/mediawiki/2018/c/cc/T--Worldshaper-XSHS--ti012.jpg" alt="" class="bg-stretch" style="width:100%">
                            </figcaption>
+
        <!-- 这里是大图的图片链接 -->
                        </figure>
+
    </section>
                    </div>
+
  
                    <div class="col-sm-4">
+
    <section class="pageInHere">
                        <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
        <div class="container">
                             <div class="img-wrapper">
+
            <div class="row">
                                 <img src="https://static.igem.org/mediawiki/2018/4/4c/T--worldshaper-XSHS--m006.png" class="img-responsive" alt="" />
+
             
                             </div>
+
                <div class="col-xs-2 xshs-box3  ">
                            <figcaption>
+
                    <ul class="colul text-left"style="width: 180px;font-size: 15px!important">
                                <h4>Name: Yu Yangyang</h4>
+
                        <li class="colactive mt-1"><a href="#Ourteam">Collaborations with other teams</a></li>
 
+
                        <hr>
                                <p class="itemstyle">Introduction:Yu Yangyang loves animation and games, and loves natural science. He likes to
+
                        <li class="mt-1"><a href="#OurSchool">Collaboration on project research</a></li>
                                    explore the unknown and hopes to become knowledgeable. His shortcoming is lack of self-control.
+
                        <hr>
                                    </p>
+
                        <li class="mt-1"><a href="#Others">Collaboration on education and public engagement</a></li>
                             </figcaption>
+
                        <!-- 这里是页面定位锚点  href 对应代码的 “id属性  例如 id='xxx'  ”-->
                         </figure>
+
                        <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 ">
 +
                    <div class="xshs-box3">
 +
                        <p class="v1" id="Ourteam" style="text-align:  center; ">
 +
                             Collaborations with other teams
 +
                        </p>
 +
                        <div style="
 +
                            width: 100%;
 +
                            margin: 0 auto;
 +
                            margin-top: -34px;
 +
                        ">
 +
                        <hr style="
 +
                            height: 3px;
 +
                            background-color: #0c3d0c99!important;
 +
                            margin-top: 40px;
 +
                        "><div style="width:20px;">   
 +
                         </div>
 +
                       
 
                     </div>
 
                     </div>
 
+
                     <div class="xshs-box3">
                     <div class="col-sm-4">
+
                         <p class="itemstyle">
                         <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
                          Nowadays, collaboration is a very important part for any successful project and iGEM is no exception. This summer, four iGEM team were working in the Zhejiang University Zijinguang Camps, including ZJU-China, ASTWS-China, HFLS_ZhejiangUnited and us. This advantage let us communicate and cooperate easily. Furthermore, for education and public engagement events,  we have cooperated with more teams, such as Worldshaper-Wuhan, ZJUT-China and Jiangnan, some of which were even based in other province.
                            <div class="img-wrapper">
+
                        </p>
                                <img src="https://static.igem.org/mediawiki/2018/f/fd/T--worldshaper-XSHS--m007.png" class="img-responsive" alt="" />
+
                    <div class="xshs-box3">  
                             </div>
+
                        <div style="
                             <figcaption>
+
                            width: 5px;
                                <h4>Name:CaoShuaijun</h4>
+
                            height: 24px;
 
+
                            background-color:   #0c3d0cd9;
                                <p class="itemstyle">Introduction:His hobby is playing basketball and badminton. He likes physical chemistry.
+
                            /* text-align: left!important; */
                                    Although he is fat, he likes to run around. Movies and food are his favorite. He likes
+
                             margin-left:  0px;
                                    to go to the bookstore with his friends. </p>
+
                             border:  none;
                            </figcaption>
+
                            margin-top: 50px;
                        </figure>
+
                        "></div>
 +
                        <p style="width: 800px;margin-left: 11px;margin-top: -23px;font-size: 22px;margin-bottom: 20px;">Collaboration on Interlab study</p>
 
                     </div>
 
                     </div>
 
+
                     
                    <div class="col-sm-4">
+
                         <p class="itemstyle">
                         <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
                             As high school teams, ASTWS-China, HFLS_ZhejiangUnited and us were all lack of using experiences of plate reader, moreover, neither of our labs had this equipment. Therefore, after discussion, we decided to borrow the plate reader as well as the take interlab measurement together, Dr. Huang Fangliang, the instructor of ASTWS-China team agreed to supervise the experiments.
                             <div class="img-wrapper">
+
                        </p>
                                <img src="https://static.igem.org/mediawiki/2018/1/14/T--worldshaper-XSHS--m008.png" class="img-responsive" alt="" />
+
                        <p class="itemstyle">
                            </div>
+
                            During the interlab measurement experments, we provided the ASTWS-China team with E. coli DH5a and 100μl silicon beads of better quality as well as gave HFLS team the transcriptional shaking table bacteria solution and some experimental equipment (chloramphenicol resistance, micro pipette tips, etc.). When our measurement data submission was refused by the Measurement Committee, both of these two teams helped us analysis the potential problems, and offered us the glycerin bacteria that we needed.
                            <figcaption>
+
                         </p>
                                <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,
+
                                    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>
 
+
                                    <div class="col-xs-10 ">
                    <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="OurSchool" style="text-align:  center; ">
                            <div class="img-wrapper">
+
                            Collaboration on project research
                                <img src="https://static.igem.org/mediawiki/2018/9/92/T--worldshaper-XSHS--m009.png" class="img-responsive" alt="" />
+
                        </p>
                             </div>
+
                        <div style="
                             <figcaption>
+
                            width: 133.3%;
                                <h4>Name: ShenHongcheng</h4>
+
                            margin: 0 auto;
 
+
                            margin-top: -34px;
                                <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
+
                        <hr style="
                                    each other, from mutual ignorance to mutual familiarity.</p>
+
                             height: 3px;
                            </figcaption>
+
                             background-color: #0c3d0c99!important;
                         </figure>
+
                            margin-top: 40px;
 +
                        "><div style="width:20px;">  
 +
                        </div>
 +
                          
 
                     </div>
 
                     </div>
 
+
                     <div class="xshs-box2">
                     <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/2018/a/ab/T--worldshaper-XSHS--c001.png" />
                             <div class="img-wrapper">
+
                        </p>
                                <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, not to be deceived by his seemingly quiet appearance.
+
                                    He is very good at thinking. He will calm down and do experiments, trying to find out
+
                                    the deficiencies in the experiment and correct them.</p>
+
                            </figcaption>
+
                        </figure>
+
 
                     </div>
 
                     </div>
 
+
                     <div class="xshs-box3">
                     <div class="col-sm-4">
+
                         <p class="itemstyle">
                         <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
                             During the experiments on project, despite visiting laboratory and discussion question, which happened quite often, we have many collaborations with other three teams in Zhejiang University, both on experimental materials and techniques. For example, because of unsuccessful transformation DNA parts  from official distribution kits, we lent our Kit1 and Kit 2 to team ASTWS-China, and borrowed Kit3 and Kit5 from all other three teams and bacteria with pSB1C3-GFP from ASTWS-China. Since we have continuously met obstacles on transformation, we exchanged views ASTWS-China as well as HFLS_ZhejiangUnited, eliminating the possibilities derived from operating errors and found the cause of the problem might be our E. coli competent cells. Moreover, when we asked help from undergraduate team ZJU-China, who are representing Zhejiang University, they offered us not only their distribution kits and commercial competent cells, but also an experimental operation training in their lab to make sure we solve this problem.
                             <div class="img-wrapper">
+
                        </p>
                                <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 composed only of dotted lines, but there
+
                                    is an indescribable momentum and charm in the mountains and rivers. It is as simple as
+
                                    she is pursuing.</p>
+
                            </figcaption>
+
                         </figure>
+
 
                     </div>
 
                     </div>
 
+
                     <div class="xshs-box2">
                     <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/2018/3/35/T--worldshaper-XSHS--c002.png" />
                             <div class="img-wrapper">
+
                        </p>
                                <img src="https://static.igem.org/mediawiki/2018/b/b2/T--worldshaper-XSHS--m013.png" class="img-responsive" alt="" />
+
                        <p>
                            </div>
+
                             <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/b/bb/T--worldshaper-XSHS--c003.png" />
                            <figcaption>
+
                        </p>
                                <h4>Name: XuJie</h4>
+
                        <p>
 
+
                            <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/7/74/T--worldshaper-XSHS--c004.png" />
                                <p class="itemstyle">Introduction:He is lively and helpful. He loves piano, basketball, travel... He also likes
+
                        </p>
                                    to explore something unknown, especially in the natural sciences. He firmly believes
+
                        <p>
                                    that to achieve something, the essential thing is perseverance. </p>
+
                            <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/a/a4/T--Worldshaper-XSHS--c007.png" />
                            </figcaption>
+
                         </p>
                         </figure>
+
 
                     </div>
 
                     </div>
 
+
                     <div class="col-xs-10 ">
                     <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="Others" style="text-align:  center; ">
                            <div class="img-wrapper">
+
                             Collaboration on education and public engagement
                                <img src="https://static.igem.org/mediawiki/2018/b/b4/T--worldshaper-XSHS--m014.png" class="img-responsive" alt="" />
+
                        </p>
                             </div>
+
                        <div style="
                            <figcaption>
+
                            width: 133.3%;
                                <h4>Name:Yu Yijie</h4>
+
                            margin: 0 auto;
 
+
                            margin-top: -34px;
                                <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
+
                        <hr style="
                                    smiling; the third is that she will relax by enjoying the lotus</p>
+
                            height: 3px;
                            </figcaption>
+
                            background-color: #0c3d0c99!important;
                         </figure>
+
                            margin-top: 40px;
 +
                        "><div style="width:20px;">  
 +
                        </div>
 +
                          
 
                     </div>
 
                     </div>
 
+
                     <div class="xshs-box3">
                     <div class="col-sm-4">
+
                         <p class="itemstyle">
                         <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
                          We have co-organized two large public education events together with other teams.</p>
                             <div class="img-wrapper">
+
                          <p class="itemstyle">
                                <img src="https://static.igem.org/mediawiki/2018/0/0e/T--worldshaper-XSHS--m015.png" class="img-responsive" alt="" />
+
                          1.The event at Hangzhou low-carbon science and technology museum, we cooperated with three high school teams: ASTWS-China, HFLS_ZhejiangUnited and Worldshaper-Wuhan.  </p>
                            </div>
+
                      </div>
                            <figcaption>
+
                          <div class="xshs-box2">
                                <h4> Name:Yan Yihai</h4>
+
                        <p>
 
+
                             <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/f/f9/T--Worldshaper-XSHS--en011.png" />
                                <p class="itemstyle">Introduction: He is very interested in science. Because his parents are engaged in scientific
+
                        </p>
                                    research, he also has the opportunity to see some advanced experimental equipment earlier,
+
                                    and thus generated interest in scientific research.</p>
+
                            </figcaption>
+
                        </figure>
+
 
                     </div>
 
                     </div>
        </section>
+
                     <div class="xshs-box3">
        <section class="service-page">
+
                         <p class="itemstyle">
            <h2 id="Instructors" class="subtitle wow fadeInUp animated" data-wow-delay=".3s" data-wow-duration="500ms">Instructors</h2>
+
                             2.The event at Zhejiang science and technology museum, we cooperated with two high school teams and three university teams: ASTWS-China, HFLS_ZhejiangUnited, ZJU-China, ZJUT-China and Jiangnan.
            <p class="subtitle-des wow fadeInUp animated" data-wow-delay=".5s" data-wow-duration="500ms"></p>
+
                        </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>
 
+
                     <div class="xshs-box2">
                     <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/2018/e/e1/T--worldshaper-XSHS--c005.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="" />
+
                        <p>
                            </div>
+
                             <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/3/38/T--Worldshaper-XSHS--c009.png" />
                            <figcaption>
+
                         </p>
                                <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">
+
                        <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
                            <div class="img-wrapper">
+
                                <img src="https://static.igem.org/mediawiki/2017/5/57/T-worldshaper-XSHS-s016.png" class="img-responsive" alt="" />
+
                            </div>
+
                            <figcaption>
+
                                <h4>Jin Wentao</h4>
+
                                <p class="itemstyle">College of Life Sciences,Zhejiang University</p>
+
                                <p class="itemstyle">He is a rigorous guy who is very professional in doing experiments.</p>
+
                            </figcaption>
+
                        </figure>
+
 
                     </div>
 
                     </div>
 +
                   
  
 
                 </div>
 
                 </div>
 +
            </div>
 +
        </div>
 +
    </section>
  
 
+
  <footer class="footer" style="background: rgba(12, 61, 12, 0.8509803921568627)!important;">
 +
        <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/2018/9/96/T--worldshaper-XSHS--wechat.png" 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>
     </div>
+
     </footer>
</footer>
+
  
 
</html>
 
</html>

Latest revision as of 19:16, 17 October 2018

Collaborations

Collaborations with other teams


Nowadays, collaboration is a very important part for any successful project and iGEM is no exception. This summer, four iGEM team were working in the Zhejiang University Zijinguang Camps, including ZJU-China, ASTWS-China, HFLS_ZhejiangUnited and us. This advantage let us communicate and cooperate easily. Furthermore, for education and public engagement events, we have cooperated with more teams, such as Worldshaper-Wuhan, ZJUT-China and Jiangnan, some of which were even based in other province.

Collaboration on Interlab study

As high school teams, ASTWS-China, HFLS_ZhejiangUnited and us were all lack of using experiences of plate reader, moreover, neither of our labs had this equipment. Therefore, after discussion, we decided to borrow the plate reader as well as the take interlab measurement together, Dr. Huang Fangliang, the instructor of ASTWS-China team agreed to supervise the experiments.

During the interlab measurement experments, we provided the ASTWS-China team with E. coli DH5a and 100μl silicon beads of better quality as well as gave HFLS team the transcriptional shaking table bacteria solution and some experimental equipment (chloramphenicol resistance, micro pipette tips, etc.). When our measurement data submission was refused by the Measurement Committee, both of these two teams helped us analysis the potential problems, and offered us the glycerin bacteria that we needed.

Collaboration on project research


During the experiments on project, despite visiting laboratory and discussion question, which happened quite often, we have many collaborations with other three teams in Zhejiang University, both on experimental materials and techniques. For example, because of unsuccessful transformation DNA parts from official distribution kits, we lent our Kit1 and Kit 2 to team ASTWS-China, and borrowed Kit3 and Kit5 from all other three teams and bacteria with pSB1C3-GFP from ASTWS-China. Since we have continuously met obstacles on transformation, we exchanged views ASTWS-China as well as HFLS_ZhejiangUnited, eliminating the possibilities derived from operating errors and found the cause of the problem might be our E. coli competent cells. Moreover, when we asked help from undergraduate team ZJU-China, who are representing Zhejiang University, they offered us not only their distribution kits and commercial competent cells, but also an experimental operation training in their lab to make sure we solve this problem.

Collaboration on education and public engagement


We have co-organized two large public education events together with other teams.

1.The event at Hangzhou low-carbon science and technology museum, we cooperated with three high school teams: ASTWS-China, HFLS_ZhejiangUnited and Worldshaper-Wuhan.

2.The event at Zhejiang science and technology museum, we cooperated with two high school teams and three university teams: ASTWS-China, HFLS_ZhejiangUnited, ZJU-China, ZJUT-China and Jiangnan.

  • Worldshaper-XSHS, Xiaoshan High School

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