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

Line 7: Line 7:
 
         font-family: arial
 
         font-family: arial
 
     }
 
     }
    figure .img-wrapper img {
+
    .dropdown .dropdown-menu > ul {
            width: 100%;
+
         background-color: rgba(132,176,110,0.6)!important
            height:300px
+
    }  
         }
+
    .myheader{
           
+
         box-shadow:none !important;
        figure figcaption{
+
        background:rgba(132,176,110,0.6) !important;
            padding: 20px 25px;
+
         border:none !important;
            margin-top: 0;
+
    }
            color: #333;
+
     .positiontitle{
            height: 330px
+
        }
+
        .dropdown-menu > ul{
+
         background-color: rgba(132,176,110,0.6)!important
+
         }
+
 
+
     .positiontitle {
+
 
         position: relative;
 
         position: relative;
         top: 500px;
+
         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 46: Line 37:
 
         color: #4a4a4a !important;
 
         color: #4a4a4a !important;
 
     }
 
     }
 
+
     #top_menu_14{
     #top_menu_14 {
+
         height:auto !important;
         height: auto !important;
+
 
     }
 
     }
 +
    .colul a:hover{
  
    .colul a:hover {
+
         color: #00746b !important;  
     
+
         color: #00746b !important;
+
 
     }
 
     }
 
+
     .colul li a{
     .colul li a {
+
 
         font-family: adobe-garamond-pro !important;
 
         font-family: adobe-garamond-pro !important;
 
         font-weight: 400;
 
         font-weight: 400;
Line 65: Line 53:
 
         text-decoration: none;
 
         text-decoration: none;
 
         line-height: 1.2em;
 
         line-height: 1.2em;
         color: rgba(26, 26, 26, .7);
+
         color: rgba(26,26,26,.7);
 
         margin-bottom: .5em;
 
         margin-bottom: .5em;
 
+
     
 
     }
 
     }
 
 
     .ulfixed {
 
     .ulfixed {
 
         position: fixed !important;
 
         position: fixed !important;
 +
       
 
         top: 90px;
 
         top: 90px;
 
     }
 
     }
 
+
     .myheader{
     .myheader {
+
         box-shadow:none !important;
         box-shadow: none !important;
+
         background:rgba(132,176,110,0.4) !important;
         background: rgba(132,176,110,0.6) !important;
+
         border:none !important;
         border: none !important;
+
 
     }
 
     }
 
+
     .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;
       
+
     
 
         letter-spacing: 0px !important;
 
         letter-spacing: 0px !important;
 
         line-height: 1.6em !important;
 
         line-height: 1.6em !important;
         color: rgba(26, 26, 26, .7) !important;
+
         color: rgba(26,26,26,.7) !important;
 +
        text-align: left!important;
 
     }
 
     }
  
     .footer {
+
        }
 +
     .footer{
 
         background:rgba(12, 61, 12, 0.8509803921568627) !important;
 
         background:rgba(12, 61, 12, 0.8509803921568627) !important;
 
     }
 
     }
 
     #back-to-top{
 
     #back-to-top{
 
         position:fixed;
 
         position:fixed;
 
 
     }
 
     }
 
     #back-to-top a{
 
     #back-to-top a{
Line 127: Line 114:
 
}
 
}
 
</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>
<script src="http://igem2017.worldshaper.cn/XSHS/js/owl.carousel.min.js"></script>
+
    <script src="http://igem2017.worldshaper.cn/XSHS/js/owl.carousel.min.js"></script>
<script src="http://igem2017.worldshaper.cn/XSHS/js/bootstrap.min.js"></script>
+
    <script src="http://igem2017.worldshaper.cn/XSHS/js/bootstrap.min.js"></script>
<script src="http://igem2017.worldshaper.cn/XSHS/js/wow.min.js"></script>
+
    <script src="http://igem2017.worldshaper.cn/XSHS/js/wow.min.js"></script>
<script src="http://igem2017.worldshaper.cn/XSHS/js/slider.js"></script>
+
    <script src="http://igem2017.worldshaper.cn/XSHS/js/slider.js"></script>
<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>
 
<script type="text/javascript">
 
