Difference between revisions of "Team:NKU China"

 
(131 intermediate revisions by 3 users not shown)
Line 1: Line 1:
−
<html lang="en">
+
{{NKU_China/header}}
 +
<html>
 
<head>
 
<head>
−
    <meta name="viewport" content="width=device-width, initial-scale=1.0"  charset="UTF-8">
+
</head>
−
　　 <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:NKU_China/css/style?action=raw&ctype=text/css" />
+
<body>      
−
    <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:NKU_China/css/bootstrap?action=raw&ctype=text/css" />
+
     <div>
−
     <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:NKU_China/css/fontawesome?action=raw&ctype=text/css" />
+
            <img class="backgroundblur" src="https://static.igem.org/mediawiki/2017/1/16/T--NKU_China--backgroundgc1.png"/>
−
    <script type="text/javascript" src="https://2017.igem.org/Team:NKU_China/Javascript/jQuery?
+
        </div>
−
action=raw&ctype=text/javascript"></script>
+
−
  <script type="text/javascript" src="https://2017.igem.org/Team:NKU_China/Javascript/main?
+
−
action=raw&ctype=text/javascript"></script>
+
−
    <script type="text/javascript" src="https://2017.igem.org/Team:NKU_China/Javascript/bootstrap?
+
−
action=raw&ctype=text/javascript"></script>
+
−
    <link href="https://2017.igem.org/Team:NKU_China/css/aminate?action=raw&ctype=text/css" rel="stylesheet">
+
−
    <link href="https://2017.igem.org/Team:NKU_China/css/bootsnav?action=raw&ctype=text/css" rel="stylesheet">
+
−
    <link href="https://2017.igem.org/Team:NKU_China/css/bootsnav_style?action=raw&ctype=text/css" rel="stylesheet">  
+
−
 
+
−
    <style>
+
−
        nav{
+
−
            font-size:3vmin;
+
−
}
+
−
        #top_menu_14 {
+
−
            box-sizing: content-box;
+
−
        }
+
  
−
        #top_menu_inside {
+
<div style="text-align:center;"><img style="max-height:100vh; margin-top: -30px;  
−
            box-sizing: content-box;
+
    margin-left: -30px;" src="https://static.igem.org/mediawiki/2017/8/83/T--NKU_China--background1.jpg"/></div>
−
            height: 16px;
+
−
        }
+
  
−
        #sideMenu, #top_title {
+
−
            display: none;
+
<a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">
−
         }
+
            <img class="homeplaybutton" src="https://static.igem.org/mediawiki/2017/7/73/T--NKU_China--playbutton1.png"/>
 +
</a>
 +
<div style="text-align:center;">
 +
        <div id="light" class="white_content">
 +
<div style="font-size:large;"><a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">Close</a></div>
 +
<div class="video_container">
 +
    <video controls="controls" autoplay="autoplay" poster="https://static.igem.org/mediawiki/2017/1/1c/T--NKU_China--homecover.png">
 +
      <source src="https://static.igem.org/mediawiki/2017/5/5e/T--NKU_China--homevideo.mp4" type="video/mp4">
 +
    </video>
 +
</div>
 +
</div>
 +
</div>
 +
        <div id="fade" class="black_overlay"></div>
 +
      <!--<div>
 +
            <img class="homepagelogo" src="https://static.igem.org/mediawiki/2017/8/8e/T--NKU_China--logo1.png"/>
 +
         </div>
 +
    <div>
 +
            <img class="homepageword" src="https://static.igem.org/mediawiki/2017/0/0e/T--NKU_China--teamname1.png"/>
 +
        </div>
 +
      -->
 +
         
 +
<div style="text-align:center;margin-top:5vmin;"><img style="width:100vw; margin-top: -30px;
 +
    margin-left: -30px;" src="https://static.igem.org/mediawiki/2017/5/58/T--NKU_China--home1.png"/></div> 
 +
<div style="margin-top:-10vmin;" id="home-Carousel" class="carousel slide" data-ride="carousel">
 +
<!-- 轮播（Carousel）指标 -->
 +
<ol class="carousel-indicators">
 +
<li data-target="#home-Carousel" data-slide-to="0" class="active"></li>
 +
