Difference between revisions of "Team:SMS Shenzhen"

Line 1: Line 1:
 +
{{Team:SMS_Shenzhen/CSS}}
  
 
<html lang="en">
 
<html lang="en">
Line 6: Line 7:
 
</head>
 
</head>
  
 
 
<style >
 
    /*解决上边和右边的东西*/
 
    #globalWrapper{
 
        margin: 0;
 
        padding: 0;
 
    }
 
    #content{
 
        width: 100%;
 
        padding: 0;
 
        margin: -12px 0 0;
 
    }
 
    #top_title{
 
        display: none;
 
    }
 
    #sideMenu{
 
        display: none;
 
    }
 
    #content,
 
    .vs-content,
 
    .vs-wrapper section {
 
        background-color: transparent !important;
 
    }
 
    .my-backTop:visited {
 
        color: #F8A886 !important;
 
    }
 
    /*解决上边和右边的东西*/
 
    body{background-color:#E8F1CB;
 
    }
 
    .header {
 
        font-size: 30px;
 
        padding:0px;
 
        margin:0px;
 
        top:0;
 
        left:0;
 
        width:100%;
 
        position: fixed;
 
        height:3em;
 
        z-index:99;
 
        float: left;
 
        background-color: #FFFFFF;
 
 
    }
 
 
    p{
 
        padding:5px;}
 
    h4{text-align:center;}
 
    ul li
 
    {
 
        list-style:none;
 
        margin:15px;
 
        padding-top:6px;
 
        padding-bottom:6px;
 
        padding-left: 0;
 
        float: left;
 
    }
 
 
    li a,.dropbtn,a:link,a:visited{
 
        text-decoration: none;
 
        font-family: "Arial";
 
        color: #3C3C3C;
 
        padding:20px;
 
        text-align:center;
 
        font-size: 20px;
 
    }
 
    li a:hover,.dropdown:hover.dropbtn{
 
        color: #07cf65;
 
        text-shadow:2px 2px 2px #c5f484;
 
    }
 
 
    .dropdown {
 
        position: relative;
 
        display: inline-block;
 
        float: left;
 
    }
 
 
    .dropdown-content {
 
        display: none;
 
        position: absolute;
 
        background-color: #FFFFFF;
 
        min-width: 300px;
 
 
    }
 
 
 
    .dropdown-content a {
 
        color: #3C3C3C;
 
        padding: 12px 16px;
 
        text-decoration: none;
 
        display: block;
 
        font-size: 20px;
 
    }
 
 
    .dropdown-content a:hover {
 
        background-color: transparent;}
 
 
    .dropdown:hover .dropdown-content {
 
        display: block;
 
    }
 
 
 
    #page{
 
        text-align:justify;
 
        padding-left:170px;
 
        padding-right:170px;
 
        padding-top:80px;
 
        padding-bottom:100px;
 
        line-height:25px;
 
 
    }
 
 
 
#teamtext{
 
text-align:justify;
 
padding-left:170px;
 
padding-right:50px;
 
padding-top:80px;
 
padding-bottom:100px;
 
line-height:25px;
 
 
 
}
 
#teamphoto{
 
text-align:justify;
 
padding-left:50px;
 
padding-right:170px;
 
padding-top:80px;
 
padding-bottom:100px;
 
line-height:25px;
 
 
 
}
 
#teamall{
 
display: flex;
 
flex-direction: row;
 
column-count: 2;
 
 
}
 
 
    #sec1{
 
        width: auto;
 
        background-color:#e8f1cb;
 
    }
 
    #sec2{
 
        width: auto;
 
        background-color:#d0e8c1;
 
    }
 
    #sec3{
 
        width: auto;
 
        background-color:#ffffff;
 
    }
 
 
 
</style>
 
