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

 
(37 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;
 +
    }
 +
 
 +
    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 40:
 
         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: adobe-garamond-pro !important;
 
         font-family: adobe-garamond-pro !important;
 
         font-weight: 400;
 
         font-weight: 400;
Line 63: Line 56:
 
         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 141:
 
         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 = $('#Interlab').offset().top
 
             if (t >= $x - 80) {
 
             if (t >= $x - 80) {
 
                 console.log(t, $x)
 
                 console.log(t, $x)
Line 164: Line 160:
 
         })
 
         })
 
     })
 
     })
</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">Interlab</strong><!-- 这里是大图的标题 -->
                                </p>
+
        <img src="https://static.igem.org/mediawiki/2018/9/95/T--Worldshaper-XSHS--s002.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>
+
                            <figcaption>
+
                                <h4>Name: Yu Yangyang</h4>
+
  
                                <p class="itemstyle">Introduction:Yu Yangyang loves animation and games, and loves natural science. He likes to
+
                <div class="col-xs-2 xshs-box3  ">
                                    explore the unknown and hopes to become knowledgeable. His shortcoming is lack of self-control.
+
                    <ul class="colul text-left"style="width: 180px;font-size: 15px!important">
                                    </p>
+
                        <li class="colactive mt-1"><a href="#Interlab">Interlab</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="Interlab" style="text-align:  center; ">
 +
                             Interlab
 +
                        </p>
 +
                        <div style="
 +
                            width: 100%;
 +
                            margin: 0 auto;
 +
                            margin-top: -34px;
 +
                            margin-left: 0px;
 +
                        ">
 +
                        <hr style="
 +
                            height: 3px;
 +
                            background-color: #0c3d0c99!important;
 +
                            margin-top: 40px;
 +
                        ">  
 +
                         </div>
 
                     </div>
 
                     </div>
 
+
                     <div class="xshs-box3" style="width: 100%">
                     <div class="col-sm-4">
+
                         <P class="itemstyle" style="text-align: left!important;">
                         <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
                             Worldshaper-XSHS team has participated in the Fifth International InterLab Measurement Study, Plate Reader and Colony Forming Unit (CFU), from June to August 2018, and uploaded the results twice, in July and August respectively. We followed the official CFU protocol, took the measurement together with another two high school teams: the ASTWS-China team and the HFLS-ZhejiangUnited team.                        </P>
                             <div class="img-wrapper">
+
                        <P class="itemstyle" style="text-align: left!important;">
                                <img src="https://static.igem.org/mediawiki/2018/f/fd/T--worldshaper-XSHS--m007.png" class="img-responsive" alt="" />
+
                            We feel greatly honored to be able to participate in the Interlab study. As a group of high school students, we have learnt a lot from feeling difficult in even reading the protocol at the beginning to finally being able to complete the whole experiment. However, the process really has been extremely difficult.</p>
                             </div>
+
                        <P class="itemstyle" style="text-align: left!important;">
                            <figcaption>
+
                             It took us two months from registering to join in the study on June 20 to eventually being recognized, which is a much longer time than that of many other teams. Joining in the iGEM competition was our first opportunity to come face to face with professional biological knowledge, upon which we realized that we lacked in both technical knowledge and experimental skills. In order to do a better job, we started preparing for Interlab early. We urged our group members to study the protocol carefully and thoroughly, confirm the materials and equipment for the experiment and practice the various experimental skills in advance. In this process, we encountered a lot of difficulties, all of which were solved, fortunately. For example, during the study of the protocol, we didn’t know how to prepare the serial dilution of Microspheres in a more evenly way, what the differences between OD600 and Abs600 are as well as how to dilute the bacterial solutions to a specific OD value. Fortunately, our laboratory is located in the College of Life Science of Zhejiang University, which gives us the convenience in consulting with the graduate students Qiu Yue and Lei Zhaoying. Under their explanation and guidance, we got a grasp of the specific steps. Another example is in terms of experimental conditions. We did not have plate readers in our lab. Luckily, we eventually borrowed one from other labs in the College of Life Science with the help of our mentor. Yet, the greatest difficulty comes from the actual operations in the experiment. In high school study, we never had the opportunity to see such complex instruments and equipment, let alone to use them. But thanks to the guidance of Dr. Huang Fangliang and the partnership with ASTWS-China and HFLS-ZhejiangUnited, we worked together by learning from each other and helping each other and thus the experiment was finally successfully started.</p>
                                <h4>Name:CaoShuaijun</h4>
