Difference between revisions of "Team:BNDS China"

Line 1: Line 1:
 
<html>
 
<html>
<head>
+
        <head>
    <meta name="viewport" content="width=device-width, initial-scale=1">  
+
            <meta name="viewport" content="width=device-width, initial-scale=1">  
    <div class="menu">
+
            <div class="menu">
            <div class="home" title="Home">
+
                    <div class="home" title="Home">
                <a href="https://2017.igem.org/Team:BNDS_China">
+
                        <a href="https://2017.igem.org/Team:BNDS_China">
                    <img style="width: 72px; padding: 10% 20%; margin-top: -4%" src="https://static.igem.org/mediawiki/2017/1/1d/BNDS_China-Logow1.png" style="padding: 10% 32%;"></img>
+
                            <img style="width: 72px; padding: 10% 20%; margin-top: -4%" src="https://static.igem.org/mediawiki/2017/1/1d/BNDS_China-Logow1.png" style="padding: 10% 32%;"></img>
                </a>
+
                        </a>
            </div>
+
                    </div>
 
+
       
            <div class="menu_item submenu">
+
                    <div class="menu_item submenu">
                <a class="mt">Team</a>
+
                        <a class="mt">Team</a>
                <ul class="sublist">
+
                        <ul class="sublist">
                    <li><a href="https://2017.igem.org/Team:BNDS_China/Team">Team</a></li>
+
                            <li><a href="https://2017.igem.org/Team:BNDS_China/Team">Team</a></li>
                    <li style="border:none"><a href="https://2017.igem.org/Team:BNDS_China/Collaborations">Collaborations</a></li>
+
                            <li style="border:none"><a href="https://2017.igem.org/Team:BNDS_China/Collaborations">Collaborations</a></li>
                </ul>
+
                        </ul>
 
+
       
            </div>
+
                    </div>
 
+
       
            <div class="menu_item submenu" id="project">
+
                    <div class="menu_item submenu" id="project">
                <a class="mt">Project</a>
+
                        <a class="mt">Project</a>
                <ul class="sublist">
+
                        <ul class="sublist">
                    <li id="dc"><a href="https://2017.igem.org/Team:BNDS_China/Description">Description</a></li>
+
                            <li id="dc"><a href="https://2017.igem.org/Team:BNDS_China/Description">Description</a></li>
                    <li id="ds"><a href="https://2017.igem.org/Team:BNDS_China/Design">Design</a></li>
+
                            <li id="ds"><a href="https://2017.igem.org/Team:BNDS_China/Design">Design</a></li>
                    <li id="ex"><a href="https://2017.igem.org/Team:BNDS_China/Experiments">Experiment</a></li>
+
                            <li id="ex"><a href="https://2017.igem.org/Team:BNDS_China/Experiments">Experiment</a></li>
                    <li id="il"><a href="https://2017.igem.org/Team:BNDS_China/InterLab">InterLab</a></li>
+
                            <li id="il"><a href="https://2017.igem.org/Team:BNDS_China/InterLab">InterLab</a></li>
                    <li id="dm"><a href="https://2017.igem.org/Team:BNDS_China/Demonstrate">Demonstrate</a></li>
+
                            <li id="dm"><a href="https://2017.igem.org/Team:BNDS_China/Demonstrate">Demonstrate</a></li>
                    <li id="at" style="border:none"><a href="https://2017.igem.org/Team:BNDS_China/Attributions">Attributions</a></li>
+
                            <li id="at" style="border:none"><a href="https://2017.igem.org/Team:BNDS_China/Attributions">Attributions</a></li>
                </ul>
+
                        </ul>
            </div>
+
                    </div>
 
+
       
            <div class="menu_item submenu" id="parts">
+
                    <div class="menu_item submenu" id="parts">
                <a href="https://2017.igem.org/Team:BNDS_China/Parts" class="mt">Parts</a>
+
                        <a href="https://2017.igem.org/Team:BNDS_China/Parts" class="mt">Parts</a>
            </div>
