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

 
(27 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
<style type="text/css">
+
    <style type="text/css">
 +
    html body{
 +
        font-family:purista  !important;
 +
    }
 +
    section>p{
 +
        font-family: arial!important;
 +
        font-weight:600!important;
 +
        width: 1100px!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 39:
 
         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: arial !important;
         font-family: adobe-garamond-pro !important;
+
 
         font-weight: 400;
 
         font-weight: 400;
 
         font-style: normal;
 
         font-style: normal;
Line 62: Line 55:
 
         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: left;!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;
</style>
+
    src: url('https://static.igem.org/mediawiki/2018/4/44/T--worldshaper-XSHS--semibold.otf'),
<link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/wiki_edit.css">
+
    url('https://static.igem.org/mediawiki/2018/4/44/T--worldshaper-XSHS--semibold.otf');
<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">
+
</style><!-- style -->
<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/wiki_edit.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/bootstrap.min.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/ionicons.min.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/animate.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/slider.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/owl.carousel.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/owl.theme.css">
<script src="http://igem2017.worldshaper.cn/XSHS/js/vendor/modernizr-2.6.2.min.js"></script>
+
    <link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/jquery.fancybox.css">
<script src="http://igem2017.worldshaper.cn/XSHS/js/jquery.min.js"></script>
+
    <link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/main.css">
<script src="http://igem2017.worldshaper.cn/XSHS/js/owl.carousel.min.js"></script>
+
    <link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/responsive.css">
<script src="http://igem2017.worldshaper.cn/XSHS/js/bootstrap.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/wow.min.js"></script>
+
    <script src="http://igem2017.worldshaper.cn/XSHS/js/jquery.min.js"></script>
<script src="http://igem2017.worldshaper.cn/XSHS/js/slider.js"></script>
+
    <script src="http://igem2017.worldshaper.cn/XSHS/js/owl.carousel.min.js"></script>
<script src="http://igem2017.worldshaper.cn/XSHS/js/jquery.fancybox.js"></script>
+
    <script src="http://igem2017.worldshaper.cn/XSHS/js/bootstrap.min.js"></script>
<script src="http://igem2017.worldshaper.cn/XSHS/js/main.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/jquery.fancybox.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 139:
 
         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 163: Line 158:
 
         })
 
         })
 
     })
 
     })
</script>
+
</script><!-- css and js -->
<p id="back-to-top">
+
    <a href="#top">
+
        <img src="https://static.igem.org/mediawiki/2018/e/e5/T--worldshaper-XSHS--back.png">
+
To Top
+
    </a>
+
</p>
+
<header id="top-bar" class="navbar-fixed-top animated-header  navbar navbar-default myheader">
+
    <div class="container">
+
        <div class="navbar-header">
+
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+
                <span class="sr-only">Toggle navigation</span>
+
                <span class="icon-bar"></span>
+
                <span class="icon-bar"></span>
+
                <span class="icon-bar"></span>
+
            </button>
+
            <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>
+
      <header id="top-bar" class="navbar-fixed-top animated-header  navbar navbar-default myheader"  >
                        </div>
+
        <div class="container">
                    </li>
+
            <div class="navbar-header" >
                    <li>
+
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/parts.html">Parts</a>
+
                    <span class="sr-only">Toggle navigation</span>
                    </li>
+
                    <span class="icon-bar"></span>
                    <li class="dropdown">
+
                    <span class="icon-bar"></span>
                        <a class="dropdown-toggle" data-toggle="dropdown">
+
                    <span class="icon-bar"></span>
                            HUMAN PRACTICES
+
        </button>
                            <span class="caret"></span>
+
                <div class="navbar-brand " style="display:block;color:#fff;margin-left:15px;font-size:20px">
                        </a>
+
                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS">
                        <div class="dropdown-menu">
+
                        Worldshaper- <b>XSHS</b>
                            <ul>
+
                    </a>
                                <li>
+
                </div>
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/HP/Silver">Silver</a>
+
      </div>
                                </li>
+
            <nav class="collapse navbar-collapse navbar-right" role="navigation">
                                <li>
+
                <div class="main-menu">
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/HP/Gold_Integrated">Integrated and Gold</a>
+
                     <ul class="nav navbar-nav navbar-right">
                                </li>
+
                       
                                <li>
+
                        <li class="dropdown">
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Engagement">Engagement</a>
+
                            <a class="dropdown-toggle" data-toggle="dropdown">
                                </li>
+
                                Team
                            </ul>
+
                                <span class="caret"></span>
                        </div>
+
                            </a>
                    </li>
+
                            <div class="dropdown-menu">
                    <li>
+
                                 <ul>
                        <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;">
+
                                    <li>
    <strong class="positiontitle">Collaborations</strong>