+
                        <P class="itemstyle" style="text-align: left!important;">
 
+
                            We started our first experiment on July 15. But due to the fact that it was our fisrt experience, we spent a total of 6 days from the beginning plasmid transfection to the completion of colony counting. While we were praying in our mind nervously to pass the review after submitting the results online, we received the following reply from Mrs. Traci Haddock-Angelli on July 30: Your submission is not yet acceptable for fulfillment of the bronze medal requirement. In the reply, she kindly pointed out the reason, which was that the values of our fluorescence and OD measurements for cell samples were not within the values of the standard curves for fluorescence and OD. The organizing committee hoped that we could repeat the standard curves, the cell measurements, or both. So, we reflected on the entire experimental process, the only thing we could think of was that we waited for more than one hour before the measurement of fluorescence intensity, resulting in probable partial bacterial proliferation that elevated the expression of fluorescent proteins. We had to wait because at that time the plate reader was not preheated and there were a lot of people waiting to use the device. So, we decided to strictly control the time during the next experiment and to never make mistakes again on this same issue. We are especially thankful to the help of ASTWS-China and HFLS-ZhejiangUnited for their help and advice during the summary of our first experiment, and for the bacteria strain they provided for our second measurement.</p>
                                <p class="itemstyle">Introduction:His hobby is playing basketball and badminton. He likes physical chemistry.
+
                        <P class="itemstyle" style="text-align: left!important;">
                                    Although he is fat, he likes to run around. Movies and food are his favorite. He likes