<li data-target="#home-Carousel" data-slide-to="1"></li>
 +
<li data-target="#home-Carousel" data-slide-to="2"></li>
 +
<li data-target="#home-Carousel" data-slide-to="3"></li>
 +
<li data-target="#home-Carousel" data-slide-to="4"></li>
 +
</ol> 
 +
<!-- 轮播（Carousel）项目 -->
 +
<div class="carousel-inner">
 +
<div class="item active">
 +
<img class="home-pic" src="https://static.igem.org/mediawiki/2017/c/cf/T--NKU_China--homecar1.jpg"  alt="T--NKU_China--homecar1.jpg">
 +
</div>
 +
<div  class="item">
 +
<img class="home-pic" src="https://static.igem.org/mediawiki/2017/3/3c/T--NKU_China--homecar2.jpg"  alt="T--NKU_China--homecar2.jpg">
 +
</div>
 +
<div class="item">
 +
<img class="home-pic" src="https://static.igem.org/mediawiki/2017/a/a3/T--NKU_China--homecar3.jpg"  alt="T--NKU_China--homecar3.jpg">
 +
</div>
 +
<div class="item">
 +
<img class="home-pic" src="https://static.igem.org/mediawiki/2017/9/93/T--NKU_China--homecar4.jpg"  alt="T--NKU_China--homecar4.jpg">
 +
</div>
 +
<div class="item">
 +
<img class="home-pic" src="https://static.igem.org/mediawiki/2017/d/d6/T--NKU_China--homecar5.jpg"  alt="T--NKU_China--homecar5.jpg">
 +
</div>
 +
</div>
 +
<!-- 轮播（Carousel）导航 -->
 +
<a class="carousel-control left" href="#home-Carousel"
 +
  data-slide="prev">&lsaquo;</a>
 +
<a class="carousel-control right" href="#home-Carousel"
 +
  data-slide="next">&rsaquo;</a>
 +
</div>
  
−
        #mw-content-text > p {
+
−
            margin: 0px;
+
−
        }
+
 +
</body>
 +
  
−
        #content {
+
<style>
 +
    .black_overlay{
 +
            display: none;
 +
            position: absolute;
 +
            top: 0%;
 +
            left: 0%;
 +
            width: 100%;
 +
            height: 100%;
 +
            background-color: black;
 +
            z-index:1001;
 +
            -moz-opacity: 0.8;
 +
            opacity:.80;
 +
            filter: alpha(opacity=88); }
 +
        .white_content {
 +
            display: none;
 +
            position: absolute;
 +
            top: 20vmin;
 +
            text-align:center;
 +
            width: 100vw;
 +
            height: 81vh;
 +
            padding: 20px;
 +
            border: 10px solid orange;
 +
            background-color: white;
 +
            z-index:1002;
 +
            overflow: none; }
 +
.introduction{
 +
    font-size: x-large;
 +
    font-family: "Futura LT Medium",sans-serif;
 +
    line-height: 1.42857143;
 +
    color:#FFFFFF;}
 +
.header{
 +
    margin-top:50px;
 +
    text-align: left;
 +
    font-size: 60px;
 +
    font-family: "Georgia",sans-serif;}
 +
.sub-header{
 +
    display:flex;
 +
    justify-content:center;
 +
    align-items:center;
 +
    padding-bottom: 0;
 +
    line-height: 60px;
 +
    font-size:30px;
 +
    font-family: "Hot Pizza",sans-serif;}
 +
.backgroundblur{
 +
    filter: url(blur.svg#blur);     
 +
    -webkit-filter: blur(5px);
 +
    -moz-filter: blur(5px);
 +
    -ms-filter: blur(5px);   
 +
    filter: blur(5px);
 +
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=5, MakeShadow=false);
 +
    height: 110%;
 +
    width: 110%;
 +
    margin-top: -30px;
 +
    margin-left: -30px;
 +
    position: fixed;
 +
    z-index: -1;}
 +
.homepagebackground{
 +
    height: 110%;
 +
    width: 110%;
 +
    margin-top: -30px;
 +
    margin-left: -30px;
 +
    z-index: -1;
 +
    position:absolute;
 +
}
 +
.homepagelogo{
 +
    z-index: 0;
 +
    height: 120px;
 +
    margin-left: 8%;
 +
    margin-top: 4%;}
 +
.homepageword{
 +
    z-index: 0;
 +
    height:220px;
 +
    margin-left: 7%;
 +
    margin-top: 3%;}
 +
.homeplaybutton{
 +
    z-index: 1;
 +
position:absolute;
 +
    margin-left: 73vw;
 +
    margin-top: -15vh;}
 +
.video_container {
 +
    width: 100%;
 +
    padding-left: 10%;
 +
    padding-right: 10%;
 +
    height: 50vh;
 +
    position: relative;
 +
}
 +
.video_container video {
 +
    height:500px;
 +
 
 +
}
 +
#home-Carousel{
 +
    margin-left:30vw;
 +
    margin-right:30vw;
 +
    margin-top:5vmin;
 +
    margin-bottom:5vmin;}
 +
