Difference between revisions of "Team:Worldshaper-XSHS/Collaborations"

Line 1: Line 1:
 
<html>
 
<html>
 
<style type="text/css">
 
<style type="text/css">
 +
    html body{
 +
        font-family:purista  !important;
 +
    }
 +
    p{
 +
        font-family: arial!important
 +
    }
 
     .dropdown .dropdown-menu > ul {
 
     .dropdown .dropdown-menu > ul {
−
         background-color: #212121!important
+
         background-color: rgba(132,176,110,0.6)!important
 
     }  
 
     }  
−
    figure .img-wrapper img {
+
    .myheader{
−
            width: 100%;
+
        box-shadow:none !important;
−
            height:300px
+
         background:rgba(132,176,110,0.6) !important;
−
         }
+
         border:none !important;
−
           
+
    }
−
        figure figcaption{
+
     .positiontitle{
−
            padding: 20px 25px;
+
−
            margin-top: 0;
+
−
            color: #333;
+
−
            height: 330px
+
−
         }
+
−
        .dropdown-menu > ul{
+
−
        background-color: #09b0ff!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: proxima-nova !important;
+
 
         font-weight: 600 !important;
 
         font-weight: 600 !important;
 
         font-style: normal !important;
 
         font-style: normal !important;
Line 43: 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 62: 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(0, 0, 0, .4) !important;
+
         border:none !important;
−
         border: none !important;
+
 
     }
 
     }
−
 
+
     .itemstyle{
−
     .itemstyle {
+
         font-family: arial !important;
−
         font-family: adobe-garamond-pro !important;
+
         font-weight: 600 !important;
−
         font-weight: 400 !important;
+
 
         font-style: normal !important;
 
         font-style: normal !important;
 
        
 
        
 
         letter-spacing: 0px !important;
 
         letter-spacing: 0px !important;
 
         line-height: 1.6em !important;
 
         line-height: 1.6em !important;
−
         color: rgba(26, 26, 26, .7) !important;
+
         color: rgba(26,26,26,.7) !important;
 +
        text-align: center!important;
 
     }
 
     }
  
−
     .footer {
+
        }
−
         background: rgba(0, 0, 0, 1) !important;