+
                            We started our second experiment on August 15. Upon finishing the experiment, after we checked the data in the table carefully and confirmed that all of our fluorescence and OD measurements for cell samples were within the values of the standard curves for fluorescence and OD, we submitted the results to the organizing committee. Unfortunately, on August 20, we received a message from Mr. Vinoo Selvarajah, which put us in a mixed state of feeling. On the one hand, our results were still not ideal. He said “your new data also have an issue: some of your devices have lower raw fluorescence readings at the hour 6 than at hour 0, even though they grew. Additionally, while within the range, some cells show similar fluorescence to the highest concentration of Fluorescein tested.” On the other hand, our efforts were recognized. He said “however, given the time remaining, your current works and effort on the InterLab would be sufficient for the medal criteria (Bronze criteria #4)”! We also did a reflection on our own experimental results this time and figured out several possibilities: 1) The impurities in the bacterial solution has resulted in the low fluorescence values; 2) The bacterial load during inoculating was too small, resulting in insufficient concentration of bacteria; 3) Possible operational errors due to unskilled experimental techniques, etc. Unfortunately, time is limited on our hands now because our summer vacation is about to end and we have a lot of other experiments that are yet to be done. So, we have to put these possibilities on hold so that we can rule out one by one when we have the time in the future.</p>
                                    to go to the bookstore with his friends. </p>
+
                        <P class="itemstyle" style="text-align: left!important;">
                            </figcaption>
+
                            With these ups and downs, we have gained a deeper understanding of Interlab and iGEM, as well as the sentence "measurement is fundamental toeverything we do". After all, every iGEMer is a seeker of the ultimate and only in this pursuit of the ultimate spirit can we make the iGEM more and more amazing!</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">
+
                            As the second team participating in the IGEM competition of Xiaoshan High School, we continued to develop the current team, WorldshaperXSHS, rather than recreate it.
                                <img src="https://static.igem.org/mediawiki/2018/1/14/T--worldshaper-XSHS--m008.png" class="img-responsive" alt="" />
+
                         </p>
                            </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,
+
                                    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-sm-4">
+
                     <div class="itemstyle" ">
                         <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;display: block;display:inline" class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/9/9c/T--Worldshaper-XSHS--in001.png" />
                                <img src="https://static.igem.org/mediawiki/2018/9/92/T--worldshaper-XSHS--m009.png" class="img-responsive" alt="" />
+
                            <img style="margin-left: 209px;display: block;display:inline" class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/b/b0/T--Worldshaper-XSHS--in002.png" />
                            </div>
+
                         </p>
                            <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="" >
                         <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
                         <p class="itemstyle" style="font-size:12px!important;margin-left: 0px;text-align: center!important;">
                            <div class="img-wrapper">
+
                          Figure 1: A team member is weighing substances for experiment.
                                <img src="https://static.igem.org/mediawiki/2018/c/c0/T--worldshaper-XSHS--m010.png" class="img-responsive" alt="" />
+
                        </p>
                            </div>
+
                        <p class="itemstyle" style="font-size: 12px!important;margin-left: 0px;text-align: center!important;">
                            <figcaption>
+
                          Figure 2: A team member is preparing culture medium.
                                <h4>Name: ShenYibin</h4>
+
                        </p>
 +
                        </div>
  
                                <p class="itemstyle">Introduction:He is a super lively person, not to be deceived by his seemingly quiet appearance.
+
                    <div class="xshs-box3">
                                    He is very good at thinking. He will calm down and do experiments, trying to find out
+
                        <p>The results of the first experiment: (Download ↓ )  </p>
                                    the deficiencies in the experiment and correct them.</p>
+
                        <p><a href="https://static.igem.org/mediawiki/2018/2/28/T--worldshaper-XSHS--in001.xlsx" style="color:blue">Worldshaper-XSHS_InterLab_2018_1st.xlsx</a></p>
                            </figcaption>
+
                        <p><a href="https://static.igem.org/mediawiki/2018/a/ae/T--worldshaper-XSHS--in002.xlsx" style="color:blue">Worldshaper-XSHS_InterLab_2018_2nd.xlsx</a></p>
                         </figure>
+
                         <p><a href="https://static.igem.org/mediawiki/2018/3/36/T--worldshaper-XSHS--in003.pdf" style="color:blue">Worldshaper-XSHS_InterLab_2018.xlsx</a></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/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.
+
                    <!-- <div class="xshs-box2">
                                    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
+
                            <img class="img-responsive" alt="" src="en" />
                                    she is pursuing.</p>
+
                        </p>
                             </figcaption>
+
                        <p>
                         </figure>
+
                             <img class="img-responsive" alt="" src="en" />
 +
                         </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/b2/T--worldshaper-XSHS--m013.png" class="img-responsive" alt="" />
 
                            </div>
 
                            <figcaption>
 
                                <h4>Name: XuJie</h4>
 
  
                                <p class="itemstyle">Introduction:He is lively and helpful. He loves piano, basketball, travel... He also likes
 
                                    to explore something unknown, especially in the natural sciences. He firmly believes
 
                                    that to achieve something, the essential thing is perseverance. </p>
 
                            </figcaption>
 
                        </figure>
 
                    </div>
 
 
                    <div class="col-sm-4">
 
                        <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
 
                            <div class="img-wrapper">
 
                                <img src="https://static.igem.org/mediawiki/2018/b/b4/T--worldshaper-XSHS--m014.png" class="img-responsive" alt="" />
 
                            </div>
 
                            <figcaption>
 
                                <h4>Name:Yu Yijie</h4>
 
 
                                <p class="itemstyle">Introduction: She is a 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">
 
                        <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>
 +
    </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 21:03, 17 October 2018

Interlab

Interlab


Worldshaper-XSHS team has participated in the Fifth International InterLab Measurement Study, Plate Reader and Colony Forming Unit (CFU), from June to August 2018, and uploaded the results twice, in July and August respectively. We followed the official CFU protocol, took the measurement together with another two high school teams: the ASTWS-China team and the HFLS-ZhejiangUnited team.

We feel greatly honored to be able to participate in the Interlab study. As a group of high school students, we have learnt a lot from feeling difficult in even reading the protocol at the beginning to finally being able to complete the whole experiment. However, the process really has been extremely difficult.

It took us two months from registering to join in the study on June 20 to eventually being recognized, which is a much longer time than that of many other teams. Joining in the iGEM competition was our first opportunity to come face to face with professional biological knowledge, upon which we realized that we lacked in both technical knowledge and experimental skills. In order to do a better job, we started preparing for Interlab early. We urged our group members to study the protocol carefully and thoroughly, confirm the materials and equipment for the experiment and practice the various experimental skills in advance. In this process, we encountered a lot of difficulties, all of which were solved, fortunately. For example, during the study of the protocol, we didn’t know how to prepare the serial dilution of Microspheres in a more evenly way, what the differences between OD600 and Abs600 are as well as how to dilute the bacterial solutions to a specific OD value. Fortunately, our laboratory is located in the College of Life Science of Zhejiang University, which gives us the convenience in consulting with the graduate students Qiu Yue and Lei Zhaoying. Under their explanation and guidance, we got a grasp of the specific steps. Another example is in terms of experimental conditions. We did not have plate readers in our lab. Luckily, we eventually borrowed one from other labs in the College of Life Science with the help of our mentor. Yet, the greatest difficulty comes from the actual operations in the experiment. In high school study, we never had the opportunity to see such complex instruments and equipment, let alone to use them. But thanks to the guidance of Dr. Huang Fangliang and the partnership with ASTWS-China and HFLS-ZhejiangUnited, we worked together by learning from each other and helping each other and thus the experiment was finally successfully started.

We started our first experiment on July 15. But due to the fact that it was our fisrt experience, we spent a total of 6 days from the beginning plasmid transfection to the completion of colony counting. While we were praying in our mind nervously to pass the review after submitting the results online, we received the following reply from Mrs. Traci Haddock-Angelli on July 30: Your submission is not yet acceptable for fulfillment of the bronze medal requirement. In the reply, she kindly pointed out the reason, which was that the values of our fluorescence and OD measurements for cell samples were not within the values of the standard curves for fluorescence and OD. The organizing committee hoped that we could repeat the standard curves, the cell measurements, or both. So, we reflected on the entire experimental process, the only thing we could think of was that we waited for more than one hour before the measurement of fluorescence intensity, resulting in probable partial bacterial proliferation that elevated the expression of fluorescent proteins. We had to wait because at that time the plate reader was not preheated and there were a lot of people waiting to use the device. So, we decided to strictly control the time during the next experiment and to never make mistakes again on this same issue. We are especially thankful to the help of ASTWS-China and HFLS-ZhejiangUnited for their help and advice during the summary of our first experiment, and for the bacteria strain they provided for our second measurement.

We started our second experiment on August 15. Upon finishing the experiment, after we checked the data in the table carefully and confirmed that all of our fluorescence and OD measurements for cell samples were within the values of the standard curves for fluorescence and OD, we submitted the results to the organizing committee. Unfortunately, on August 20, we received a message from Mr. Vinoo Selvarajah, which put us in a mixed state of feeling. On the one hand, our results were still not ideal. He said “your new data also have an issue: some of your devices have lower raw fluorescence readings at the hour 6 than at hour 0, even though they grew. Additionally, while within the range, some cells show similar fluorescence to the highest concentration of Fluorescein tested.” On the other hand, our efforts were recognized. He said “however, given the time remaining, your current works and effort on the InterLab would be sufficient for the medal criteria (Bronze criteria #4)”! We also did a reflection on our own experimental results this time and figured out several possibilities: 1) The impurities in the bacterial solution has resulted in the low fluorescence values; 2) The bacterial load during inoculating was too small, resulting in insufficient concentration of bacteria; 3) Possible operational errors due to unskilled experimental techniques, etc. Unfortunately, time is limited on our hands now because our summer vacation is about to end and we have a lot of other experiments that are yet to be done. So, we have to put these possibilities on hold so that we can rule out one by one when we have the time in the future.

With these ups and downs, we have gained a deeper understanding of Interlab and iGEM, as well as the sentence "measurement is fundamental toeverything we do". After all, every iGEMer is a seeker of the ultimate and only in this pursuit of the ultimate spirit can we make the iGEM more and more amazing!

As the second team participating in the IGEM competition of Xiaoshan High School, we continued to develop the current team, WorldshaperXSHS, rather than recreate it.

Figure 1: A team member is weighing substances for experiment.

Figure 2: A team member is preparing culture medium.

  • Worldshaper-XSHS, Xiaoshan High School

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