.home-pic{
 +
    max-width:40vw;}
 +
#mw-content-text {
 +
    text-align: justify;}
 +
 
 +
#top_menu_14 {
 +
            box-sizing: content-box;}
 +
#top_menu_inside {
 +
            box-sizing: content-box;
 +
            height: 16px;}
 +
#sideMenu, #top_title {
 +
            display: none;}
 +
#mw-content-text > p {
 +
            margin: 0px;}
 +
#content {
 
             width: 100vw;
 
             width: 100vw;
 
             padding: 0px;
 
             padding: 0px;
−
             margin: 0px;
+
             margin: 0px;}
−
        }
+
#mw-content-text>p {
−
     </style>
+
    height:0;}
−
</head>
+
#top_menu_under {
−
<body>
+
     line-height:1;}
−
  <header>
+
#bars_item {
−
     <nav class="navbar navbar-default navbar-fixed navbar-transparent dark bootsnav">
+
    line-height:1;}
−
        <div class="container">
+
#user_item{
−
            <!-- Start Atribute Navigation -->
+
    line-height:1;}
−
            <div class="attr-nav">
+
body{
−
                <ul>
+
    overflow-x:hidden;}
−
                    <li class="side-menu"><a href="#"><i class="fa fa-bars"></i></a></li>
+
.menu{
−
                </ul>
+
     text-align:center;
−
            </div>
+
    padding-left: 0;
−
            <!-- End Atribute Navigation -->
+
    margin-bottom:0;
 +
    list-style: none;
 +
    width: 100%;
 +
    margin-top: 20px;
 +
    height:auto;}
 +
.menu>li{
 +
    position: relative;
 +
    display: block;
 +
    text-align:center;
 +
    font-family:'CHERL',sans-serif;
 +
    font-size: 5vmin;
 +
    margin-right: 20px;
 +
    float: none;
 +
    vertical-align: middle;
 +
    height:20vmin;}
 +
.menu>li>a{
 +
    position: relative;
 +
    display: block;
 +
    padding: 10px 15px;
 +
    text-decoration: none;
 +
    color:#e4b9b9;
 +
    border-radius: 4px;
 +
    margin-bottom: 5px;
 +
    text-align: center;}
 +
.active{
 +
    background-color:#e4b9b9;}
 +
@media (min-width: 768px) {
 +
  .menu> li {
 +
    display: table-cell;
 +
    width: 1%;}
 +
  .menu> li > a {
 +
    margin-bottom: 0;}}
 +
.new-wrapper{
 +
    margin-top:-10vmin;}
  
−
            <!-- Start Header Navigation -->
+
#mw-content-text #home-Carousel {
−
            <div class="navbar-header">
+
    background-image: url(https://static.igem.org/mediawiki/2017/e/ec/Homecar4-backgroud.png);
−
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu">
+
    background-size: 90% 93%;
−
                    <i class="fa fa-bars"></i>
+
    background-position: center;
−
                </button>
+
    background-repeat: no-repeat;
−
                <a class="navbar-brand" href="#">
+
    display: flex;
−
                    <img src="#" class="logo logo-display" alt="">
+
    align-items: center;
−
                    <img src="#" class="logo logo-scrolled" alt="">
+
    padding: 0 30vw;
−
                </a>
+
    margin: 5vw 10vh;
−
            </div>
+
}
−
            <!-- End Header Navigation -->
+
  
−
            <!-- Collect the nav links, forms, and other content for toggling -->
+
#mw-content-text.carousel-inner {
−
            <div class="collapse navbar-collapse" id="navbar-menu">
+
    position: relative;
−
                <ul class="nav navbar-nav navbar-right" data-in="fadeInDown" data-out="fadeOutUp">
+
    width: 30vw;
−
                    <li><a href="#">HOME</a></li>
+
    overflow: hidden;
−
                    <li class="dropdown">
+
}
−
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" >TEAM</a>
+
−
                        <ul class="dropdown-menu">
