Difference between revisions of "Team:Worldshaper-XSHS/aboutus.html"

 
(39 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
 
<style type="text/css">
 
<style type="text/css">
html body{
+
    html body{
font-family:purista  !important;
+
        font-family:purista  !important;
}
+
    }
 +
    p{
 +
        font-family: arial
 +
    }
 
     .dropdown .dropdown-menu > ul {
 
     .dropdown .dropdown-menu > ul {
 
         background-color:  rgba(132,176,110,0.6)!important
 
         background-color:  rgba(132,176,110,0.6)!important
 
     }  
 
     }  
  .positiontitle{
+
    .myheader{
 +
        box-shadow:none !important;
 +
        background:rgba(132,176,110,0.6) !important;
 +
        border:none !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: purista !important;
 
         font-weight: 600 !important;
 
         font-weight: 600 !important;
Line 33: Line 41:
 
     }
 
     }
 
     .colul a:hover{
 
     .colul a:hover{
        font-size:22px;
+
 
        transition: all linear .3s;
+
 
         color: #00746b !important;  
 
         color: #00746b !important;  
 
     }
 
     }
 
     .colul li a{
 
     .colul li a{
         font-family: purista !important;
+
         font-family: adobe-garamond-pro !important;
 
         font-weight: 400;
 
         font-weight: 400;
 
         font-style: normal;
 
         font-style: normal;
Line 48: Line 55:
 
         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;
         left:167px;
+
          
         top:100px;
+
         top: 90px;
 
     }
 
     }
 
     .myheader{
 
     .myheader{
 
         box-shadow:none !important;
 
         box-shadow:none !important;
         background:rgba(132,176,110,0.6) !important;
+
         background:rgba(132,176,110,0.4) !important;
 
         border:none !important;
 
         border:none !important;
 
     }
 
     }
Line 63: Line 71:
 
         font-weight: 600 !important;
 
         font-weight: 600 !important;
 
         font-style: normal !important;
 
         font-style: normal !important;
 +
     
 
         letter-spacing: 0px !important;
 
         letter-spacing: 0px !important;
 
         line-height: 1.6em !important;
 
         line-height: 1.6em !important;
 
         color: rgba(26,26,26,.7) !important;
 
         color: rgba(26,26,26,.7) !important;
    }
+
        text-align: center!important;
    p{
+
      text-align:left!important;
+
 
     }
 
     }
  
 +
        }
 
     .footer{
 
     .footer{
 
         background:rgba(12, 61, 12, 0.8509803921568627) !important;
 
         background:rgba(12, 61, 12, 0.8509803921568627) !important;
 
     }
 
     }
  @font-face