+
                    </div>
 
+
       
            <div class="menu_item nosubmenu" id="safety">
+
                    <div class="menu_item nosubmenu" id="safety">
                <a href="https://2017.igem.org/Team:BNDS_China/Safety" class="mt">Safety</a>
+
                        <a href="https://2017.igem.org/Team:BNDS_China/Safety" class="mt">Safety</a>
            </div>
+
                    </div>
 
+
       
            <div class="menu_item submenu" id="hprac">
+
                    <div class="menu_item submenu" id="hprac">
                <a class="mt">H.Prac</a>
+
                        <a class="mt">H.Prac</a>
                <ul class="sublist">
+
                        <ul class="sublist">
                    <li id="sh"><a href="https://2017.igem.org/Team:BNDS_China/HP/Silver">Silver HP</a></li>
+
                            <li id="sh"><a href="https://2017.igem.org/Team:BNDS_China/HP/Silver">Silver HP</a></li>
                    <li id="ig"><a href="https://2017.igem.org/Team:BNDS_China/HP/Gold_Integrated">Integrated and Gold</a></li>
+
                            <li id="ig"><a href="https://2017.igem.org/Team:BNDS_China/HP/Gold_Integrated">Integrated and Gold</a></li>
                    <li id="pe" style="border:none"><a href="https://2017.igem.org/Team:BNDS_China/Engagement">Public Engagement</a></li>
+
                            <li id="pe" style="border:none"><a href="https://2017.igem.org/Team:BNDS_China/Engagement">Public Engagement</a></li>
                </ul>
+
                        </ul>
            </div>
+
                    </div>
 
+
       
            <div class="menu_item submenu" id="awards">
+
                    <div class="menu_item submenu" id="awards">
                <a href="https://2017.igem.org/Team:BNDS_China/Model" class="mt">Model</a>
+
                        <a href="https://2017.igem.org/Team:BNDS_China/Model" class="mt">Model</a>
            </div>
+
                    </div>
 
+
       
            <div class="menu_item nosubmenu">
+
                    <div class="menu_item nosubmenu">
                <a href="https://igem.org/2017_Judging_Form?team=BNDS_China" class="mt">Judge</a>
+
                        <a href="https://igem.org/2017_Judging_Form?team=BNDS_China" class="mt">Judge</a>
            </div>
+
                    </div>
 
+
       
            <div class="home" id="totop" title="Scroll to the top" style="width: 5.2%;">
+
                    <div class="home" id="totop" title="Scroll to the top" style="width: 5.2%;">
                <img style="margin-top: 18%;" src="https://static.igem.org/mediawiki/2017/4/44/BNDS_China-Topw.png" style="padding: 10% 32%;"></img>
+
                        <img style="margin-top: 18%;" src="https://static.igem.org/mediawiki/2017/4/44/BNDS_China-Topw.png" style="padding: 10% 32%;"></img>
            </div>
+
                    </div>
           
+
                   
        </div>
+
                </div>
</head>
+
        </head>
 
+
       
    <body>
+
            <body>
 
+
          
         <div>
+
                <div>
            <img src="https://static.igem.org/mediawiki/2017/3/3a/BNDS_bg1.jpg" style="width:100%">
+
                    <img src="https://static.igem.org/mediawiki/2017/3/3a/BNDS_bg1.jpg" style="width:100%">
        </div>
+
                </div>
 
+
          
         <div class="block_white">
+
                <div class="block_white">
            <h3 style="padding-top: 6%">Team BNDS China!</h3>
+
                    <h3 style="padding-top: 6%">Team BNDS China!</h3>
        </div>
+
                </div>
 
+
          
         <div class="block_grey" style="margin-top: 0px;">
