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

 
(16 intermediate revisions by 4 users not shown)
Line 5: Line 5:
 
     }
 
     }
 
     p{
 
     p{
         font-family: arial!important
+
         font-family: arial
 
     }
 
     }
 
     .dropdown .dropdown-menu > ul {
 
     .dropdown .dropdown-menu > ul {
Line 159: Line 159:
 
</script>
 
</script>
  
    <header id="top-bar" class="navbar-fixed-top animated-header  navbar navbar-default myheader"  >
+
    <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 167: Line 167:
 
                     <span class="icon-bar"></span>
 
                     <span class="icon-bar"></span>
 
                     <span class="icon-bar"></span>
 
                     <span class="icon-bar"></span>
                </button>
+
        </button>
 
                 <div class="navbar-brand " style="display:block;color:#fff;margin-left:15px;font-size:20px">
 
                 <div class="navbar-brand " style="display:block;color:#fff;margin-left:15px;font-size:20px">
 
                     <a href="https://2018.igem.org/Team:Worldshaper-XSHS">
 
                     <a href="https://2018.igem.org/Team:Worldshaper-XSHS">
Line 173: Line 173:
 
                     </a>
 
                     </a>
 
                 </div>
 
                 </div>
            </div>
+
      </div>
 
             <nav class="collapse navbar-collapse navbar-right" role="navigation">
 
             <nav class="collapse navbar-collapse navbar-right" role="navigation">
 
                 <div class="main-menu">
 
                 <div class="main-menu">
 
                     <ul class="nav navbar-nav navbar-right">
 
                     <ul class="nav navbar-nav navbar-right">
                         <li>
+
                          
                            <a href="https://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 187: 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 193: 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>
                                     <li>
+
                                      
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Collaborations">Collaborations</a>
+
                                    </li>
+
 
                                 </ul>
 
                                 </ul>
 
                             </div>
 
                             </div>
 
                         </li>
 
                         </li>
 +
                                    <li>
 +
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Collaborations">Collaborations</a>
 +
                                    </li>
 
                         <li class="dropdown">
 
                         <li class="dropdown">
 
                             <a class="dropdown-toggle" data-toggle="dropdown">
 
                             <a class="dropdown-toggle" data-toggle="dropdown">
Line 221: 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 242: 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 278: 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 285: Line 286:
  
 
     <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;">
 
     <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;">
         <strong  class="positiontitle">Collaborations</strong><!-- 这里是大图的标题 -->
+
         <strong  class="positiontitle">About Us</strong><!-- 这里是大图的标题 -->
         <img src="https://static.igem.org/mediawiki/2018/e/e6/T--worldshaper-XSHS--a001.png" alt="" class="bg-stretch" style="width:100%">
+
         <img src="https://static.igem.org/mediawiki/2018/a/a6/T--Worldshaper-XSHS--ti002.jpg" alt="" class="bg-stretch" style="width:100%">
 
         <!-- 这里是大图的图片链接 -->
 
         <!-- 这里是大图的图片链接 -->
 
     </section>
 
     </section>
Line 293: Line 294:
 
         <div class="container">
 
         <div class="container">
 
             <div class="row">
 
             <div class="row">
+
             
 
                 <div class="col-xs-2 xshs-box3  ">
 
                 <div class="col-xs-2 xshs-box3  ">
 
                     <ul class="colul text-left">
 
                     <ul class="colul text-left">
                         <li class="colactive mt-1"><a href="#Collaborations with other teams/Collaboration with ASTWS-China team and HFLS_ZhejiangUnited team.">Collaborations with other teams</a></li>
+
                         <li class="colactive mt-1"><a href="#Ourteam">Our team</a></li>
                        <li class="mt-1"><a href="#Collaborations with other teams/Collaboration with ASTWS-China team and HFLS_ZhejiangUnited team.">Collaboration 1</a></li>
+
                         <li class="mt-1"><a href="#OurSchool">Our School</a></li>
                         <li class="mt-1"><a href="#Collaborations with other teams/Collaboration with ZJU-China team.">Collaboration 2</a></li>
+
                         <li class="mt-1"><a href="#Others">Others</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'  ”-->
 
                         <!-- 这里是页面定位锚点  href 对应代码的 “id属性  例如 id='xxx'  ”-->
                       
 
 
                         <li>
 
                         <li>
 
                             <p id="back-to-top" style="margin-top: 50px;">
 
                             <p id="back-to-top" style="margin-top: 50px;">
Line 312: Line 309:
 
                             </p>
 
                             </p>
 
                         </li>
 
                         </li>
                   
 
 
                     </ul>   
 
                     </ul>   
 
                 </div>
 
                 </div>
Line 318: Line 314:
 
                 <div class="col-xs-10 ">
 
                 <div class="col-xs-10 ">
 
                     <div class="xshs-box3">
 
                     <div class="xshs-box3">
                         <p class="v1" id="Collaborations with other teams/Collaboration with ASTWS-China team and HFLS_ZhejiangUnited team." style="text-align:  center; ">
+
                         <p class="v1" id="Ourteam" style="text-align:  center; ">
                             Collaborations with other teams
+
                             Our team
 
                         </p>
 
                         </p>
 
                         <div style="
 
                         <div style="
                                width: 100%;
+
                            width: 28%;
                                margin-left: 0;
+
                            margin: 0 auto;
                                margin-top: 20px;
+
                            margin-top: -34px;
                                margin-bottom: -20px;
+
                        ">
                            ">
+
                        <hr style="
                            <hr style="
+
                            height: 3px;
                                height: 3px;
+
                            background-color: #0c3d0c99!important;
                                background-color: #0c3d0c99!important;
+
                             margin-top: 40px;
                                width: 97%;
+
                        ">
                             ">
+
                                <p style="
+
                                margin-top: -18px;
+
                                font-size: 13px;
+
                                line-height: 20px;
+
                                font-family: light;
+
                                text-align: center;
+
                                margin-bottom: 40px
+
                            " align="left">Collaboration with ASTWS-China team and HFLS_ZhejiangUnited team. </p>
+
 
                         </div>
 
                         </div>
                         <p class="itemstyle" style="text-align: left!important;">
+
                         <p style="text-align:center">
                             During the interlab experiment, we cooperated with ASTWS-China team and HFLS_ZhejiangUnited team, we provided the ASTWS-China team with E. coli DH5a and 100μl silicon beads that had better quality as well as gave HFLS_ZhejiangUnited team the transcriptional shaking table bacteria solution and some experimental equipment (chloramphenicol resistance, gun head, etc.). At the same time, we also borrowed the glycerin bacteria we needed from the ASTWS-China team.
+
                             <video style="width:80%" src="https://static.igem.org/mediawiki/2018/8/8b/T--Worldshaper-XSHS--videoxuanchuan.mp4" controls="controls"><!--这里视频 视频可以去掉控件按钮 controls 删掉即可-->
 +
                           
 +
                            </video>
 
                         </p>
 
                         </p>
                         <div class="xshs-box2">
+
 
                             <p>
+
                       
                              <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/a/ab/T--worldshaper-XSHS--c001.png" />
+
                         <p class="itemstyle">
                             </p>
+
                             Worldshaper XSHS, the name of the IGEM team in the Xiaoshan High School, also called  the " The New World's Shaper ", because it expresses
                        </div>
+
                            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
                        <p class="itemstyle" style="text-align: left!important;">
+
                             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!
                          During the experiment, we lent ASTWS-China team kit1 and kit2, which enables its students to extract the useful DNA.
+
 
                         </p>
 
                         </p>
                         <p class="itemstyle" style="text-align: left!important;">
+
                    </div>
                          During the Collaborations, our research members visited HFLS_ZhejiangUnited team’s experiments and watched its members’ studying notes.
+
                    <div class="xshs-box2">
 +
                         <p>
 +
                            <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/e/e6/T--worldshaper-XSHS--a001.png" />
 
                         </p>
 
                         </p>
                         <div class="xshs-box2">
+
                         <p>
                             <p>
+
                             <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/0/07/T--worldshaper-XSHS--a002.png" />
                              <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/3/35/T--worldshaper-XSHS--c002.png" />
+
                            </p>
+
                        </div>
+
                        <p class="itemstyle" style="text-align: left!important;">
+
                          Because our conversion process——A procedure that obtaining the desired plasmid from the distribution kits—— always failed,we communicated with ASTWS-China team, eliminating the possibilities derived from operate miss and finding the cause of the problem: Homemade E. coli receptive state.
+
 
                         </p>
 
                         </p>
                        <div class="xshs-box2">
 
                            <p>
 
                              <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/b/bb/T--worldshaper-XSHS--c003.png" />
 
                            </p>
 
                        </div>
 
 
                     </div>
 
                     </div>
                   
 
 
 
                     <div class="xshs-box3">
 
                     <div class="xshs-box3">
                         <p class="v1" id="Collaborations with other teams/Collaboration with ZJU-China team." style="text-align:  center; ">
+
                         <p class="v1" id="OurSchool"style="text-align:  center; ">Our School</p>
                            Collaborations with other teams
+
                        </p>
+
 
                         <div style="
 
                         <div style="
                                width: 100%;
+
                            width: 28%;
                                margin-left: 0;
+
                            margin: 0 auto;
                                margin-top: 20px;
+
                            margin-top: -34px;
                                margin-bottom: -20px;
+
                        ">
                            ">
+
                        <hr style="
                            <hr style="
+
                            height: 3px;
                                height: 3px;
+
                            background-color: #0c3d0c99!important;
                                background-color: #0c3d0c99!important;
+
                             margin-top: 40px;
                                width: 97%;
+
                        ">
                             ">
+
                                <p style="
+
                                margin-top: -18px;
+
                                font-size: 13px;
+
                                line-height: 20px;
+
                                font-family: light;
+
                                text-align: center;
+
                                margin-bottom: 40px
+
                            " align="left">Collaboration with ZJU-China team.</p>
+
 
                         </div>
 
                         </div>
                         <p class="itemstyle" style="text-align: left!important;">
+
                         <p class="itemstyle">
                             The aspect about experimental problem: Because of the invalid homemade E. coli receptive state, we did experiments in the ZJU-China team’s laboratories by utilizing its commercial E. coli receptive state. This attempt provided enough opportunities for us to discuss the difference between the experiments, which exerted great advantage to solve such problems in the nest phase.
+
                             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>
 
                         </p>
                        <div class="xshs-box2">
+
                    </div>
                            <p>
+
                    <div class="xshs-box2">
                              <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/7/74/T--worldshaper-XSHS--c004.png" />
+
                        <p>
                             </p>
+
                            <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/c/c0/T--worldshaper-XSHS--a003.png" style="width: 133%;height: 150%"
                         </div>
+
                             />
                         <p class="itemstyle" style="text-align: left!important;">
+
                         </p>
                          Before carrying out publicity activities, our team made comprehensive discussions with the ZJU-China team like establishing programs of activities, preparing materials, and decorating the venues.
+
                         <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>
 
                         </p>
                        <div class="xshs-box2">
 
                            <p>
 
                              <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/e/e1/T--worldshaper-XSHS--c005.png" />
 
                            </p>
 
                        </div>
 
                       
 
 
                     </div>
 
                     </div>
                   
 
                    <!--
 
 
                     <div class="xshs-box3">
 
                     <div class="xshs-box3">
                         <p class="v1" id="Collaborations with other teams/Collaboration with ZJU-China team"style="text-align: center; ">Collaboration with ZJU-China team</p>
+
                         <p class="v1" id="Others"style="text-align: center;">Others</p>
 
                         <div style="
 
                         <div style="
 
                             width: 28%;
 
                             width: 28%;
Line 429: Line 394:
 
                         </div>
 
                         </div>
 
                         <p class="itemstyle">
 
                         <p class="itemstyle">
                             We are from Xiaoshan High School, Zhejiang Province, a school founded in 1938 with a long history in Hangzhou, China. The
+
                             Logo: We have designed our own team logo and flag. This is our logo:
                            school adheres to the motto: "seek the truth, seek the innovation, seek the beauty and seeking reality". We have trained
+
                            large quantities of outstanding students over the years. This is our school:
+
 
                         </p>
 
                         </p>
                     </div> -->
+
                        <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 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>
Line 445: Line 439:
 
                 <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 452: 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