+
    #back-to-top{
 +
        position:fixed;
 +
    }
 +
    #back-to-top a{
 +
        text-align:center;
 +
        text-decoration:none;
 +
        color:#d1d1d1;
 +
        display:block;
 +
        width:80px;
 +
        /*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/
 +
        -moz-transition:color 1s;
 +
        -webkit-transition:color 1s;
 +
        -o-transition:color 1s;
 +
    }
 +
    #back-to-top a img{
 +
        background:#d1d1d1;
 +
        border-radius:6px;
 +
        display:block;
 +
        height:80px;
 +
        width:80px;
 +
        margin-bottom:5px;
 +
        -moz-transition:background 1s;
 +
        -webkit-transition:background 1s;
 +
        -o-transition:background 1s;
 +
    }
 +
    @font-face
 
{
 
{
 
     font-family: purista;
 
     font-family: purista;
 
     src: url('https://static.igem.org/mediawiki/2018/4/44/T--worldshaper-XSHS--semibold.otf'),
 
     src: url('https://static.igem.org/mediawiki/2018/4/44/T--worldshaper-XSHS--semibold.otf'),
 
     url('https://static.igem.org/mediawiki/2018/4/44/T--worldshaper-XSHS--semibold.otf');
 
     url('https://static.igem.org/mediawiki/2018/4/44/T--worldshaper-XSHS--semibold.otf');
}
 
{
 
    font-family: michroma;
 
    src: url('https://static.igem.org/mediawiki/2018/4/41/T--worldshaper-XSHS--michroma.ttf'),
 
    url('https://static.igem.org/mediawiki/2018/4/41/T--worldshaper-XSHS--michroma.ttf');
 
 
}
 
}
 
</style>
 
</style>
Line 104: Line 132:
 
     <script src="http://igem2017.worldshaper.cn/XSHS/js/jquery.fancybox.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 src="http://igem2017.worldshaper.cn/XSHS/js/main.js"></script>
     <header id="top-bar" class="navbar-fixed-top animated-header  navbar navbar-default myheader"  >
+
<script type="text/javascript">
 +
     $(function () {
 +
        //当点击跳转链接后,回到页面顶部位置
 +
        $("#back-to-top").hide();
 +
        window.onscroll = function () {
 +
            var t = document.documentElement.scrollTop || document.body.scrollTop;  //获取距离页面顶部的距离
 +
            var $x = $('#Ourteam').offset().top
 +
            if (t >= $x - 80) {
 +
                console.log(t, $x)
 +
                $('.colul').addClass('ulfixed')
 +
                $("#back-to-top").fadeIn(1500);
 +
            } else {
 +
                $('.colul').removeClass('ulfixed')
 +
                $("#back-to-top").fadeOut(1500);
 +
            }
 +
        }
 +
        $("#back-to-top").click(function () {
 +
            $('body,html').animate({ scrollTop: 0 }, 1000);
 +
            return false;
 +
        });
 +
        $('.colul li').click(function () {
 +
            $(this).siblings().removeClass('colactive')
 +
            $(this).addClass('colactive')
 +
        })
 +
    })
 +
</script>
 +
 
 +
    <header id="top-bar" class="navbar-fixed-top animated-header  navbar navbar-default myheader"  >
 
         <div class="container">
 
         <div class="container">
 
             <div class="navbar-header" >
 
             <div class="navbar-header" >
Line 122: Line 177:
 
                 <div class="main-menu">
 
                 <div class="main-menu">
 
                     <ul class="nav navbar-nav navbar-right">
 
                     <ul class="nav navbar-nav navbar-right">
                         <li>
+
                          
                            <a href="https://2018.igem.org/Team:Worldshaper-XSHS">Home</a>
+
                        </li>
+
 
                         <li class="dropdown">
 
                         <li class="dropdown">
 
                             <a class="dropdown-toggle" data-toggle="dropdown">
 
                             <a class="dropdown-toggle" data-toggle="dropdown">
Line 132: Line 185:
 
                             <div class="dropdown-menu">
 
                             <div class="dropdown-menu">
 
                                 <ul>
 
                                 <ul>
 +
 
                                     <li>
 
                                     <li>
 
                                         <a href="https://2018.igem.org/Team:Worldshaper-XSHS/aboutus.html">about us</a>
 
                                         <a href="https://2018.igem.org/Team:Worldshaper-XSHS/aboutus.html">about us</a>
Line 138: Line 192:
 
                                         <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Team">Members</a>
 
                                         <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Team">Members</a>
 
                                     </li>
 
                                     </li>
 +
                                   
 +
                                </ul>
 +
                            </div>
 +
                        </li>
 
                                     <li>
 
                                     <li>
 
                                         <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Collaborations">Collaborations</a>
 
                                         <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Collaborations">Collaborations</a>
 
                                     </li>
 
                                     </li>
                                </ul>
 
                            </div>
 
                        </li>
 
 
                         <li class="dropdown">
 
                         <li class="dropdown">
 
                             <a class="dropdown-toggle" data-toggle="dropdown">
 
                             <a class="dropdown-toggle" data-toggle="dropdown">
Line 166: Line 221:
 
                                         <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Future-plans.html">Future plans</a>
 
                                         <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Future-plans.html">Future plans</a>
 
                                     </li>
 
                                     </li>
                                     <li>
+
                                      
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Attributions">Attributions</a>
+
                                    </li>
+
 
                                     <li>
 
                                     <li>
 
                                         <a href="https://2018.igem.org/Team:Worldshaper-XSHS/InterLab">Interlab</a>
 
                                         <a href="https://2018.igem.org/Team:Worldshaper-XSHS/InterLab">Interlab</a>
Line 187: Line 240:
 
                         <li class="dropdown">
 
                         <li class="dropdown">
 
                             <a class="dropdown-toggle" data-toggle="dropdown">
 
                             <a class="dropdown-toggle" data-toggle="dropdown">
                                 HUMAN PRACTICES
+
                                 HP
 
                                 <span class="caret"></span>
 
                                 <span class="caret"></span>
 
                             </a>
 
                             </a>
Line 223: Line 276:
 
                             <a href="https://2018.igem.org/Team:Worldshaper-XSHS/safety.html">Safety</a>
 
                             <a href="https://2018.igem.org/Team:Worldshaper-XSHS/safety.html">Safety</a>
 
                         </li>
 
                         </li>
 +
                                    <li>
 +
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Attributions">Attributions</a>
 +
                                    </li>
 
                     </ul>
 
                     </ul>
 
                 </div>
 
                 </div>
Line 229: Line 285:
 
     </header>
 
     </header>
  
     <section class="visual wow fadeInLeft animated" data-wow-duration="500ms" data-wow-delay="200ms" style="visibility: visible; animation-duration: 500ms; animation-delay: 200ms; animation-name: fadeInLeft;">
+
     <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;">
         <img src="https://static.igem.org/mediawiki/2018/1/13/T--worldshaper-XSHS--Home001.png" alt="" class="bg-stretch" style="width:100%">  
+
        <strong  class="positiontitle">About Us</strong><!-- 这里是大图的标题 -->
 +
         <img src="https://static.igem.org/mediawiki/2018/a/a6/T--Worldshaper-XSHS--ti002.jpg" alt="" class="bg-stretch" style="width:100%">
 +
        <!-- 这里是大图的图片链接 -->
 
     </section>
 
     </section>
  
     <section id="about" style="background:rgba(242, 241, 241, 0.75)">
+
     <section class="pageInHere">
 
         <div class="container">
 
         <div class="container">
             <div class="row text-center">
+
             <div class="row">
                 <div>
+
             
                     <div class="block wow fadeInLeft animated" data-wow-delay=".3s" data-wow-duration="500ms" style="visibility: visible; animation-duration: 500ms; animation-delay: 0.3s; animation-name: fadeInLeft;">
+
                 <div class="col-xs-2 xshs-box3  ">
                         <h2 class="v1">Abstract</h2>
+
                     <ul class="colul text-left">
 +
                        <li class="colactive mt-1"><a href="#Ourteam">Our team</a></li>
 +
                        <li class="mt-1"><a href="#OurSchool">Our School</a></li>
 +
                        <li class="mt-1"><a href="#Others">Others</a></li>
 +
                        <!-- 这里是页面定位锚点  href 对应代码的 “id属性  例如 id='xxx'  ”-->
 +
                        <li>
 +
                            <p id="back-to-top" style="margin-top: 50px;">
 +
                                <a href="#top">
 +
                                <img src="https://static.igem.org/mediawiki/2018/e/e5/T--worldshaper-XSHS--back.png">
 +
                                TO Top
 +
                                </a>
 +
                            </p>
 +
                         </li>
 +
                    </ul> 
 +
                </div>
 +
               
 +
                <div class="col-xs-10 ">
 +
                    <div class="xshs-box3">
 +
                        <p class="v1" id="Ourteam" style="text-align:  center; ">
 +
                            Our team
 +
                        </p>
 
                         <div style="
 
                         <div style="
 
                             width: 28%;
 
                             width: 28%;
Line 246: Line 324:
 
                         <hr style="
 
                         <hr style="
 
                             height: 3px;
 
                             height: 3px;
                             background-color: #0c3d0c99!important
+
                             background-color: #0c3d0c99!important;
 +
                            margin-top: 40px;
 
                         ">
 
                         ">
 
                         </div>
 
                         </div>
                         <p class="itemstyle">
+
                         <p style="text-align:center">
                             Hometown Hangzhou is widely known by water- related UNESCO World Heritages – West Lake and Grand Canal, however, severe water
+
                             <video style="width:80%" src="https://static.igem.org/mediawiki/2018/8/8b/T--Worldshaper-XSHS--videoxuanchuan.mp4" controls="controls"><!--这里视频 视频可以去掉控件按钮 controls 删掉即可-->
                            pollution problem caused by many reasons also exist. Hence, we hope to provide an easy-operating
+
                              
                             and low-cost tool for public to monitor water quality around.
+
                            </video>
 
                         </p>
 
                         </p>
 +
 +
                       
 
                         <p class="itemstyle">
 
                         <p class="itemstyle">
                             We designed a portable water quality bio-detector prototype based on E.coli strains which were constructed to detect dissolved
+
                             Worldshaper XSHS, the name of the IGEM team in the Xiaoshan High School, also called  the " The New World's Shaper ", because it expresses
                            oxygen, phosphorus or nitrogen in water respectively. The oxygen sensitive vgb promoter and a GFP
+
                             the new generation of young people's ambitious expectations for dreams and development of future technology. Our team consists of 14 members and is guided by a group of teachers and doctors. Last year, the bio-detection
                             reporter constitute Oxygen detector 1.0. To enhance the expression of GFP, version 2.0 contains a
+
                             device for water oxygen content in our school's IGEM team won the first gold medal in iGEM competition. This year, we will try our best to strive for further success!
                            vgb promoter, a T7 RNA polymerase gene, a T7 promoter and a GFP gene. For nitrogen, the PyeaR promoter
+
                             was used to response to different concentrations of nitrate, nitrite and nitric, with a BFP reporter
+
                            gene. For phosphate, a plasmid consisting of an ‘external phosphate sensing promoter’ to sense the
+
                            phosphate concentration and a RFP gene to report.
+
 
                         </p>
 
                         </p>
 
                     </div>
 
                     </div>
                     <div>
+
                     <div class="xshs-box2">
                         <div class="block wow fadeInRight" data-wow-delay=".3s" data-wow-duration="500ms" style="visibility: hidden; animation-duration: 500ms; animation-delay: 0.3s; animation-name: none;">
+
                         <p>
                             <img src="https://static.igem.org/mediawiki/2017/f/f1/T-worldshaper-XSHS-k010.png" alt="">
+
                            <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/e/e6/T--worldshaper-XSHS--a001.png" />
                         </div>
+
                        </p>
 +
                        <p>
 +
                             <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/0/07/T--worldshaper-XSHS--a002.png" />
 +
                         </p>
 
                     </div>
 
                     </div>
                </div>
+
                     <div class="xshs-box3">
                <div class="row">
+
                         <p class="v1" id="OurSchool"style="text-align: center; ">Our School</p>
                     <div class="col-md-6 col-sm-6">
+
                        <div style="
                         <div class="block wow fadeInLeft animated" data-wow-delay=".3s" data-wow-duration="500ms" style="visibility: visible; animation-duration: 500ms; animation-delay: 0.3s; animation-name: fadeInLeft;">
+
                            width: 28%;
                            <h2 class="v1">Abstract</h2>
+
                            margin: 0 auto;
                           
+
                            margin-top: -34px;
                            <div style="
+
                        ">
                                width: 100%;
+
                        <hr style="
                                margin-left: 0;
+
                            height: 3px;
                                margin-top: -34px;
+
                            background-color: #0c3d0c99!important;
                                margin-bottom: -20px;
+
                             margin-top: 40px;
                            ">
+
                        ">
                            <hr style="
+
                                height: 3px;
+
                                background-color: #0c3d0c99
+
                                width: 97%;
+
                             ">
+
                                <p style="
+
                                margin-top: -18px;
+
                                font-size: 13px;
+
                                line-height: 20px;
+
                                font-family: ration cans;
+
                            " align="left">We designed a portable water quality bio-detector prototype based on E.coli strains which were constructed to detect dissolved oxygen, phosphorus or nitrogen in water respectively. </p>
+
                            </div>
+
 
+
                            <p class="itemstyle">
+
                                Hometown Hangzhou is widely known by water- related UNESCO World Heritages – West Lake and Grand Canal, however, severe water
+
                                pollution problem caused by many reasons also exist. Hence, we hope to provide an easy-operating
+
                                and low-cost tool for public to monitor water quality around.
+
                            </p>
+
                            <p class="itemstyle">
+
                                We designed a portable water quality bio-detector prototype based on E.coli strains which were constructed to detect dissolved
+
                                oxygen, phosphorus or nitrogen in water respectively. The oxygen sensitive vgb promoter and a
+
                                GFP reporter constitute Oxygen detector 1.0. To enhance the expression of GFP, version 2.0 contains
+
                                a vgb promoter, a T7 RNA polymerase gene, a T7 promoter and a GFP gene. For nitrogen, the PyeaR
+
                                promoter was used to response to different concentrations of nitrate, nitrite and nitric, with
+
                                a BFP reporter gene. For phosphate, a plasmid consisting of an ‘external phosphate sensing promoter’
+
                                to sense the phosphate concentration and a RFP gene to report.
+
                            </p>
+
 
                         </div>
 
                         </div>
   
+
                        <p class="itemstyle">
 +
                            We are from Xiaoshan High School, a school founded in 1938 with a long history in Hangzhou, China. The
 +
                            school adheres to the motto: "seek the truth, seek the innovation, seek the beauty and seeking reality". This school have trained
 +
                            large quantities of outstanding talents over the years. This is our school:
 +
                        </p>
 
                     </div>
 
                     </div>
                     <div class="col-md-6 col-sm-6">
+
                     <div class="xshs-box2">
                         <div class="block wow fadeInRight" data-wow-delay=".3s" data-wow-duration="500ms" style="visibility: hidden; animation-duration: 500ms; animation-delay: 0.3s; animation-name: none;">
+
                         <p>
                             <img src="https://static.igem.org/mediawiki/2017/f/f1/T-worldshaper-XSHS-k010.png" alt="">
+
                            <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/c/c0/T--worldshaper-XSHS--a003.png" style="width: 133%;height: 150%"
 +
                            />
 +
                        </p>
 +
                        <p>
 +
                            <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/6/61/T--worldshaper-XSHS--a004.png" />
 +
                        </p>
 +
                        <p>
 +
                             <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/6/67/T--worldshaper-XSHS--a005.png" />
 +
                        </p>
 +
                    </div>
 +
                    <div class="xshs-box3">
 +
                        <p class="v1" id="Others"style="text-align: center;">Others</p>
 +
                        <div style="
 +
                            width: 28%;
 +
                            margin: 0 auto;
 +
                            margin-top: -34px;
 +
                        ">
 +
                        <hr style="
 +
                            height: 3px;
 +
                            background-color: #0c3d0c99!important;
 +
                            margin-top: 40px;
 +
                        ">
 
                         </div>
 
                         </div>
 +
                        <p class="itemstyle">
 +
                            Logo: We have designed our own team logo and flag. This is our logo:
 +
                        </p>
 +
                        <p class="itemstyle">Logo meaning:</p>
 +
                        <p class="itemstyle"  style="font-size: 18px;font-weight: 600;">
 +
                            The background of the badge is an iceberg which symbolizes our understanding of biology is just the tip of the iceberg. Scepter is in front of the background, which indicates we have the power to change life. However, the power is restricted by the nature, so the scepter is also twined with the DNA.
 +
                        </p>
 
                     </div>
 
                     </div>
 +
                   
 +
                    <div class="xshs-box2">
 +
                        <p>
 +
                            <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/7/78/T--worldshaper-XSHS--a006.png" />
 +
                        </p>
 +
                    </div>
 +
                   
 +
                    <div class="xshs-box3">
 +
                        <p class="itemstyle">
 +
                            Whenever we go out to participate in activities, we all wear our uniform. We all love our uniform:
 +
                        </p>
 +
                    </div>
 +
                    <div class="xshs-box2">
 +
                        <p>
 +
                            <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/6/67/T--worldshaper-XSHS--a007.png" />
 +
                        </p>
 +
                    </div>
 +
                    <div class="xshs-box3">
 +
                        <p class="itemstyle">
 +
                            In addition, the money used to purchase the uniforms and the flag is accumulated from fund-raising. We are grateful to those who support us
 +
                        </p>
 +
                    </div>
 +
                    <div class="xshs-box2">
 +
                        <p>
 +
                            <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/e/e1/T--worldshaper-XSHS--a008.png" />
 +
                        </p>
 +
                    </div>
 +
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 +
        </div>
 
     </section>
 
     </section>
  
     <footer class="footer">
+
     <footer class="footer" style="background: rgba(12, 61, 12, 0.8509803921568627)!important;">
 
         <div class="container">
 
         <div class="container">
 
             <div class="foot-box">
 
             <div class="foot-box">
 
                 <ul class="clearfix">
 
                 <ul class="clearfix">
 
                     <li class="foot-box-c1">
 
                     <li class="foot-box-c1">
                         <img src="https://static.igem.org/mediawiki/2017/7/71/T-worldshaper-XSHS-logoxshs.jpeg" alt="">
+
                         <img src="https://static.igem.org/mediawiki/2018/e/e2/T--worldshaper-XSHS--logoxshs.png" alt="">
 
                     </li>
 
                     </li>
 
                     <li class="foot-box-c2">
 
                     <li class="foot-box-c2">
Line 332: Line 446:
 
                     <li class="foot-box-c3">
 
                     <li class="foot-box-c3">
 
                         <p>Worldshaper-XSHS, Xiaoshan High School</p>
 
                         <p>Worldshaper-XSHS, Xiaoshan High School</p>
                         <p>
+
                         <p>Adress: No.538,Gongxiu Road,Xiaoshan District,Hangzhou,Zhejiang Province,China</p>
                            Adress: No.538,Gongxiu Road,Xiaoshan District,Hangzhou,Zhejiang Province,China
+
                        </p>
+
 
                     </li>
 
                     </li>
 
                     <li class="foot-box-c4">
 
                     <li class="foot-box-c4">
                         <img src="https://static.igem.org/mediawiki/2017/3/32/T-Worldshaper-XSHS-weixin.jpeg" alt="">
+
                         <img src="https://static.igem.org/mediawiki/2018/9/96/T--worldshaper-XSHS--wechat.png" alt="">
 
                     </li>
 
                     </li>
 
                 </ul>
 
                 </ul>

Latest revision as of 17:03, 17 October 2018

About Us

Our team


Worldshaper XSHS, the name of the IGEM team in the Xiaoshan High School, also called the " The New World's Shaper ", because it expresses the new generation of young people's ambitious expectations for dreams and development of future technology. Our team consists of 14 members and is guided by a group of teachers and doctors. Last year, the bio-detection device for water oxygen content in our school's IGEM team won the first gold medal in iGEM competition. This year, we will try our best to strive for further success!

Our School


We are from Xiaoshan High School, a school founded in 1938 with a long history in Hangzhou, China. The school adheres to the motto: "seek the truth, seek the innovation, seek the beauty and seeking reality". This school have trained large quantities of outstanding talents over the years. This is our school:

Others


Logo: We have designed our own team logo and flag. This is our logo:

Logo meaning:

The background of the badge is an iceberg which symbolizes our understanding of biology is just the tip of the iceberg. Scepter is in front of the background, which indicates we have the power to change life. However, the power is restricted by the nature, so the scepter is also twined with the DNA.

Whenever we go out to participate in activities, we all wear our uniform. We all love our uniform:

In addition, the money used to purchase the uniforms and the flag is accumulated from fund-raising. We are grateful to those who support us

  • Worldshaper-XSHS, Xiaoshan High School

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