+
                <div class="block_grey" style="margin-top: 0px;">
            <p>γ-Aminobutyric Acid (GABA) can be found in many plants and fermented foods and plays the role of inhibitory neurotransmitter in the human brain. However, high GABA concentrated products can only be produced through the complicated procedures. Our project aims to develop GABA-enriched probiotics as food product including <em>Escherichia coli</em> Nissle 1917 through synthetic biology methods that may simplify the process of GABA production. In the bacterial way of GABA synthesis, two proteins, the glutamate:GABA antiporter (<em>gadC</em>) and the glutamate decarboxylase (<em>gadA</em>), form the glutamate decarboxylase (GAD) system. Though many bacteria incorporate these two genes, we select these genes from <em>Lactobacillus brevis</em> NCL912, a Lactic Acid Bacteria that is able to produce high amount of GABA with unique GAD sequences.</p>
+
                    <br>
        </div>
+
                    <h5>About our project:</h5>
           
+
                    <p>γ-Aminobutyric Acid (GABA) can be found in many plants and fermented foods and plays the role of inhibitory neurotransmitter in the human brain. However, high GABA concentrated products can only be produced through the complicated procedures. Our project aims to develop GABA-enriched probiotics as food product including <em>Escherichia coli</em> Nissle 1917 through synthetic biology methods that may simplify the process of GABA production. In the bacterial way of GABA synthesis, two proteins, the glutamate:GABA antiporter (<em>gadC</em>) and the glutamate decarboxylase (<em>gadA</em>), form the glutamate decarboxylase (GAD) system. Though many bacteria incorporate these two genes, we select these genes from <em>Lactobacillus brevis</em> NCL912, a Lactic Acid Bacteria that is able to produce high amount of GABA with unique GAD sequences.</p>
    </body>
+
                </div>
 
+
                   
    <footer>
+
            </body>
        <p style="margin-left: 20px; padding-top:15px; font-size: 20px;">© 2017 BNDS_China All Rights Reserved.<p>
+
       
 
+
            <footer>
    </footer>
+
                <p style="margin-left: 20px; padding-top:15px; font-size: 20px;">© 2017 BNDS_China All Rights Reserved.<p>
 
+
       
 
+
            </footer>
 
+
       
    <style>
+
       
        h3{
+
       
            text-align: center;
+
            <style>
            font-size: 36px;
+
                h3{
            overflow: initial;
+
                    text-align: center;
        }
+
                    font-size: 36px;
        #globalWrapper{
+
                    overflow: initial;
            font-size: 100%;
+
                }
        }  
+
                #globalWrapper{
        body{
+
                    font-size: 100%;
            margin: 0px;
+
                }  
        }
+
                body{
        .block{
+
                    margin: 0px;
            width: 100%;
+
                }
        }
+
                .block{
 
+
                    width: 100%;
         .block_white{
+
                }
            background-color: #ffffff;
+
          
            width: 100%;
+
                .block_white{
            height: 200px;
+
                    background-color: #ffffff;
        }
+
                    width: 100%;
 
+
                    height: 200px;
         .block_grey{
+
                }
            background-color: #e6e6e6;
+
          
            width: 100%;
+
                .block_grey{
            height: 400px;
+
                    background-color: #e6e6e6;
        }
+
                    width: 100%;
        .block_grey p{
+
                    height: 400px;
            margin-left: 5%;
+
                }
            margin-right: 5%;
+
                .block_grey p{
            padding-top: 3%;
+
                    margin-left: 5%;
            font-size: 24px !important;
+
                    margin-right: 5%;
        }
+
                    padding-top: 3%;
        p{
+
                    font-size: 24px !important;
            -webkit-margin-before: 0em !important;
+
                }
        }
+
                p{
 
+
                    -webkit-margin-before: 0em !important;
         footer{
+
                }
            width: 100%;
+
          
            height: 60px;
+
                footer{
            background-color: #f2f2f2;
+
                    width: 100%;
            color: #616161;
+
                    height: 60px;
            position: absolute;
+
                    background-color: #f2f2f2;
            margin-bottom: 0px;
+
                    color: #616161;
        }
+
                    position: absolute;
        .mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul{
+
                    margin-bottom: 0px;
            margin: 0;
+
                }
        }
+
                .mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul{
        #sideMenu{
+
                    margin: 0;
            display: none;
+
                }
        }