+
     .footer{
 +
         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{
−
}
+
        text-align:center;
−
#back-to-top a{
+
        text-decoration:none;
−
text-align:center;
+
        color:#d1d1d1;
−
text-decoration:none;
+
        display:block;
−
color:#d1d1d1;
+
        width:80px;
−
display:block;
+
        /*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/
−
width:80px;
+
        -moz-transition:color 1s;  
−
/*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/
+
        -webkit-transition:color 1s;
−
-moz-transition:color 1s;  
+
        -o-transition:color 1s;
−
-webkit-transition:color 1s;
+
    }
−
-o-transition:color 1s;
+
    #back-to-top a img{
−
}
+
        background:#d1d1d1;
−
#back-to-top a img{
+
        border-radius:6px;
−
background:#d1d1d1;
+
        display:block;
−
border-radius:6px;
+
        height:80px;
−
display:block;
+
        width:80px;
−
height:80px;
+
        margin-bottom:5px;
−
width:80px;
+
        -moz-transition:background 1s;
−
margin-bottom:5px;
+
        -webkit-transition:background 1s;
−
-moz-transition:background 1s;
+
        -o-transition:background 1s;
−
-webkit-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">
−
<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 144: 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 164: 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">
+
        <div class="container">
−
To Top
+
            <div class="navbar-header" >
−
    </a>
+
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
−
</p>
+
                    <span class="sr-only">Toggle navigation</span>
−
<header id="top-bar" class="navbar-fixed-top animated-header  navbar navbar-default myheader">
+
                    <span class="icon-bar"></span>
−
    <div class="container">
+
                    <span class="icon-bar"></span>
−
        <div class="navbar-header">
+
                    <span class="icon-bar"></span>
−
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+
                </button>
−
                <span class="sr-only">Toggle navigation</span>
+
                <div class="navbar-brand " style="display:block;color:#fff;margin-left:15px;font-size:20px">
−
                <span class="icon-bar"></span>
+
                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS">
−
                <span class="icon-bar"></span>
+
                        Worldshaper- <b>XSHS</b>
−
                <span class="icon-bar"></span>
+
                    </a>
−
            </button>
+
                </div>
−
            <div class="navbar-brand " style="display:block;color:#fff;margin-left:15px;font-size:20px">
+
−
                <a href="https://2018.igem.org/Team:Worldshaper-XSHS">
+
−
                    Worldshaper-
+
−
                    <b>XSHS</b>
+
−
                </a>
+
 
             </div>
 
             </div>
 +
            <nav class="collapse navbar-collapse navbar-right" role="navigation">
 +
                <div class="main-menu">
 +
                    <ul class="nav navbar-nav navbar-right">
 +
                        <li>
 +
                            <a href="https://2018.igem.org/Team:Worldshaper-XSHS">Home</a>
 +
                        </li>
 +
                        <li class="dropdown">
 +
                            <a class="dropdown-toggle" data-toggle="dropdown">
 +
                                Team
 +
                                <span class="caret"></span>
 +
                            </a>
 +
                            <div class="dropdown-menu">
 +
                                <ul>
 +
                                    <li>
 +
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/aboutus.html">about us</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Team">Members</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Collaborations">Collaborations</a>
 +
                                    </li>
 +
                                </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>
 
         </div>
−
        <nav class="collapse navbar-collapse navbar-right" role="navigation">
+
    </header>
−
            <div class="main-menu">
+
−
                <ul class="nav navbar-nav navbar-right">
+
−
                    <li>
+
−
                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS">Home</a>
+
−
                    </li>
+
−
                    <li class="dropdown">
+
−
                        <a class="dropdown-toggle" data-toggle="dropdown">
+
−
                            Team
+
−
                            <span class="caret"></span>
+
−
                        </a>
+
−
                        <div class="dropdown-menu">
+
−
                            <ul>
+
−
                                <li>
+
−
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/aboutus.html">about us</a>
+
−
                                </li>
+
−
                                <li>
+
−
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Team">Members</a>
+
−
                                </li>
+
−
                                <li>
+
−
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Collaborations">Collaborations</a>
+
−
                                </li>
+
−
                            </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>
+
    <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;">
−
                        </div>
+
        <strong  class="positiontitle">About Us</strong><!-- 这里是大图的标题 -->
−
                    </li>
+
        <img src="https://static.igem.org/mediawiki/2018/e/e6/T--worldshaper-XSHS--a001.png" alt="" class="bg-stretch" style="width:100%">
−
                    <li>
+
        <!-- 这里是大图的图片链接 -->
−
                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/parts.html">Parts</a>
+
     </section>
−
                    </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;">
+
    <section class="pageInHere">
−
    <strong class="positiontitle">Collaborations</strong>
+
        <div class="container">
−
    <!-- 这里是大图的标题 -->
+
            <div class="row">
−
    <img src="https://static.igem.org/mediawiki/2018/e/e6/T--worldshaper-XSHS--a001.png" alt="" class="bg-stretch" style="width:100%">
+
             
−
    <!-- 这里是大图的图片链接 -->
+
                <div class="col-xs-2 xshs-box3  ">
−
</section>
+
                    <ul class="colul text-left">
−
 
+
                        <li class="colactive mt-1"><a href="#Ourteam">Our team</a></li>
−
<section class="container">
+
                        <li class="mt-1"><a href="#OurSchool">Our School</a></li>
−
    <div class="col-xs-2 xshs-box3  ">
+
                        <li class="mt-1"><a href="#Others">Others</a></li>
−
        <ul class="colul text-left">
+
                        <!-- 这里是页面定位锚点  href 对应代码的 “id属性  例如 id='xxx'  ”-->
−
            <li class="colactive mt-1">
+
                        <li>
−
                <a href="#Members">Members</a>
+
                            <p id="back-to-top" style="margin-top: 50px;">
−
            </li>
+
                                <a href="#top">
−
            <li class="mt-1">
+
                                <img src="https://static.igem.org/mediawiki/2018/e/e5/T--worldshaper-XSHS--back.png">
−
                <a href="#Instructors">Instructors</a>
+
                                TO Top
−
            </li>
+
                                </a>
−
            <!-- 这里是页面定位锚点  href 对应代码的 “id属性  例如 id='xxx'  ”-->
+
                            </p>
−
        </ul>
+
                        </li>
−
    </div>
+
                    </ul>  
−
 
+
                </div>
−
    <div class="col-xs-10 ">
+
               
 +
                <div class="col-xs-10 ">
 
                     <div class="xshs-box3">
 
                     <div class="xshs-box3">
−
                         <p class="v1" id="Collaborations with other teams/Collaboration with ASTWS-China team and HFLS_ZhejiangUnited team." style="text-align:  center; ">
+
                         <p class="v1" id="Ourteam" style="text-align:  center; ">
−
                             Collaborations with other teams
+
                             Our team
 
                         </p>
 
                         </p>
 
                         <div style="
 
                         <div style="
−
                                width: 100%;
+
                            width: 28%;
−
                                margin-left: 0;
+
                            margin: 0 auto;
−
                                margin-top: 20px;
+
                            margin-top: -34px;
−
                                margin-bottom: -20px;
+
                        ">
−
                            ">
+
                        <hr style="
−
                            <hr style="
+
                            height: 3px;
−
                                height: 3px;
+
                            background-color: #0c3d0c99!important;
−
                                background-color: #0c3d0c99!important;
+
                             margin-top: 40px;
−
                                width: 97%;
+
                        ">
−
                             ">
+
−
                                <p style="
+
−
                                margin-top: -18px;
+
−
                                font-size: 13px;
+
−
                                line-height: 20px;
+
−
                                font-family: light;
+
−
                                text-align: center;
+
−
                                margin-bottom: 40px
+
−
                            " align="left">Collaboration with ASTWS-China team and HFLS_ZhejiangUnited team. </p>
+
 
                         </div>
 
                         </div>
−
                         <p class="itemstyle" style="text-align: left!important;">
+
                         <p class="itemstyle">
−
                             During the interlab experiment, we cooperated with ASTWS-China team and HFLS_ZhejiangUnited team, we provided the ASTWS-China team with E. coli DH5a and 100μl silicon beads that had better quality as well as gave HFLS_ZhejiangUnited team the transcriptional shaking table bacteria solution and some experimental equipment (chloramphenicol resistance, gun head, etc.). At the same time, we also borrowed the glycerin bacteria we needed from the ASTWS-China team.
+
                             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>
 
                         </p>
−
                        <div class="xshs-box2">
+
                    </div>
−
                            <p>
+
                    <div class="xshs-box2">
−
                              <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/a/ab/T--worldshaper-XSHS--c001.png" />
+
                        <p>
−
                            </p>
+
                            <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/e/e6/T--worldshaper-XSHS--a001.png" />
−
                        </div>
+
−
                        <p class="itemstyle" style="text-align: left!important;">
+
−
                          During the experiment, we lent ASTWS-China team kit1 and kit2, which enables its students to extract the useful DNA.
+
 
                         </p>
 
                         </p>
−
                         <p class="itemstyle" style="text-align: left!important;">
+
                         <p>
−
                          During the Collaborations, our research members visited HFLS_ZhejiangUnited team’s experiments and watched its members’ studying notes.
+
                            <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/0/07/T--worldshaper-XSHS--a002.png" />
 
                         </p>
 
                         </p>
−
                        <div class="xshs-box2">
+
                    </div>
−
                            <p>
+
                    <div class="xshs-box3">
−
                              <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/3/35/T--worldshaper-XSHS--c002.png" />
+
                        <p class="v1" id="OurSchool"style="text-align: center; ">Our School</p>
−
                            </p>
+
                        <div style="
 +
                            width: 28%;
 +
                            margin: 0 auto;
 +
                            margin-top: -34px;
 +
                        ">
 +
                        <hr style="
 +
                            height: 3px;
 +
                            background-color: #0c3d0c99!important;
 +
                            margin-top: 40px;
 +
                        ">
 
                         </div>
 
                         </div>
−
                         <p class="itemstyle" style="text-align: left!important;">
+
                         <p class="itemstyle">
−
                          Because our conversion process——A procedure that obtaining the desired plasmid from the distribution kits—— always failed，we communicated with ASTWS-China team, eliminating the possibilities derived from operate miss and finding the cause of the problem: Homemade E. coli receptive state.
+
                            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>
 
                         </p>
−
                        <div class="xshs-box2">
 
−
                            <p>
 
−
                              <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/b/bb/T--worldshaper-XSHS--c003.png" />
 
−
                            </p>
 
−
                        </div>
 
 
                     </div>
 
                     </div>
−
                   
+
                     <div class="xshs-box2">
−
 
+
                         <p>
−
                     <div class="xshs-box3">
+
                            <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 class="v1" id="#Collaborations with other teams/Collaboration with ZJU-China team." style="text-align: center; ">
+
                            />
−
                             Collaborations with other teams
+
                        </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>
 
                         </p>
 +
                    </div>
 +
                    <div class="xshs-box3">
 +
                        <p class="v1" id="Others"style="text-align: center;">Others</p>
 
                         <div style="
 
                         <div style="
−
                                width: 100%;
+
                            width: 28%;
−
                                margin-left: 0;
+
                            margin: 0 auto;
−
                                margin-top: 20px;
+
                            margin-top: -34px;
−
                                margin-bottom: -20px;
+
                        ">
−
                            ">
+
                        <hr style="
−
                            <hr style="
+
                            height: 3px;
−
                                height: 3px;
+
                            background-color: #0c3d0c99!important;
−
                                background-color: #0c3d0c99!important;
+
                             margin-top: 40px;
−
                                width: 97%;
+
                        ">
−
                             ">
+
−
                                <p style="
+
−
                                margin-top: -18px;
+
−
                                font-size: 13px;
+
−
                                line-height: 20px;
+
−
                                font-family: light;
+
−
                                text-align: center;
+
−
                                margin-bottom: 40px
+
−
                            " align="left">Collaboration with ZJU-China team.</p>
+
 
                         </div>
 
                         </div>
−
                         <p class="itemstyle" style="text-align: left!important;">
+
                         <p class="itemstyle">
−
                             The aspect about experimental problem: Because of the invalid homemade E. coli receptive state, we did experiments in the ZJU-China team’s laboratories by utilizing its commercial E. coli receptive state. This attempt provided enough opportunities for us to discuss the difference between the experiments, which exerted great advantage to solve such problems in the nest phase.
+
                             Logo: We have designed our own team logo and flag. This is our logo:
 
                         </p>
 
                         </p>
−
                         <div class="xshs-box2">
+
                         <p class="itemstyle">Logo meaning:</p>
−
                            <p>
+
                         <p class="itemstyle" style="color: red!important;font-size: 45;font-weight: 800;">
−
                              <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/7/74/T--worldshaper-XSHS--c004.png" />
+
                            这里输入logo意义
−
                            </p>
+
−
                        </div>
+
−
                         <p class="itemstyle" style="text-align: left!important;">
+
−
                          Before carrying out publicity activities, our team made comprehensive discussions with the ZJU-China team like establishing programs of activities, preparing materials, and decorating the venues.
+
 
                         </p>
 
                         </p>
−
                        <div class="xshs-box2">
 
−
                            <p>
 
−
                              <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/e/e1/T--worldshaper-XSHS--c005.png" />
 
−
                            </p>
 
−
                        </div>
 
−
                       
 
 
                     </div>
 
                     </div>
 
                      
 
                      
 +
                    <div class="xshs-box2">
 +
                        <p>
 +
                            <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/7/78/T--worldshaper-XSHS--a006.png" />
 +
                        </p>
 +
                    </div>
 +
                   
 +
                    <div class="xshs-box3">
 +
                        <p class="itemstyle">
 +
                            Whenever we go out to participate in activities, we all wear our uniform. We all love our uniform:
 +
                        </p>
 +
                    </div>
 +
                    <div class="xshs-box2">
 +
                        <p>
 +
                            <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/6/67/T--worldshaper-XSHS--a007.png" />
 +
                        </p>
 +
                    </div>
 +
                    <div class="xshs-box3">
 +
                        <p class="itemstyle">
 +
                            In addition, the money 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>
−
 
−
 
 
             </div>
 
             </div>
−
         </section>
+
         </div>
−
     </div>
+
     </section>
−
</section>
+
  
−
 
+
    <footer class="footer" style="background: rgba(12, 61, 12, 0.8509803921568627)!important;">
−
 
+
        <div class="container">
−
<footer class="footer">
+
            <div class="foot-box">
−
    <div class="container">
+
                <ul class="clearfix">
−
        <div class="foot-box">
+
                    <li class="foot-box-c1">
−
            <ul class="clearfix">
+
                        <img src="https://static.igem.org/mediawiki/2017/7/71/T-worldshaper-XSHS-logoxshs.jpeg" alt="">
−
                <li class="foot-box-c1">
+
                    </li>
−
                    <img src="https://static.igem.org/mediawiki/2017/7/71/T-worldshaper-XSHS-logoxshs.jpeg" alt="">
+
                    <li class="foot-box-c2">
−
                </li>
+
                        <img src="https://static.igem.org/mediawiki/2017/c/ce/T-worldshaper-igemlogo.jpeg" alt="">
−
                <li class="foot-box-c2">
+
                    </li>
−
                    <img src="https://static.igem.org/mediawiki/2017/c/ce/T-worldshaper-igemlogo.jpeg" alt="">
+
                    <li class="foot-box-c3">
−
                </li>
+
                        <p>Worldshaper-XSHS, Xiaoshan High School</p>
−
                <li class="foot-box-c3">
+
                        <p>
−
                    <p>Worldshaper-XSHS, Xiaoshan High School</p>
+
                            Adress: No.538,Gongxiu Road,Xiaoshan District,Hangzhou,Zhejiang Province,China
−
                    <p>
+
                        </p>
−
                        Adress: No.538,Gongxiu Road,Xiaoshan District,Hangzhou,Zhejiang Province,China
+
                    </li>
−
                    </p>
+
                    <li class="foot-box-c4">
−
                </li>
+
                        <img src="https://static.igem.org/mediawiki/2017/3/32/T-Worldshaper-XSHS-weixin.jpeg" alt="">
−
                <li class="foot-box-c4">
+
                    </li>
−
                    <img src="https://static.igem.org/mediawiki/2017/3/32/T-Worldshaper-XSHS-weixin.jpeg" alt="">
+
                </ul>
−
                </li>
+
            </div>
−
            </ul>
+
 
         </div>
 
         </div>
−
     </div>
+
     </footer>
−
</footer>
+
  
 
</html>
 
</html>

Revision as of 09:25, 12 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