+
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/aboutus.html">about us</a>
    <!-- 这里是大图的标题 -->
+
                                    </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/Team">Members</a>
</section>
+
                                    </li>
 +
                                   
 +
                                </ul>
 +
                            </div>
 +
                        </li>
 +
                                    <li>
 +
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Collaborations">Collaborations</a>
 +
                                    </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/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>
  
<section class="container">
+
                                </ul>
     <div class="col-xs-2 xshs-box3  ">
+
                            </div>
        <ul class="colul text-left">
+
                        </li>
            <li class="colactive mt-1">
+
                        <li>
                <a href="#Members">Members</a>
+
                            <a href="https://2018.igem.org/Team:Worldshaper-XSHS/parts.html">Parts</a>
            </li>
+
                        </li>
            <li class="mt-1">
+
                        <li class="dropdown">
                <a href="#Instructors">Instructors</a>
+
                            <a class="dropdown-toggle" data-toggle="dropdown">
            </li>
+
                                HP
            <!-- 这里是页面定位锚点  href 对应代码的 “id属性  例如 id='xxx'  ”-->
+
                                <span class="caret"></span>
        </ul>
+
                            </a>
    </div>
+
                            <div class="dropdown-menu">
 
+
                                <ul>
    <div class="col-xs-10 ">
+
                                    <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>
 +
                                    <li>
 +
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Attributions">Attributions</a>
 +
                                    </li>
 +
                    </ul>
 +
                </div>
 +
            </nav>
 +
        </div>
 +
    </header><!-- 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">Collaborations</strong><!-- 这里是大图的标题 -->
 +
        <img src="https://static.igem.org/mediawiki/2018/c/cc/T--Worldshaper-XSHS--ti012.jpg" alt="" class="bg-stretch" style="width:100%">
 +
        <!-- 这里是大图的图片链接 -->
 +
     </section>
 +
 
 +
    <section class="pageInHere">
 +
        <div class="container">
 +
            <div class="row">
 +
             
 +
                <div class="col-xs-2 xshs-box3  ">
 +
                    <ul class="colul text-left"style="width: 180px;font-size: 15px!important">
 +
                        <li class="colactive mt-1"><a href="#Ourteam">Collaborations with other teams</a></li>
 +
                        <hr>
 +
                        <li class="mt-1"><a href="#OurSchool">Collaboration on project research</a></li>
 +
                        <hr>
 +
                        <li class="mt-1"><a href="#Others">Collaboration on education and public engagement</a></li>
 +
                        <!-- 这里是页面定位锚点  href 对应代码的 “id属性  例如 id='xxx'  ”-->
 +
                        <li>
 +
                            <p id="back-to-top" style="margin-top: 50px;">
 +
                                <a href="#top">
 +
                                <img src="https://static.igem.org/mediawiki/2018/e/e5/T--worldshaper-XSHS--back.png">
 +
                                TO Top
 +
                                </a>
 +
                            </p>
 +
                        </li>
 +
                    </ul>  
 +
                </div>
 +
               
 +
                <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
 
                             Collaborations with other teams
 
                         </p>
 
                         </p>
 
                         <div style="
 
                         <div style="
                                width: 100%;
+
                            width: 100%;
                                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%;
+
                        "><div style="width:20px;">  
                            ">
+
                                <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;">
+
                          
                            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.
+
                    </div>
 +
                    <div class="xshs-box3">
 +
                        <p class="itemstyle">
 +
                          Nowadays, collaboration is a very important part for any successful project and iGEM is no exception. This summer, four iGEM team were working in the Zhejiang University Zijinguang Camps, including ZJU-China, ASTWS-China, HFLS_ZhejiangUnited and us. This advantage let us communicate and cooperate easily. Furthermore, for education and public engagement events,  we have cooperated with more teams, such as Worldshaper-Wuhan, ZJUT-China and Jiangnan, some of which were even based in other province.
 
                         </p>
 
                         </p>
                        <div class="xshs-box2">
+
                    <div class="xshs-box3">  
                             <p>
+
                        <div style="
                              <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/a/ab/T--worldshaper-XSHS--c001.png" />
+
                             width: 5px;
                            </p>
+
                            height: 24px;
                        </div>
+
                            background-color:  #0c3d0cd9;
                         <p class="itemstyle" style="text-align: left!important;">
+
                            /* text-align: left!important; */
                          During the experiment, we lent ASTWS-China team kit1 and kit2, which enables its students to extract the useful DNA.