+
                #sideMenu{
        #top_title{
+
                    display: none;
            display: none;
+
                }
        }
+
                #top_title{
        #content{
+
                    display: none;
            width: 100%;
+
                }
            padding: 0;
+
                #content{
            margin: 0;
+
                    width: 100%;
        }
+
                    padding: 0;
 
+
                    margin: 0;
         li{
+
                }
            list-style-type: none !important;
+
          
            list-style: none !important;
+
                li{
            margin: 0;
+
                    list-style-type: none !important;
        }
+
                    list-style: none !important;
        ul{
+
                    margin: 0;
            -webkit-padding-start: 0em !important;
+
                }
            margin: 0;
+
                ul{
        }
+
                    -webkit-padding-start: 0em !important;
        p{
+
                    margin: 0;
            -webkit-margin-before: 0em !important;
+
                }
        }
+
                p{
        a{
+
                    -webkit-margin-before: 0em !important;
            color: #ffffff;
+
                }
            text-decoration: none;
+
                a{
        }
+
                    color: #ffffff;
        body{
+
                    text-decoration: none;
            font-size: 100% !important;
+
                }
            font: Segoe UI, sans-serif !important;
+
                body{
        }
+
                    font-size: 100% !important;
        #globalWrapper{
+
                    font: Segoe UI, sans-serif !important;
            font-size: 100%;
+
                }
        }
+
                #globalWrapper{
        ::-webkit-scrollbar{
+
                    font-size: 100%;
            width: 12px;
+
                }
            height: 16px;
+
                ::-webkit-scrollbar{
            background-color: #e0e0e0;
+
                    width: 12px;
        }
+
                    height: 16px;
        ::-webkit-scrollbar-track{
+
                    background-color: #e0e0e0;
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
+
                }
            border-radius: 10px;
+
                ::-webkit-scrollbar-track{
            background-color: #e0e0e0;
+
                    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        }  
+
                    border-radius: 10px;
        ::-webkit-scrollbar-thumb{
+
                    background-color: #e0e0e0;
            border-radius: 10px;
+
                }  
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
+
                ::-webkit-scrollbar-thumb{
            background-color: #9e9e9e;
+
                    border-radius: 10px;
        }
+
                    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        .menu{
+
                    background-color: #9e9e9e;
            position: absolute;
+
                }
            width: 100%;
+
                .menu{
            height: 60px;
+
                    position: absolute;
            background-color: transparent;
+
                    width: 100%;
            border-bottom: none;
+
                    height: 60px;
            z-index: 999;
+
                    background-color: transparent;
        }
+
                    border-bottom: none;
        .menu_item{
+
                    z-index: 999;
            width: 12%;
+
                }
            height: 100%;
+
                .menu_item{
            float: left;
+
                    width: 12%;
            border-left: 1px solid #bdbdbd;
+
                    height: 100%;
            color: #ffffff
+
                    float: left;
            background-color: transparent;
+
                    border-left: 1px solid #bdbdbd;
            -webkit-transition: all 0.3s ease;  
+
                    color: #ffffff
            -moz-transition: all 0.3s ease;  
+
                    background-color: transparent;
            -ms-transition: all 0.3s ease;  
+
                    -webkit-transition: all 0.3s ease;  
            -o-transition: all 0.3s ease; transition: all 0.3s ease;
+
                    -moz-transition: all 0.3s ease;  
        }
+
                    -ms-transition: all 0.3s ease;  
        .menu_item a{
+
                    -o-transition: all 0.3s ease; transition: all 0.3s ease;
            line-height: 60px;
+
                }
            text-decoration: none;
+
                .menu_item a{
        }
+
                    line-height: 60px;
        .menu_item:hover{
+
                    text-decoration: none;
            background-color: transparent;
+
                }
            -webkit-transition: all 0.3s ease;  