+
−
                            <li><a href="#">Team</a></li>
+
−
                            <li><a href="#">Collaborations</a></li>
+
−
                        </ul>
+
−
                    </li>
+
−
                    <li class="dropdown megamenu-fw">
+
−
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">PROJECTS</a>
+
−
                        <ul class="dropdown-menu megamenu-content" role="menu">
+
−
                            <li>
+
−
                                <div class="row">
+
−
                                    <div class="col-menu col-md-6">
+
−
                                        <div class="content">
+
−
                                            <ul class="menu-col">
+
−
                                                <li><a href="#">Description</a></li>
+
−
                                                <li><a href="#">Design</a></li>
+
−
                                                <li><a href="#">Experiments</a></li>
+
−
                                                <li><a href="#">Notebook</a></li>
+
−
                                                <li><a href="#">InterLab</a></li>
+
−
                                                <li><a href="#">Contribution</a></li>
+
−
                                            </ul>
+
−
                                        </div>
+
−
                                    </div><!-- end col-3 -->
+
−
                                    <div class="col-menu col-md-6">
+
−
                                        <div class="content">
+
−
                                            <ul class="menu-col">
+
−
                                                <li><a href="#">Model</a></li>
+
−
                                                <li><a href="#">Results</a></li>
+
−
                                                <li><a href="#">Demonstrate</a></li>
+
−
                                                <li><a href="#">Inprove</a></li>
+
−
                                                <li><a href="#">Attributions</a></li>
+
−
                                            </ul>
+
−
                                        </div>
+
−
                                    </div><!-- end col-3 -->
+
−
                                </div>
+
−
                        </ul>
+
  
−
                    <li class="dropdown">
 
−
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" >PARTS</a>
 
−
                        <ul class="dropdown-menu">
 
−
                            <li><a href="#">Parts</a></li>
 
−
                            <li><a href="#">Basic Parts</a></li>
 
−
                            <li><a href="#">Composite Parts</a></li>
 
−
                            <li><a href="#">Parts Collection</a></li>
 
−
                        </ul>
 
−
                    </li>
 
−
                    <li><a href="#">SAFETY</a></li>
 
−
                    <li class="dropdown">
 
−
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" >HUMAN PRACTICES</a>
 
−
                        <ul class="dropdown-menu">
 
−
                            <li><a href="#">Silver HP</a></li>
 
−
                            <li><a href="#">Integrated and Gold</a></li>
 
−
                            <li><a href="#">Composite Parts</a></li>
 
−
                            <li><a href="#">Public Engagement</a></li>
 
−
                        </ul>
 
−
                    </li>
 
−
                    <li class="dropdown">
 
−
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" >AWARDS</a>
 
−
                        <ul class="dropdown-menu">
 
−
                            <li><a href="#">Applied Design</a></li>
 
−
                            <li><a href="#">Entrepreneurship</a></li>
 
−
                            <li><a href="#">Hardware</a></li>
 
−
                            <li><a href="#">Measurement</a></li>
 
−
                            <li><a href="#">Modeling</a></li>
 
−
                            <li><a href="#">Software</a></li>
 
−
                        </ul>
 
−
                    </li>
 
−
                </ul>
 
−
            </div><!-- /.navbar-collapse -->
 
−
        </div>
 
  
−
        <!-- Start Side Menu -->
 
−
        <div class="side">
 
−
            <a href="#" class="close-side"><i class="fa fa-times"></i></a>
 
−
            <div class="widget">
 