<script type="text/javascript">
 
     $(function () {
 
     $(function () {
Line 151: Line 138:
 
         window.onscroll = function () {
 
         window.onscroll = function () {
 
             var t = document.documentElement.scrollTop || document.body.scrollTop;  //获取距离页面顶部的距离
 
             var t = document.documentElement.scrollTop || document.body.scrollTop;  //获取距离页面顶部的距离
             var $x = $('#Members').offset().top
+
             var $x = $('#Ourteam').offset().top
 
             if (t >= $x - 80) {
 
             if (t >= $x - 80) {
 
                 console.log(t, $x)
 
                 console.log(t, $x)
Line 172: 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">
+
                <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>
+
                    <span class="icon-bar"></span>
                <span class="icon-bar"></span>
+
                    <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">
+
                        Worldshaper- <b>XSHS</b>
                    Worldshaper-
+
                    </a>
                    <b>XSHS</b>
+
                </div>
                </a>
+
 
             </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>
                    <li>
+
                            <a href="https://2018.igem.org/Team:Worldshaper-XSHS">Home</a>
                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS">Home</a>
+
                        </li>
                    </li>
+
                        <li class="dropdown">
                    <li class="dropdown">
+
                            <a class="dropdown-toggle" data-toggle="dropdown">
                        <a class="dropdown-toggle" data-toggle="dropdown">
+
                                Team
                            Team
+
                                <span class="caret"></span>
                            <span class="caret"></span>
+
                            </a>
                        </a>
+
                            <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>
+
                                     </li>
                                </li>
+
                                     <li>
                                <li>
+
                                        <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>
                                <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>
                            </ul>
+
                        </div>
+
                    </li>
+
                    <li class="dropdown">
+
                        <a class="dropdown-toggle" data-toggle="dropdown">
+
                            Project
+
                            <span class="caret"></span>
+
                        </a>
+
                        <div class="dropdown-menu">
+
                            <ul>
+
                                <li>
+
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Background.html">Background</a>
+
                                </li>
+
                                <li>
+
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/design.html">Design</a>
+
                                </li>
+
                                <li>
+
                                     <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Protocols-methods.html">Protocols and methods</a>
+
                                </li>
+
                                <li>
+
                                     <a href="https://2018.igem.org/Team:Worldshaper-XSHS/result.html">Results</a>
+
                                </li>
+
                                <li>
+
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Future-plans.html">Future plans</a>
+
                                </li>
+
                                <li>
+
                                     <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Attributions">Attributions</a>
+
                                </li>
+
                                 <li>
+
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/InterLab">Interlab</a>
+
                                </li>
+
                                <li>
+
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Model">Model</a>
+
                                </li>
+
                                <li>
+
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Demonstrate">Demonstrate</a>
+
                                </li>
+
 
+
                            </ul>
+
                        </div>
+
                    </li>
+
                    <li>
+
                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/parts.html">Parts</a>
+
                    </li>
+
                    <li class="dropdown">
+
                        <a class="dropdown-toggle" data-toggle="dropdown">
+
                            HUMAN PRACTICES
+
                            <span class="caret"></span>
+
                        </a>
+
                        <div class="dropdown-menu">
+
                            <ul>
+
                                <li>
+
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/HP/Silver">Silver</a>
+
                                </li>
+
                                <li>
+
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/HP/Gold_Integrated">Integrated and Gold</a>
+
                                </li>
+
                                <li>
+
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Engagement">Engagement</a>
+
                                </li>
+
                            </ul>
+
                        </div>
+
                    </li>
+
                    <li>
+
                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Applied_Design">Applied Design</a>
+
                    </li>
+
                    <li class="dropdown">
+
                        <a class="dropdown-toggle" data-toggle="dropdown">
+
                            Achievement
+
                            <span class="caret"></span>
+
                        </a>
+
                        <div class="dropdown-menu">
+
                            <ul>
+
                                <li>
+
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Medal-requirements.html">Medal requirements</a>
+
                                </li>
+
                            </ul>
+
                        </div>
+
                    </li>
+
                    <li>
+
                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/safety.html">Safety</a>
+
                    </li>
+
                </ul>
+
            </div>
+
        </nav>
+
    </div>
+
</header>
+
 
+
<section class="visual wow fadeInLeft text-center animated" data-wow-duration="500ms" data-wow-delay="200ms" style="visibility: visible; animation-duration: 500ms; animation-delay: 200ms; animation-name: fadeInLeft;">
+
    <strong class="positiontitle">Members</strong>
+
    <!-- 这里是大图的标题 -->
+
    <img src="https://static.igem.org/mediawiki/2018/e/e6/T--worldshaper-XSHS--a001.png" alt="" class="bg-stretch" style="width:100%">
+
    <!-- 这里是大图的图片链接 -->
+
</section>
+
 
+
<section class="container">
+
    <div class="col-xs-2 xshs-box3  ">
+
        <ul class="colul text-left">
+
            <li class="colactive mt-1">
+
                <a href="#Members">Members</a>
+
            </li>
+
            <li class="mt-1">
+
                <a href="#Instructors">Instructors</a>
+
            </li>
+
            <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>
+
            <!-- 这里是页面定位锚点  href 对应代码的 “id属性  例如 id='xxx'  ”-->
+
        </ul>
+
    </div>
+
    <div class="col-xs-10 ">
+
        <section class="service-page">
+
            <h2 id="Members" class="subtitle wow fadeInUp animated" data-wow-delay=".3s" data-wow-duration="500ms" style="text-align: center;">Members</h2>
+
            <div style="
+
              width: 28%;
+
              margin: 0 auto;
+
              margin-top: -34px;
+
          ">
+
          <hr style="
+
              height: 3px;
+
              background-color: #0c3d0c99!important;
+
              margin-top: 40px
+
          ">
+
            </div>
+
 
+
            <p class="subtitle-des wow fadeInUp animated" data-wow-delay=".5s" data-wow-duration="500ms"></p>
+
            <div class="row">
+
                <div class="clearfix">
+
                    <div class="col-sm-4">
+
                        <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
                            <div class="img-wrapper">
+
                                <img src="https://static.igem.org/mediawiki/2018/a/a9/T--worldshaper-XSHS--m001.png" class="img-responsive" alt="" />
+
 
                             </div>
 
                             </div>
                             <figcaption>
+
                        </li>
                                 <h4>Name: Mei Yantao</h4>
+
                        <li class="dropdown">
 
+
                             <a class="dropdown-toggle" data-toggle="dropdown">
                                <p class="itemstyle">Introduction: Although he is fat, he likes sports. His hobbies are playing games, reading
+
                                Project
                                     books, listening to songs, playing musical instruments, aerial photography, robots, etc.
+
                                 <span class="caret"></span>
                                     His favorite thing is to do homework.
+
                            </a>
                                </p>
+
                            <div class="dropdown-menu">
                            </figcaption>
+
                                <ul>
                        </figure>
+
                                    <li>
                    </div>
+
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Background.html">Background</a>
 +
                                     </li>
 +
                                    <li>
 +
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/design.html">Design</a>
 +
                                     </li>
 +
                                    <li>
 +
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Protocols-methods.html">Protocols and methods</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/result.html">Results</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Future-plans.html">Future plans</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Attributions">Attributions</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/InterLab">Interlab</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Model">Model</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Demonstrate">Demonstrate</a>
 +
                                    </li>
  
                    <div class="col-sm-4">
+
                                 </ul>
                        <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
                            <div class="img-wrapper">
+
                                 <img src="https://static.igem.org/mediawiki/2018/f/f7/T--worldshaper-XSHS--m002.png" class="img-responsive" alt="" />
+
 
                             </div>
 
                             </div>
                            <figcaption>
+
                        </li>
                                <h4>Name: Yu Yangkun</h4>
+
                        <li>
 
+
                            <a href="https://2018.igem.org/Team:Worldshaper-XSHS/parts.html">Parts</a>
                                <p class="itemstyle">Introduction: Yu Yangkun is a cheerful, very humorous and sincere person. He has no bad habits
+
                         </li>
                                    and is in good health. He is good at drawing and calligraphy. And he does things very
+
                        <li class="dropdown">
                                    seriously.</p>
+
                            <a class="dropdown-toggle" data-toggle="dropdown">
                            </figcaption>
+
                                HUMAN PRACTICES
                         </figure>
+
                                <span class="caret"></span>
                    </div>
+
                            </a>
 
+
                             <div class="dropdown-menu">
                    <div class="col-sm-4">
+
                                 <ul>
                        <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
                                    <li>
                             <div class="img-wrapper">
+
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/HP/Silver">Silver</a>
                                 <img src="https://static.igem.org/mediawiki/2018/d/d4/T--worldshaper-XSHS--m003.png" class="img-responsive" alt="" />
+
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/HP/Gold_Integrated">Integrated and Gold</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Engagement">Engagement</a>
 +
                                    </li>
 +
                                </ul>
 
                             </div>
 
                             </div>
                            <figcaption>
+
                        </li>
                                <h4>Name: He Xinyi</h4>
+
                        <li>
                                <p class="itemstyle">Introduction: She likes music, sports, and tries new things. She is more interested in novels
+
                            <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Applied_Design">Applied Design</a>
                                    and psychology books. She wants to be a free and independent person and do what she wants
+
                         </li>
                                    to do.</p>
+
                        <li class="dropdown">
                            </figcaption>
+
                            <a class="dropdown-toggle" data-toggle="dropdown">
                         </figure>
+
                                Achievement
                    </div>
+
                                <span class="caret"></span>
 
+
                            </a>
                    <div class="col-sm-4">
+
                             <div class="dropdown-menu">
                        <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
                                 <ul>
                             <div class="img-wrapper">
+
                                    <li>
                                 <img src="https://static.igem.org/mediawiki/2018/8/8b/T--worldshaper-XSHS--m004.png" class="img-responsive" alt="" />
+
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Medal-requirements.html">Medal requirements</a>
 +
                                    </li>
 +
                                </ul>
 
                             </div>
 
                             </div>
                            <figcaption>
+
                        </li>
                                <h4>Name: Pan Hui</h4>
+
                        <li>
 
+
                            <a href="https://2018.igem.org/Team:Worldshaper-XSHS/safety.html">Safety</a>
                                <p class="itemstyle">Introduction: She likes to participate in team activities and meet new people. She is curious
+
                         </li>
                                    about psychology, willing to read some books in the social sciences; she is more willing
+
                     </ul>
                                    to follow those efficient techniques. "Either don't do it, or do it." She expects to
+
                                    do everything best.
+
                                </p>
+
                            </figcaption>
+
                         </figure>
+
                     </div>
+
 
                 </div>
 
                 </div>
                <div class="clearfix">
+
            </nav>
                    <div class="col-sm-4">
+
        </div>
                        <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
    </header>
                            <div class="img-wrapper">
+
                                <img src="https://static.igem.org/mediawiki/2018/9/90/T--worldshaper-XSHS--m005.png" class="img-responsive" alt="" />
+
                            </div>
+
                            <figcaption>
+
                                <h4>Name: Yang Jianing</h4>
+
  
                                <p class="itemstyle">Introduction: He is a very active person in the team, but he will complete the task on time
+
    <section class="visual wow fadeInLeft text-center animated" data-wow-duration="500ms" data-wow-delay="200ms" style="visibility: visible; animation-duration: 500ms; animation-delay: 200ms; animation-name: fadeInLeft;">
                                    and on time. He is very good at science because he only loves science.
+
        <strong  class="positiontitle">About Us</strong><!-- 这里是大图的标题 -->
                                </p>
+
        <img src="https://static.igem.org/mediawiki/2018/e/e6/T--worldshaper-XSHS--a001.png" alt="" class="bg-stretch" style="width:100%">
                            </figcaption>
+
        <!-- 这里是大图的图片链接 -->
                        </figure>
+
    </section>
                    </div>
+
  
                    <div class="col-sm-4">
+
    <section class="pageInHere">
                         <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
        <div class="container">
                             <div class="img-wrapper">
+
            <div class="row">
                                 <img src="https://static.igem.org/mediawiki/2018/4/4c/T--worldshaper-XSHS--m006.png" class="img-responsive" alt="" />
+
             
                            </div>
+
                <div class="col-xs-2 xshs-box3  ">
                             <figcaption>
+
                    <ul class="colul text-left">
                                <h4>Name: Yu Yangyang</h4>
+
                         <li class="colactive mt-1"><a href="#Ourteam">Our team</a></li>
 
+
                        <li class="mt-1"><a href="#OurSchool">Our School</a></li>
                                <p class="itemstyle">Introduction:Yu Yangyang loves animation and games, and loves natural science. He likes to
+
                        <li class="mt-1"><a href="#Others">Others</a></li>
                                    explore the unknown and hopes to become knowledgeable. His shortcoming is lack of self-control.
+
                        <!-- 这里是页面定位锚点  href 对应代码的 “id属性  例如 id='xxx'  ”-->
                                    </p>
+
                        <li>
                             </figcaption>
+
                             <p id="back-to-top" style="margin-top: 50px;">
                         </figure>
+
                                <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="
 +
                            width: 28%;
 +
                            margin: 0 auto;
 +
                            margin-top: -34px;
 +
                        ">
 +
                        <hr style="
 +
                            height: 3px;
 +
                            background-color: #0c3d0c99!important;
 +
                            margin-top: 40px;
 +
                        ">
 +
                        </div>
 +
                        <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
 +
                            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>
 
+
                     <div class="xshs-box2">
                     <div class="col-sm-4">
+
                         <p>
                         <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
                             <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/e/e6/T--worldshaper-XSHS--a001.png" />
                             <div class="img-wrapper">
+
                        </p>
                                <img src="https://static.igem.org/mediawiki/2018/f/fd/T--worldshaper-XSHS--m007.png" class="img-responsive" alt="" />
+
                        <p>
                            </div>
+
                            <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/0/07/T--worldshaper-XSHS--a002.png" />
                            <figcaption>
+
                         </p>
                                <h4>Name:CaoShuaijun</h4>
+
 
+
                                <p class="itemstyle">Introduction:His hobby is playing basketball and badminton. He likes physical chemistry.
+
                                    Although he is fat, he likes to run around. Movies and food are his favorite. He likes
+
                                    to go to the bookstore with his friends. </p>
+
                            </figcaption>
+
                         </figure>
+
 
                     </div>
 
                     </div>
 
+
                     <div class="xshs-box3">
                     <div class="col-sm-4">
+
                         <p class="v1" id="OurSchool"style="text-align:  center; ">Our School</p>
                         <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
                        <div style="
                            <div class="img-wrapper">
+
                            width: 28%;
                                <img src="https://static.igem.org/mediawiki/2018/1/14/T--worldshaper-XSHS--m008.png" class="img-responsive" alt="" />
+
                            margin: 0 auto;
                            </div>
+
                            margin-top: -34px;
                            <figcaption>
+
                        ">
                                <h4>Name: Pan Yangbo</h4>
+
                        <hr style="
 
+
                            height: 3px;
                                <p class="itemstyle">Introduction:A boy who likes to try; a boy who can do everything. He is a procrastinator,
+
                            background-color: #0c3d0c99!important;
                                    but he can get things done in the end.He looked forward to this unusual experience, to
+
                            margin-top: 40px;
                                    this different growth, and to greeting this gold medal with his teammates.</p>
+
                        ">
                             </figcaption>
+
                        </div>
                         </figure>
+
                        <p class="itemstyle">
 +
                            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>
 
+
                     <div class="xshs-box2">
                     <div class="col-sm-4">
+
                         <p>
                         <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
                            <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 class="img-wrapper">
+
                            />
                                <img src="https://static.igem.org/mediawiki/2018/9/92/T--worldshaper-XSHS--m009.png" class="img-responsive" alt="" />
+
                        </p>
                            </div>
+
                        <p>
                            <figcaption>
+
                             <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/6/61/T--worldshaper-XSHS--a004.png" />
                                <h4>Name: ShenHongcheng</h4>
+
                        </p>
 
+
                        <p>
                                <p class="itemstyle">Introduction:He is a lovely boy. He likes to go all out to work because he will get plenty
+
                            <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/6/67/T--worldshaper-XSHS--a005.png" />
                                    of exercise and happiness. He likes to make friends, like his friends to get along with
+
                         </p>
                                    each other, from mutual ignorance to mutual familiarity.</p>
+
                            </figcaption>
+
                         </figure>
+
 
                     </div>
 
                     </div>
 
+
                     <div class="xshs-box3">
                     <div class="col-sm-4">
+
                         <p class="v1" id="Others"style="text-align: center;">Others</p>
                         <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
                        <div style="
                            <div class="img-wrapper">
+
                            width: 28%;
                                <img src="https://static.igem.org/mediawiki/2018/c/c0/T--worldshaper-XSHS--m010.png" class="img-responsive" alt="" />
+
                            margin: 0 auto;
                            </div>
+
                            margin-top: -34px;
                            <figcaption>
+
                        ">
                                <h4>Name: ShenYibin</h4>
+
                        <hr style="
 
+
                            height: 3px;
                                <p class="itemstyle">Introduction:He is a super lively person, not to be deceived by his seemingly quiet appearance.
+
                            background-color: #0c3d0c99!important;
                                    He is very good at thinking. He will calm down and do experiments, trying to find out
+
                            margin-top: 40px;
                                    the deficiencies in the experiment and correct them.</p>
+
                        ">
                            </figcaption>
+
                        </div>
                         </figure>
+
                        <p class="itemstyle">
 +
                            Logo: We have designed our own team logo and flag. This is our logo:
 +
                        </p>
 +
                        <p>Logo meaning:</p>
 +
                        <p style="color: red!important;font-size: 45;font-weight: 800;">
 +
                            这里输入logo意义
 +
                         </p>
 
                     </div>
 
                     </div>
 
+
                   
                     <div class="col-sm-4">
+
                     <div class="xshs-box2">
                         <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
                         <p>
                             <div class="img-wrapper">
+
                             <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/7/78/T--worldshaper-XSHS--a006.png" />
                                <img src="https://static.igem.org/mediawiki/2018/0/0e/T--worldshaper-XSHS--m011.png" class="img-responsive" alt="" />
+
                        </p>
                            </div>
+
                            <figcaption>
+
                                <h4>Name: Sun Zeyu</h4>
+
 
+
                                <p class="itemstyle">Introduction:She likes to paint, especially the landscape paintings in Chinese paintings.
+
                                    She always thinks that landscape paintings are composed only of dotted lines, but there
+
                                    is an indescribable momentum and charm in the mountains and rivers. It is as simple as
+
                                    she is pursuing.</p>
+
                            </figcaption>
+
                        </figure>
+
 
                     </div>
 
                     </div>
 
+
                   
                     <div class="col-sm-4">
+
                     <div class="xshs-box3">
                         <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
                         <p class="itemstyle">
                            <div class="img-wrapper">
+
                            Whenever we go out to participate in activities, we all wear our uniform. We all love our uniform:
                                <img src="https://static.igem.org/mediawiki/2018/b/b2/T--worldshaper-XSHS--m013.png" class="img-responsive" alt="" />
+
                         </p>
                            </div>
+
                            <figcaption>
+
                                <h4>Name: XuJie</h4>
+
 
+
                                <p class="itemstyle">Introduction:He is lively and helpful. He loves piano, basketball, travel... He also likes
+
                                    to explore something unknown, especially in the natural sciences. He firmly believes
+
                                    that to achieve something, the essential thing is perseverance. </p>
+
                            </figcaption>
+
                         </figure>
+
 
                     </div>
 
                     </div>
 
+
                     <div class="xshs-box2">
                     <div class="col-sm-4">
+
                         <p>
                         <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
                             <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/6/67/T--worldshaper-XSHS--a007.png" />
                             <div class="img-wrapper">
+
                        </p>
                                <img src="https://static.igem.org/mediawiki/2018/b/b4/T--worldshaper-XSHS--m014.png" class="img-responsive" alt="" />
+
                            </div>
+
                            <figcaption>
+
                                <h4>Name:Yu Yijie</h4>
+
 
+
                                <p class="itemstyle">Introduction: She is a very cute and funny little girl. She is very positive and optimistic
+
                                    about life. There are three things she likes the most: one is sleeping; the second is
+
                                    smiling; the third is that she will relax by enjoying the lotus</p>
+
                            </figcaption>
+
                        </figure>
+
 
                     </div>
 
                     </div>
 
+
                     <div class="xshs-box3">
                     <div class="col-sm-4">
+
                         <p class="itemstyle">
                         <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
                            In addition, the money to buy the uniforms and the flag is all from fund-raising. Thanks to those who support us
                            <div class="img-wrapper">
+
                         </p>
                                <img src="https://static.igem.org/mediawiki/2018/0/0e/T--worldshaper-XSHS--m015.png" class="img-responsive" alt="" />
+
                            </div>
+
                            <figcaption>
+
                                <h4> Name:Yan Yihai</h4>
+
 
+
                                <p class="itemstyle">Introduction: He is very interested in science. Because his parents are engaged in scientific
+
                                    research, he also has the opportunity to see some advanced experimental equipment earlier,
+
                                    and thus generated interest in scientific research.</p>
+
                            </figcaption>
+
                         </figure>
+
 
                     </div>
 
                     </div>
        </section>
+
                     <div class="xshs-box2">
        <section class="service-page">
+
                         <p>
            <h2 id="Instructors" class="subtitle wow fadeInUp animated" data-wow-delay=".3s" data-wow-duration="500ms">Instructors</h2>
+
                             <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/e/e1/T--worldshaper-XSHS--a008.png" />
            <p class="subtitle-des wow fadeInUp animated" data-wow-delay=".5s" data-wow-duration="500ms"></p>
+
                         </p>
            <div class="row">
+
 
+
                <div class="clearfix">
+
                     <div class="col-sm-4">
+
                         <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
                            <div class="img-wrapper">
+
                                <img src="https://static.igem.org/mediawiki/2017/6/6c/T-worldshaper-XSHS-s013.png" class="img-responsive" alt="" />
+
                            </div>
+
                            <figcaption>
+
                                <h4>Dr. Dong Shan</h4>
+
                                <p class="itemstyle">Duties:Primary PI</p>
+
                                <p class="itemstyle">Dr. Dong Shan is very enthusiastic in guiding every thing of iGEM. His guidance advice is
+
                                    very helpful to us.</p>
+
                             </figcaption>
+
                        </figure>
+
                    </div>
+
 
+
                    <div class="col-sm-4">
+
                        <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
                            <div class="img-wrapper">
+
                                <img src="https://static.igem.org/mediawiki/2017/6/64/T-worldshaper-XSHS-s018.jpeg" class="img-responsive" alt="" />
+
                            </div>
+
                            <figcaption>
+
                                <h4>Guo Ting</h4>
+
                                <p class="itemstyle">Duties:Secondary PI</p>
+
                                <p class="itemstyle">a very lovely and responsible teacher.Biological group with the highest degree the teacher,
+
                                    she is a campus is peaceful and friendly, and the relationship between the team members
+
                                    is good, also gave the players a lot of constructive Suggestions and guidance.Believe
+
                                    under the charge of miss guo, teams will get satisfactory grades.</p>
+
                            </figcaption>
+
                        </figure>
+
                    </div>
+
 
+
                    <div class="col-sm-4">
+
                        <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
                            <div class="img-wrapper">
+
                                <img src="https://static.igem.org/mediawiki/2017/a/a5/T-worldshaper-XSHS-s015.png" class="img-responsive" alt="" />
+
                            </div>
+
                            <figcaption>
+
                                <h4>Professor Zhu Xufen</h4>
+
                                <p class="itemstyle">college of life sciences,Zhejiang University.She mainly works on study of molecular biology
+
                                    and microbiology.
+
                                </p>
+
                            </figcaption>
+
                        </figure>
+
                    </div>
+
 
+
                    <div class="col-sm-4">
+
                        <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
                            <div class="img-wrapper">
+
                                <img src="https://static.igem.org/mediawiki/2017/c/cd/T-worldshaper-XSHS-s017.png" class="img-responsive" alt="" />
+
                            </div>
+
                            <figcaption>
+
                                <h4>Professor Xu Cheng</h4>
+
                                <p class="itemstyle">College of Life Sciences,Zhejiang University</p>
+
                                <p class="itemstyle">You might think he was serious when you first met him,but lately you’ll find he is affine.He
+
                                    makes team members fall in love with bioinformatics.</p>
+
                            </figcaption>
+
                        </figure>
+
                    </div>
+
 
+
                    <div class="col-sm-4">
+
                        <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
                            <div class="img-wrapper">
+
                                <img src="https://static.igem.org/mediawiki/2018/2/2a/T--worldshaper-XSHS--mWeng_Huifang.png" class="img-responsive" alt="" />
+
                            </div>
+
                            <figcaption>
+
                                <h4>Weng Huifang</h4>
+
                                <p class="itemstyle">A very friendly teacher. Participate in practical activities with students. The main task
+
                                    is to organize and manage students to complete their tasks. Instruct students to complete
+
                                    various activities.
+
                                </p>
+
                            </figcaption>
+
                         </figure>
+
                    </div>
+
 
+
                    <div class="col-sm-4">
+
                        <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
                            <div class="img-wrapper">
+
                                <img src="https://static.igem.org/mediawiki/2017/5/57/T-worldshaper-XSHS-s016.png" class="img-responsive" alt="" />
+
                            </div>
+
                            <figcaption>
+
                                <h4>Jin Wentao</h4>
+
                                <p class="itemstyle">College of Life Sciences,Zhejiang University</p>
+
                                <p class="itemstyle">He is a rigorous guy who is very professional in doing experiments.</p>
+
                            </figcaption>
+
                        </figure>
+
 
                     </div>
 
                     </div>
  
 
                 </div>
 
                 </div>
 +
            </div>
 +
        </div>
 +
    </section>
  
 
+
    <footer class="footer" style="background: rgba(12, 61, 12, 0.8509803921568627)!important;">
 +
        <div class="container">
 +
            <div class="foot-box">
 +
                <ul class="clearfix">
 +
                    <li class="foot-box-c1">
 +
                        <img src="https://static.igem.org/mediawiki/2017/7/71/T-worldshaper-XSHS-logoxshs.jpeg" alt="">
 +
                    </li>
 +
                    <li class="foot-box-c2">
 +
                        <img src="https://static.igem.org/mediawiki/2017/c/ce/T-worldshaper-igemlogo.jpeg" alt="">
 +
                    </li>
 +
                    <li class="foot-box-c3">
 +
                        <p>Worldshaper-XSHS, Xiaoshan High School</p>
 +
                        <p>
 +
                            Adress: No.538,Gongxiu Road,Xiaoshan District,Hangzhou,Zhejiang Province,China
 +
                        </p>
 +
                    </li>
 +
                    <li class="foot-box-c4">
 +
                        <img src="https://static.igem.org/mediawiki/2017/3/32/T-Worldshaper-XSHS-weixin.jpeg" alt="">
 +
                    </li>
 +
                </ul>
 
             </div>
 
             </div>
        </section>
 
    </div>
 
</section>
 
 
 
 
<footer class="footer">
 
    <div class="container">
 
        <div class="foot-box">
 
            <ul class="clearfix">
 
                <li class="foot-box-c1">
 
                    <img src="https://static.igem.org/mediawiki/2017/7/71/T-worldshaper-XSHS-logoxshs.jpeg" alt="">
 
                </li>
 
                <li class="foot-box-c2">
 
                    <img src="https://static.igem.org/mediawiki/2017/c/ce/T-worldshaper-igemlogo.jpeg" alt="">
 
                </li>
 
                <li class="foot-box-c3">
 
                    <p>Worldshaper-XSHS, Xiaoshan High School</p>
 
                    <p>
 
                        Adress: No.538,Gongxiu Road,Xiaoshan District,Hangzhou,Zhejiang Province,China
 
                    </p>
 
                </li>
 
                <li class="foot-box-c4">
 
                    <img src="https://static.igem.org/mediawiki/2017/3/32/T-Worldshaper-XSHS-weixin.jpeg" alt="">
 
                </li>
 
            </ul>
 
 
         </div>
 
         </div>
     </div>
+
     </footer>
</footer>
+
  
 
</html>
 
</html>

Revision as of 03:39, 12 October 2018

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