+
                            margin-left:  0px;
 +
                            border:  none;
 +
                            margin-top: 50px;
 +
                        "></div>
 +
                        <p style="width: 800px;margin-left: 11px;margin-top: -23px;font-size: 22px;margin-bottom: 20px;">Collaboration on Interlab study</p>
 +
                    </div>
 +
                     
 +
                         <p class="itemstyle">
 +
                            As high school teams, ASTWS-China, HFLS_ZhejiangUnited and us were all lack of using experiences of plate reader, moreover, neither of our labs had this equipment. Therefore, after discussion, we decided to borrow the plate reader as well as the take interlab measurement together, Dr. Huang Fangliang, the instructor of ASTWS-China team agreed to supervise the experiments.
 
                         </p>
 
                         </p>
                         <p class="itemstyle" style="text-align: left!important;">
+
                         <p class="itemstyle">
                          During the Collaborations, our research members visited HFLS_ZhejiangUnited team’s experiments and watched its members’ studying notes.
+
                            During the interlab measurement experments, we provided the ASTWS-China team with E. coli DH5a and 100μl silicon beads of better quality as well as gave HFLS team the transcriptional shaking table bacteria solution and some experimental equipment (chloramphenicol resistance, micro pipette tips, etc.). When our measurement data submission was refused by the Measurement Committee, both of these two teams helped us analysis the potential problems, and offered us the glycerin bacteria that we needed.
 
                         </p>
 
                         </p>
                        <div class="xshs-box2">
 
                            <p>
 
                              <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/3/35/T--worldshaper-XSHS--c002.png" />
 
                            </p>
 
                        </div>
 
                        <p class="itemstyle" style="text-align: left!important;">
 
                          Because our conversion process——A procedure that obtaining the desired plasmid from the distribution kits—— always failed,we communicated with ASTWS-China team, eliminating the possibilities derived from operate miss and finding the cause of the problem: Homemade E. coli receptive state.
 
                        </p>
 
                        <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="col-xs-10 ">
 
+
 
                     <div class="xshs-box3">
 
                     <div class="xshs-box3">
                         <p class="v1" id="#Collaborations with other teams/Collaboration with ZJU-China team." style="text-align:  center; ">
+
                         <p class="v1" id="OurSchool" style="text-align:  center; ">
                             Collaborations with other teams
+
                             Collaboration on project research
 
                         </p>
 
                         </p>
 
                         <div style="
 
                         <div style="
                                width: 100%;
+
                            width: 133.3%;
                                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%;
+
                        "><div style="width:20px;">  
                            ">
+
                                <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;">
+
                          
                             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.
+
                    </div>
 +
                    <div class="xshs-box2">
 +
                        <p>
 +
                             <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/a/ab/T--worldshaper-XSHS--c001.png" />
 
                         </p>
 
                         </p>
                        <div class="xshs-box2">
+
                    </div>
                            <p>
+
                    <div class="xshs-box3">
                              <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/7/74/T--worldshaper-XSHS--c004.png" />
+
                         <p class="itemstyle">
                            </p>
+
                            During the experiments on project, despite visiting laboratory and discussion question, which happened quite often, we have many collaborations with other three teams in Zhejiang University, both on experimental materials and techniques. For example, because of unsuccessful transformation DNA parts  from official distribution kits, we lent our Kit1 and Kit 2 to team ASTWS-China, and borrowed Kit3 and Kit5 from all other three teams and bacteria with pSB1C3-GFP from ASTWS-China. Since we have continuously met obstacles on transformation, we exchanged views ASTWS-China as well as HFLS_ZhejiangUnited, eliminating the possibilities derived from operating errors and found the cause of the problem might be our E. coli competent cells. Moreover, when we asked help from undergraduate team ZJU-China, who are representing Zhejiang University, they offered us not only their distribution kits and commercial competent cells, but also an experimental operation training in their lab to make sure we solve this problem.
                        </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>
+
                    </div>
                              <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/e/e1/T--worldshaper-XSHS--c005.png" />
+
                    <div class="xshs-box2">
                             </p>
+
                        <p>
 +
                             <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/3/35/T--worldshaper-XSHS--c002.png" />
 +
                        </p>
 +
                        <p>
 +
                            <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/b/bb/T--worldshaper-XSHS--c003.png" />
 +
                        </p>
 +
                        <p>
 +
                             <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/7/74/T--worldshaper-XSHS--c004.png" />
 +
                        </p>
 +
                        <p>
 +
                            <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/a/a4/T--Worldshaper-XSHS--c007.png" />
 +
                        </p>
 +
                    </div>
 +
                    <div class="col-xs-10 ">
 +
                    <div class="xshs-box3">
 +
                        <p class="v1" id="Others" style="text-align:  center; ">
 +
                            Collaboration on education and public engagement
 +
                        </p>
 +
                        <div style="
 +
                            width: 133.3%;
 +
                            margin: 0 auto;
 +
                            margin-top: -34px;
 +
                        ">
 +
                        <hr style="
 +
                            height: 3px;
 +
                            background-color: #0c3d0c99!important;
 +
                            margin-top: 40px;
 +
                        "><div style="width:20px;">   
 
                         </div>
 
                         </div>
 
                          
 
                          
 
                     </div>
 
                     </div>
                      