−
                <h6 class="title">Custom Pages</h6>
 
−
                <ul class="link">
 
−
                    <li><a href="#">HOME</a></li>
 
−
                    <li><a href="#">TEAMS</a></li>
 
−
                    <li><a href="#">PROJECTS</a></li>
 
−
                    <li><a href="#">PARTS</a></li>
 
−
                    <li><a href="#">SAFETY</a></li>
 
−
                    <li><a href="#">HUMAN PRACTICES</a></li>
 
−
                </ul>
 
−
            </div>
 
−
            <div class="widget">
 
−
                <h6 class="title">Additional Links</h6>
 
−
                <ul class="link">
 
−
                    <li><a href="#">NKU_China</a></li>
 
−
                </ul>
 
−
            </div>
 
−
        </div>
 
−
        <!-- End Side Menu -->
 
−
    </nav>
 
−
    <!-- End Navigation -->
 
−
    <div class="clearfix"></div>
 
−
</header>
 
−
    <div class="new-wrapper container-fluid">
 
−
        <div class="container introduction">
 
−
            <div id="header">DESCRIPTION</div>
 
−
            In the process of oil recovering by water injection method, it will form large water channels in the bottom. Water mainly flows through these channels, which stops brushing the oil hidden in the minor channel branches in soil, so that the remaining oil will be trapped into the branches. Our project is aiming to engineer Enterobacter sp. FY-07 (which is separated from oilfield produced water and able to produce cellulose naturally), so as to controllably produce rhamnolipid and cellulose. Rhamnolipid is a biosurfactant with the ability of emulsifying oil, so the oil can be easily washed out. Cellulose can clog large water channels, helping water enter into the gaps of soil and wash out the oil within them. Our project is aimed at improving oil recovery rate in the oil harvesting process using this kind of bacteria.
 
−
            <br/>
 
−
            <div class="sub-header">PROCESS ACHIEVED</div>
 
  
−
            1. We have cloned rhamnolipid synthesis gene (rhIABC) in Pseudomonas aeruginosa, and transformed it into E.coli BL21 and successfully achieved the expression of rhIABC in E.coli BL21.
 
−
            <br/>
 
−
            2. We have transformed rhIABC into FY-07 and successfully fulfilled the co-production of rhamnolipid and cellulose.
 
−
            <br/>
 
−
            3. Based on E.coli fimbriae control system (E.coli fimbriae (Fim) phase variation system), we have finished the switch design, to whose both ends GFP and RFP have been linked. This modified switch has been transformed into BL21 and proved to be feasible.
 
−
            <br/>
 
−
            <div class="sub-header">FUTURE PLAN</div>
 
−
            1. Finish the construction of plasmid.
 
−
            <br/>
 
−
            2. Introduce molecular switch and rhamnolipid synthase into BscA gene knock out FY-07 strain.
 
−
            <br/>
 
−
            3. Achieve controllable expression of rhamnolipid and cellulose in FY-07 strain.
 
−
            <br/>
 
−
            4. Introduce suicide system and ensure the controllability.
 
−
            <br/>
 
−
            <div class="sub-header">COMMUNICATION AND CORPORATIONS</div>
 
  
−
            1. We expect to communicate with the practitioners in oil industry so as to know more about applying petroleum microorganisms into oil production. Please contact us if you are a practitioner in oil industry who has some knowledge in this field.
+
</style>
−
            <br/>
+
 
−
            2. We are looking for a suitable suicide system so that the bacteria will not survive in the environment for a long time. Please contact us if you have some recommendations.
+
−
            <br/>
+
−
            3. Please do not hesitate to contact us if you are interested in our project. We are looking forward to communicating with you!
+
−
            <br/>
+
−
            <br/>
+
−
            Our e-mail: nkuigem2017@163.com
+
−
            <br/>
+
−
        </div>
+
−
    </div>
+
−
    </body>
+
 
</html>
 
</html>
 
{{NKU_China/footer}}
 
{{NKU_China/footer}}

Latest revision as of 03:07, 2 November 2017

　
　

Contacts

Address

Nankai University
No.94 Weijin Road, Nankai District
Tianjin, P.R.China 300071
　
Copyright © Team NKU-China 2017