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

 
(37 intermediate revisions by 4 users not shown)
Line 3: Line 3:
 
     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
 
     }  
 
     }  
 +
    .myheader{
 +
        box-shadow:none !important;
 +
        background:rgba(132,176,110,0.6) !important;
 +
        border:none !important;
 +
    }
 
     .positiontitle{
 
     .positiontitle{
 
         position: relative;
 
         position: relative;
Line 20: Line 28:
 
     }
 
     }
 
     .v1{
 
     .v1{
−
         font-family: proxima-nova !important;
+
         font-family: purista !important;
 
         font-weight: 600 !important;
 
         font-weight: 600 !important;
 
         font-style: normal !important;
 
         font-style: normal !important;
Line 61: Line 69:
 
     .itemstyle{
 
     .itemstyle{
 
         font-family: arial !important;
 
         font-family: arial !important;
−
         font-weight: 400 !important;
+
         font-weight: 600 !important;
 
         font-style: normal !important;
 
         font-style: normal !important;
 
        
 
        
Line 67: Line 75:
 
         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;
 
     }
 
     }
 +
 +
        }
 
     .footer{
 
     .footer{
−
         background:#000124!important;
+
         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{
 
     #back-to-top a{
Line 98: Line 107:
 
         -o-transition:background 1s;
 
         -o-transition:background 1s;
 
     }
 
     }
 +
    @font-face
 +
{
 +
    font-family: purista;
 +
    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');
 +
}
 
</style>
 
</style>
 
     <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/wiki_edit.css">
Line 143: Line 158:
 
     })
 
     })
 
</script>
 
</script>
−
  <p id="back-to-top">
+
 
−
    <a href="#top">
+
    <header id="top-bar" class="navbar-fixed-top animated-header  navbar navbar-default myheader"  >
−
       
+
−
<img src="https://static.igem.org/mediawiki/2018/e/e5/T--worldshaper-XSHS--back.png">
+
−
To Top
+
−
    </a>
+
−
</p>
+
−
    <header id="top-bar" class="navbar-fixed-top animated-header  navbar navbar-default myheader"  >
+
 
         <div class="container">
 
         <div class="container">
 
             <div class="navbar-header" >
 
             <div class="navbar-header" >
Line 158: 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 164: 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 178: 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 184: 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 212: 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 233: 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 269: 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 277: Line 287:
 
     <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">About Us</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 284: 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">
Line 290: Line 301:
 
                         <li class="mt-1"><a href="#Others">Others</a></li>
 
                         <li class="mt-1"><a href="#Others">Others</a></li>
 
                         <!-- 这里是页面定位锚点  href 对应代码的 “id属性  例如 id='xxx'  ”-->
 
                         <!-- 这里是页面定位锚点  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>   
 
                     </ul>   
 
                 </div>
 
                 </div>
 +
               
 
                 <div class="col-xs-10 ">
 
                 <div class="col-xs-10 ">
 
                     <div class="xshs-box3">
 
                     <div class="xshs-box3">
−
                         <p class="v1" id="Ourteam">Our team</p>
+
                         <p class="v1" id="Ourteam" style="text-align:  center; ">
 +
                            Our team
 +
                        </p>
 +
                        <div style="
 +
                            width: 28%;
 +
                            margin: 0 auto;
 +
                            margin-top: -34px;
 +
                        ">
 +
                        <hr style="
 +
                            height: 3px;
 +
                            background-color: #0c3d0c99!important;
 +
                            margin-top: 40px;
 +
                        ">
 +
                        </div>
 +
                        <p style="text-align:center">
 +
                            <video style="width:80%" src="https://static.igem.org/mediawiki/2018/8/8b/T--Worldshaper-XSHS--videoxuanchuan.mp4" controls="controls"><!--这里视频 视频可以去掉控件按钮 controls 删掉即可-->
 +
                           
 +
                            </video>
 +
                        </p>
 +
 
 +
                       
 
                         <p class="itemstyle">
 
                         <p class="itemstyle">
−
                             Worldshaper XSHS, the name of the IGEM team of our Xiaoshan High School, translated as the " The New World's Shaper ", expresses
+
                             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 good expectations for future technology and the great ideals for contributing
+
                             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
−
                            to mankind. Our team consists of 14 members and is guided by a number 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!
−
                             device for water oxygen content in our school's IGEM team won the first gold medal in the high school group in East
+
−
                            China. This year, we will go all out to strive for further success!
+
 
                         </p>
 
                         </p>
 
                     </div>
 
                     </div>
Line 312: Line 350:
 
                     </div>
 
                     </div>
 
                     <div class="xshs-box3">
 
                     <div class="xshs-box3">
−
                         <p class="v1" id="OurSchool">Our School</p>
+
                         <p class="v1" id="OurSchool"style="text-align:  center; ">Our School</p>
 +
                        <div style="
 +
                            width: 28%;
 +
                            margin: 0 auto;
 +
                            margin-top: -34px;
 +
                        ">
 +
                        <hr style="
 +
                            height: 3px;
 +
                            background-color: #0c3d0c99!important;
 +
                            margin-top: 40px;
 +
                        ">
 +
                        </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
+
                             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". We have trained
+
                             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 students over the years. This is our school:
+
                             large quantities of outstanding talents over the years. This is our school:
 
                         </p>
 
                         </p>
 
                     </div>
 
                     </div>
Line 332: Line 381:
 
                     </div>
 
                     </div>
 
                     <div class="xshs-box3">
 
                     <div class="xshs-box3">
−
                         <p class="v1" id="Others">Others</p>
+
                         <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>
 
                         <p class="itemstyle">
 
                         <p class="itemstyle">
 
                             Logo: We have designed our own team logo and flag. This is our logo:
 
                             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>
 
                         </p>
 
                     </div>
 
                     </div>
 +
                   
 
                     <div class="xshs-box2">
 
                     <div class="xshs-box2">
 
                         <p>
 
                         <p>
Line 342: Line 407:
 
                         </p>
 
                         </p>
 
                     </div>
 
                     </div>
−
                     <div class="xshs-box3">
+
                      
−
                        <p>Logo meaning:</p>
+
−
                        <p style="color: red!important">
+
−
                            这里输入logo意义
+
−
                        </p>
+
−
                    </div>
+
 
                     <div class="xshs-box3">
 
                     <div class="xshs-box3">
 
                         <p class="itemstyle">
 
                         <p class="itemstyle">
Line 360: Line 420:
 
                     <div class="xshs-box3">
 
                     <div class="xshs-box3">
 
                         <p class="itemstyle">
 
                         <p class="itemstyle">
−
                             In addition, the money to buy the uniforms and the flag is all from fund-raising. Thanks to those who support us
+
                             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>
 
                         </p>
 
                     </div>
 
                     </div>
Line 374: Line 434:
 
     </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 386: 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

Worldshaper- XSHS
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