+
                .menu_item:hover{
            -moz-transition: all 0.3s ease;  
+
                    background-color: transparent;
            -ms-transition: all 0.3s ease;  
+
                    -webkit-transition: all 0.3s ease;  
            -o-transition: all 0.3s ease; transition: all 0.3s ease;
+
                    -moz-transition: all 0.3s ease;  
        }
+
                    -ms-transition: all 0.3s ease;  
        .menu_item a:visited{
+
                    -o-transition: all 0.3s ease; transition: all 0.3s ease;
            color: #ffffff;
+
                }
        }
+
                .menu_item a:visited{
        .nosubmenu:active{
+
                    color: #ffffff;
            background-color: transparent;
+
                }
            -webkit-transition: all 0.3s ease;  
+
                .nosubmenu:active{
            -moz-transition: all 0.3s ease;  
+
                    background-color: transparent;
            -ms-transition: all 0.3s ease;  
+
                    -webkit-transition: all 0.3s ease;  
            -o-transition: all 0.3s ease; transition: all 0.3s ease;
+
                    -moz-transition: all 0.3s ease;  
        }
+
                    -ms-transition: all 0.3s ease;  
        .mt{
+
                    -o-transition: all 0.3s ease; transition: all 0.3s ease;
            padding: 10% 35%;
+
                }
            text-align: center;
+
                .mt{
        }
+
                    padding: 10% 35%;
        .sublist a{
+
                    text-align: center;
            text-align: initial !important;
+
                }
            padding: 7% 62% 7% 20%;
+
                .sublist a{
            color: #ffffff;
+
                    text-align: initial !important;
            white-space: nowrap;
+
                    padding: 7% 62% 7% 20%;
        }
+
                    color: #ffffff;
        .sublist li{
+
                    white-space: nowrap;
            background-color: rgba(97,97,97,0.8);
+
                }
            -webkit-transition: all 0.3s ease;  
+
                .sublist li{
            -moz-transition: all 0.3s ease;  
+
                    background-color: rgba(97,97,97,0.8);
            -ms-transition: all 0.3s ease;  
+
                    -webkit-transition: all 0.3s ease;  
            -o-transition: all 0.3s ease; transition: all 0.3s ease;
+
                    -moz-transition: all 0.3s ease;  
        }
+
                    -ms-transition: all 0.3s ease;  
        .sublist li:hover{
+
                    -o-transition: all 0.3s ease; transition: all 0.3s ease;
            background-color: rgba(158,158,158,0.8);
+
                }
            -webkit-transition: all 0.3s ease;  
+
                .sublist li:hover{
            -moz-transition: all 0.3s ease;  
+
                    background-color: rgba(158,158,158,0.8);
            -ms-transition: all 0.3s ease;  
+
                    -webkit-transition: all 0.3s ease;  
            -o-transition: all 0.3s ease; transition: all 0.3s ease;
+
                    -moz-transition: all 0.3s ease;  
        }
+
                    -ms-transition: all 0.3s ease;  
        .sublist li:active{
+
                    -o-transition: all 0.3s ease; transition: all 0.3s ease;
            background-color: transparent;
+
                }
            -webkit-transition: all 0.3s ease;  
+
                .sublist li:active{
            -moz-transition: all 0.3s ease;  
+
                    background-color: transparent;
            -ms-transition: all 0.3s ease;  
+
                    -webkit-transition: all 0.3s ease;  
            -o-transition: all 0.3s ease; transition: all 0.3s ease;
+
                    -moz-transition: all 0.3s ease;  
        }
+
                    -ms-transition: all 0.3s ease;  
        .submenu .sublist{
+
                    -o-transition: all 0.3s ease; transition: all 0.3s ease;
            display: none;
+
                }
            left: -1px;
+
                .submenu .sublist{
            background: transparent;  
+
                    display: none;
            border: 1px solid #bdbdbd;  
+
                    left: -1px;
            position: relative;   
+
                    background: transparent;  
            width: 230px;
+
                    border: 1px solid #bdbdbd;  
            margin: 0 0 0 0 !important;
+
                    position: relative;   
        }
+
                    width: 230px;
        .submenu:hover .sublist{
+
                    margin: 0 0 0 0 !important;
            display: block;
+
                }
            background-color: transparent;
+
                .submenu:hover .sublist{
        }
+
                    display: block;
        .home{
+
                    background-color: transparent;
            width: 10%;
+
                }
            height: 100%;
+
                .home{
            float: left;
+
                    width: 10%;
            text-align: center;
+
                    height: 100%;
            background-color: transparent;
+
                    float: left;
            -webkit-transition: all 0.3s ease;  
+
                    text-align: center;
            -moz-transition: all 0.3s ease;  
+
                    background-color: transparent;
            -ms-transition: all 0.3s ease;  
+
                    -webkit-transition: all 0.3s ease;  
            -o-transition: all 0.3s ease; transition: all 0.3s ease;
+
                    -moz-transition: all 0.3s ease;  
        }
+
                    -ms-transition: all 0.3s ease;  
        .home:hover{
+
                    -o-transition: all 0.3s ease; transition: all 0.3s ease;
            background-color: transparent;
+
                }
            -webkit-transition: all 0.3s ease;  
+
                .home:hover{
            -moz-transition: all 0.3s ease;  
+
                    background-color: transparent;
            -ms-transition: all 0.3s ease;  
+
                    -webkit-transition: all 0.3s ease;  
            -o-transition: all 0.3s ease; transition: all 0.3s ease;
+
                    -moz-transition: all 0.3s ease;  
        }
+
                    -ms-transition: all 0.3s ease;  
        .home:active{
+
                    -o-transition: all 0.3s ease; transition: all 0.3s ease;
            background-color: transparent;
+
                }
            -webkit-transition: all 0.3s ease;  
+
                .home:active{
            -moz-transition: all 0.3s ease;  
+
                    background-color: transparent;
            -ms-transition: all 0.3s ease;  
+
                    -webkit-transition: all 0.3s ease;  
            -o-transition: all 0.3s ease; transition: all 0.3s ease;
+
                    -moz-transition: all 0.3s ease;  
        }
+
                    -ms-transition: all 0.3s ease;  
        #totop{
+
                    -o-transition: all 0.3s ease; transition: all 0.3s ease;
            cursor: pointer;
+
                }
            border-left: 1px solid #bdbdbd;
