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

Line 3: Line 3:
 
     .dropdown-menu > ul{
 
     .dropdown-menu > ul{
 
         background-color: #09b0ff!important
 
         background-color: #09b0ff!important
−
    }
+
}
 +
.positiontitle{
 +
position: relative;
 +
top:35px;
 +
color:#fff;
 +
z-index: 100;
 +
}
 +
.colul .colactive a{
 +
font-size:24px;
 +
color:#09b0ff !important;
 +
}
 +
.colul li a{
 +
color:#000;
 +
font-size:16px;
 +
}
 +
.ulfixed{
 +
position: fixed !important;
 +
left:167px;
 +
top:100px;
 +
}
 
</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">
−
     <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/bootstrap.min.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/ionicons.min.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/animate.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/slider.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/owl.carousel.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/owl.theme.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/jquery.fancybox.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/main.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/responsive.css">
 
     <script src="http://igem2017.worldshaper.cn/XSHS/js/vendor/modernizr-2.6.2.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/jquery.min.js"></script>
 
     <script src="http://igem2017.worldshaper.cn/XSHS/js/jquery.min.js"></script>
Line 23: Line 42:
 
     <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"style="background:#09b0ff!important">
+
     <header id="top-bar" class="navbar-fixed-top animated-header navbar navbar-default" style="background:#09b0ff!important">
 
         <div class="container">
 
         <div class="container">
−
             <div class="navbar-header">
+
             <div class="navbar-header" >
 
                 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
 
                 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
 
                     <span class="sr-only">Toggle navigation</span>
 
                     <span class="sr-only">Toggle navigation</span>
Line 31: Line 50:
 
                     <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">
+
                 <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">
 
                         worldshaper- <b>XSHS</b>
 
                         worldshaper- <b>XSHS</b>
 
                     </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">
Line 147: Line 166:
 
         </div>
 
         </div>
 
     </header>
 
     </header>
−
    <section class="global-page-header">
 
−
        <div class="container">
 
−
            <div class="row">
 
−
                <div class="col-md-12">
 
−
                    <div class="block">
 
−
                        <h2>About Us</h2>
 
−
                    </div>
 
−
                </div>
 
−
            </div>
 
−
        </div>
 
−
    </section>
 
  
−
 
+
     <section class="visual wow fadeInLeft text-center animated" data-wow-duration="500ms" data-wow-delay="200ms" style="visibility: visible;margin-top:109px; animation-duration: 500ms; animation-delay: 200ms; animation-name: fadeInLeft;">
−
 
+
<h1 class="positiontitle">About Us</h1><!-- 这里是大图的标题 -->
−
     <section class="pageInHere">
+
<img src="https://static.igem.org/mediawiki/2018/e/e6/T--worldshaper-XSHS--a001.png" alt="" class="bg-stretch">
−
        <div class="container">
+
<!-- 这里是大图的图片链接 -->
−
            <div class="row">
+
−
                <div class="col-md-12">
+
−
                    <div class="xshs-box3">
+
−
                        <p class="v1">Our team</p>
+
−
                        <p>
+
−
                            Worldshaper XSHS, the name of the IGEM team of our Xiaoshan High School, translated as the " The New World's Shaper ", expresses the new generation of young people's good expectations for future technology and the great ideals for contributing 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 the high school group in East China. This year, we will go all out to strive for further success!
+
−
                        </p>
+
−
                    </div>
+
−
                    <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><img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/0/07/T--worldshaper-XSHS--a002.png" /></p>
+
−
                    </div>
+
−
                    <div class="xshs-box3">
+
−
                        <p class="v1">Our School</p>
+
−
                        <p>
+
−
                            We are from Xiaoshan High School, Zhejiang Province, 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 large quantities of outstanding students over the years. This is our school:
+
−
                        </p>
+
−
                    </div>
+
−
                    <div class="xshs-box2">
+
−
 
+
−
                        <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%" /></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">Others</p>
+
−
                        <p>
+
−
                            Logo: We have designed our own team logo and flag. This is our logo:
+
−
                        </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>Logo meaning:</p>
+
−
                        <p style="color: red!important">
+
−
                            这里输入logo意义
+
−
                        </p>
+
−
                    </div>