<body>
 
 
<div class="header">
 
    <ul>
 
        <li>
 
            <div class="dropdown">
 
                <a href="https://2018.igem.org/Team:SMS_Shenzhen">Home</a>
 
            </div>
 
 
            <div class="dropdown">
 
                <a href="https://2018.igem.org/Team:SMS_Shenzhen/Description" class="dropbtn">Project</a>
 
                <div class="dropdown-content">
 
                    <a href="https://2018.igem.org/Team:SMS_Shenzhen/Description">Description</a>
 
                    <a href="https://2018.igem.org/Team:SMS_Shenzhen/Applied_Design">Applied Design</a>
 
                    <a href="https://2018.igem.org/Team:SMS_Shenzhen/Model">Model</a>
 
                    <a href="https://2018.igem.org/Team:SMS_Shenzhen/Demonstrate">Demonstrate</a>
 
                </div>
 
            </div>
 
 
            <div class="dropdown">
 
                <a href="https://2018.igem.org/Team:SMS_Shenzhen/Experiments" class="dropbtn">Experiments</a>
 
                <div class="dropdown-content">
 
                    <a href="https://2018.igem.org/Team:SMS_Shenzhen/Experiments">Summary</a>
 
                    <a href="https://2018.igem.org/Team:SMS_Shenzhen/Results">Results</a>
 
                </div>
 
            </div>
 
            <div class="dropdown">
 
                <a href="https://2018.igem.org/Team:SMS_Shenzhen/Parts" >Parts</a>
 
                <div class="dropdown-content">
 
<a href="https://2018.igem.org/Team:SMS_Shenzhen/Parts">Summary</a>
 
                    <a href="https://2018.igem.org/Team:SMS_Shenzhen/Basic_Part">Basic Parts</a>
 
                    <a href="https://2018.igem.org/Team:SMS_Shenzhen/Composite_Part">Composite Parts</a>
 
                    <a href="https://2018.igem.org/Team:SMS_Shenzhen/Contribution">Contribution</a>
 
                </div>
 
            </div>
 
 
            <div class="dropdown">
 
                <a href="https://2017.igem.org/Team:SMS_Shenzhen/Collaborations">Collaborations</a>
 
            </div>
 
 
            <div class="dropdown">
 
                <a href="https://2017.igem.org/Team:SMS_Shenzhen/Human_Practices" class="dropbtn">Human Practice</a>
 
                <div class="dropdown-content">
 
                    <a href="https://2017.igem.org/Team:SMS_Shenzhen/Human_Practices">Summary</a>
 
                    <a href="https://2017.igem.org/Team:SMS_Shenzhen/HP/Silver">Silver</a>
 
                    <a href="https://2017.igem.org/Team:SMS_Shenzhen/HP/Gold_Integrated">Gold</a>
 
                    <a href="https://2017.igem.org/Team:SMS_Shenzhen/Engagement">Engagement</a>
 
                </div>
 
            </div>
 
            <div class="dropdown">
 
                <a href="https://2017.igem.org/Team:SMS_Shenzhen/Safety" class="dropbtn">Safety</a>
 
            </div>
 
 
            <div class="dropdown">
 
                <a href="https://2017.igem.org/Team:SMS_Shenzhen/Team" class="dropbtn">Team</a>
 
                <div class="dropdown-content">
 
                    <a href="https://2017.igem.org/Team:SMS_Shenzhen/Team">Team Members</a>
 
                    <a href="https://2017.igem.org/Team:SMS_Shenzhen/Attributions">Attributions</a>
 
                </div>
 
            </div>
 
 
            <!--照抄前年的代码了-->
 
 
        </li>
 
    </ul>
 
</div>
 
  
 
<body>
 
<body>

Revision as of 22:39, 9 October 2018

Template:Team:SMS Shenzhen/CSS

Title

Project Description

This year, SMS_Shenzhen team will focus on using synthetic biologic method to prevent dental plaque. Dental plaque can be led by Streptococcus mutans, a bacteria lives in human's mouth. Clinging to the teeth in thin layers called biofilm, S. mutans digests sucrose and produces acids that can eat into enamel and cause cavities. Specifically, dextran is the main component of the biofilm. We find two enzymes, the first one is named "Dextranase", which can hydrolyze the dextran in the biofilm; and the second one is named "FruA", which can decompose the resource that S. mutans uses to produce bioflim. The gene of these two enzymes are cloned into E. coli and Lactobacillus. In our experiment, we would use E.coli to produce these two enzymes for relative measurement like enzyme activity. Then, for commercial design, we would produce leben with our Lactobacillus which can secrete these two enzymes.