+
                     <div class="xshs-box3">
 +
                        <p class="itemstyle">
 +
                          We have co-organized two large public education events together with other teams.</p>
 +
                          <p class="itemstyle">
 +
                          1.The event at Hangzhou low-carbon science and technology museum, we cooperated with three high school teams: ASTWS-China, HFLS_ZhejiangUnited and Worldshaper-Wuhan.  </p>
 +
                      </div>
 +
                          <div class="xshs-box2">
 +
                        <p>
 +
                            <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/f/f9/T--Worldshaper-XSHS--en011.png" />
 +
                        </p>
 
                     </div>
 
                     </div>
 +
                    <div class="xshs-box3">
 +
                        <p class="itemstyle">
 +
                            2.The event at Zhejiang science and technology museum, we cooperated with two high school teams and three university teams: ASTWS-China, HFLS_ZhejiangUnited, ZJU-China, ZJUT-China and Jiangnan.
 +
                        </p>
 +
                    </div>
 +
                    <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>
 +
                        <p>
 +
                            <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/3/38/T--Worldshaper-XSHS--c009.png" />
 +
                        </p>
 +
                    </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>Adress: No.538,Gongxiu Road,Xiaoshan District,Hangzhou,Zhejiang Province,China</p>
                    <p>Worldshaper-XSHS, Xiaoshan High School</p>
+
                    </li>
                    <p>
+
                    <li class="foot-box-c4">
                        Adress: No.538,Gongxiu Road,Xiaoshan District,Hangzhou,Zhejiang Province,China
+
                        <img src="https://static.igem.org/mediawiki/2018/9/96/T--worldshaper-XSHS--wechat.png" alt="">
                    </p>
+
                    </li>
                </li>
+
                </ul>
                <li class="foot-box-c4">
+
            </div>
                    <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>

Latest revision as of 19:16, 17 October 2018

Collaborations

Collaborations with other teams


Nowadays, collaboration is a very important part for any successful project and iGEM is no exception. This summer, four iGEM team were working in the Zhejiang University Zijinguang Camps, including ZJU-China, ASTWS-China, HFLS_ZhejiangUnited and us. This advantage let us communicate and cooperate easily. Furthermore, for education and public engagement events, we have cooperated with more teams, such as Worldshaper-Wuhan, ZJUT-China and Jiangnan, some of which were even based in other province.

Collaboration on Interlab study

As high school teams, ASTWS-China, HFLS_ZhejiangUnited and us were all lack of using experiences of plate reader, moreover, neither of our labs had this equipment. Therefore, after discussion, we decided to borrow the plate reader as well as the take interlab measurement together, Dr. Huang Fangliang, the instructor of ASTWS-China team agreed to supervise the experiments.

During the interlab measurement experments, we provided the ASTWS-China team with E. coli DH5a and 100μl silicon beads of better quality as well as gave HFLS team the transcriptional shaking table bacteria solution and some experimental equipment (chloramphenicol resistance, micro pipette tips, etc.). When our measurement data submission was refused by the Measurement Committee, both of these two teams helped us analysis the potential problems, and offered us the glycerin bacteria that we needed.

Collaboration on project research


During the experiments on project, despite visiting laboratory and discussion question, which happened quite often, we have many collaborations with other three teams in Zhejiang University, both on experimental materials and techniques. For example, because of unsuccessful transformation DNA parts from official distribution kits, we lent our Kit1 and Kit 2 to team ASTWS-China, and borrowed Kit3 and Kit5 from all other three teams and bacteria with pSB1C3-GFP from ASTWS-China. Since we have continuously met obstacles on transformation, we exchanged views ASTWS-China as well as HFLS_ZhejiangUnited, eliminating the possibilities derived from operating errors and found the cause of the problem might be our E. coli competent cells. Moreover, when we asked help from undergraduate team ZJU-China, who are representing Zhejiang University, they offered us not only their distribution kits and commercial competent cells, but also an experimental operation training in their lab to make sure we solve this problem.

Collaboration on education and public engagement


We have co-organized two large public education events together with other teams.

1.The event at Hangzhou low-carbon science and technology museum, we cooperated with three high school teams: ASTWS-China, HFLS_ZhejiangUnited and Worldshaper-Wuhan.

2.The event at Zhejiang science and technology museum, we cooperated with two high school teams and three university teams: ASTWS-China, HFLS_ZhejiangUnited, ZJU-China, ZJUT-China and Jiangnan.

  • Worldshaper-XSHS, Xiaoshan High School

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