+
−
                    <div class="xshs-box3">
+
−
                        <p>
+
−
                            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>
+
−
                            In addition, the money to buy the uniforms and the flag is all from fund-raising. Thanks 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>
+
 
     </section>
 
     </section>
  
 +
<section class="pageInHere">
 +
<div class="container">
 +
<div class="row">
 +
<div class="col-md-3 xshs-box3  ">
 +
<ul class="colul text-center">
 +
<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'  ”-->
 +
</ul>
 +
</div>
 +
<div class="col-md-8">
 +
<div class="xshs-box3">
 +
<p class="v1" id="Ourteam">Our team</p>
 +
<p>
 +
Worldshaper XSHS, the name of the IGEM team of our Xiaoshan High School, translated as the " The New World's Shaper ", expresses
 +
the new generation of young people's good expectations for future technology and the great ideals for contributing
 +
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 the high school group in East
 +
China. This year, we will go all out to strive for further success!
 +
</p>
 +
</div>
 +
<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>
 +
<img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/0/07/T--worldshaper-XSHS--a002.png" />
 +
</p>
 +
</div>
 +
<div class="xshs-box3">
 +
<p class="v1" id="OurSchool">Our School</p>
 +
<p>
 +
We are from Xiaoshan High School, Zhejiang Province, 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
 +
large quantities of outstanding students over the years. This is our school:
 +
</p>
 +
</div>
 +
<div class="xshs-box2">
 +
<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%"
 +
/>
 +
</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">Others</p>
 +
<p>
 +
Logo: We have designed our own team logo and flag. This is our logo:
 +
</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>Logo meaning:</p>
 +
<p style="color: red!important">
 +
这里输入logo意义
 +
</p>
 +
</div>
 +
<div class="xshs-box3">
 +
<p>
 +
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>
 +
In addition, the money to buy the uniforms and the flag is all from fund-raising. Thanks 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>
 +
</section>
 
     <footer>
 
     <footer>
 
         <div class="container">
 
         <div class="container">
Line 241: Line 270:
 
                 <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/2017/7/71/T-worldshaper-XSHS-logoxshs.jpeg" alt="">
 
                     </li>
 
                     </li>
 
                     <li class="foot-box-c2">
 
                     <li class="foot-box-c2">
−
                         <img src="https://static.igem.org/mediawiki/2017/c/ce/T-worldshaper-igemlogo.jpeg" alt="" />
+
                         <img src="https://static.igem.org/mediawiki/2017/c/ce/T-worldshaper-igemlogo.jpeg" alt="">
 
                     </li>
 
                     </li>
 
                     <li class="foot-box-c3">
 
                     <li class="foot-box-c3">
Line 253: Line 282:
 
                     </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/2017/3/32/T-Worldshaper-XSHS-weixin.jpeg" alt="">
 
                     </li>
 
                     </li>
 
                 </ul>
 
                 </ul>
Line 261: Line 290:
  
 
</html>
 
</html>
 +
 +
<script>
 +
$(function(){
 +
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')
 +
} else {
 +
$('.colul').removeClass('ulfixed')
 +
}
 +
}
 +
$('.colul li').click(function(){
 +
$(this).siblings().removeClass('colactive')
 +
$(this).addClass('colactive')
 +
})
 +
})
 +
</script>

Revision as of 14:12, 7 October 2018

worldshaper- XSHS

About Us

Our team

Worldshaper XSHS, the name of the IGEM team of our Xiaoshan High School, translated as the " The New World's Shaper ", expresses the new generation of young people's good expectations for future technology and the great ideals for contributing 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 the high school group in East China. This year, we will go all out to strive for further success!

Our School

We are from Xiaoshan High School, Zhejiang Province, 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 large quantities of outstanding students over the years. This is our school:

Others

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

Logo meaning:

这里输入logo意义

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

In addition, the money to buy the uniforms and the flag is all from fund-raising. Thanks to those who support us

  • Worldshaper-XSHS, Xiaoshan High School

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

<script> $(function(){ 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') } else { $('.colul').removeClass('ulfixed') } } $('.colul li').click(function(){ $(this).siblings().removeClass('colactive') $(this).addClass('colactive') }) }) </script>