+
                #totop{
        }
+
                    cursor: pointer;
        .mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul{
+
                    border-left: 1px solid #bdbdbd;
            margin: 0;
+
                }
        }
+
                .mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul{
        #sideMenu{
+
                    margin: 0;
            display: none;
+
                }
        }
+
                #sideMenu{
    </style>
+
                    display: none;
 
+
                }
<script>
+
            </style>
    $(document).ready(function() {
+
       
        $("#totop").click(function() {
+
        <script>
                $('html, body').animate({
+
            $(document).ready(function() {
                    scrollTop: '0px'
+
                $("#totop").click(function() {
                }, 1000);
+
                        $('html, body').animate({
 +
                            scrollTop: '0px'
 +
                        }, 1000);
 +
                    });
 
             });
 
             });
    });
+
        </script>
</script>
+
        </html>
</html>
+

Revision as of 02:49, 2 November 2017

Team BNDS China!


About our project:

γ-Aminobutyric Acid (GABA) can be found in many plants and fermented foods and plays the role of inhibitory neurotransmitter in the human brain. However, high GABA concentrated products can only be produced through the complicated procedures. Our project aims to develop GABA-enriched probiotics as food product including Escherichia coli Nissle 1917 through synthetic biology methods that may simplify the process of GABA production. In the bacterial way of GABA synthesis, two proteins, the glutamate:GABA antiporter (gadC) and the glutamate decarboxylase (gadA), form the glutamate decarboxylase (GAD) system. Though many bacteria incorporate these two genes, we select these genes from Lactobacillus brevis NCL912, a Lactic Acid Bacteria that is able to produce high amount of GABA with unique GAD sequences.

© 2017 BNDS_China All Rights Reserved.