Difference between revisions of "Team:SMS Shenzhen"

 
(10 intermediate revisions by the same user not shown)
Line 1: Line 1:
 +
{{SMS_Shenzhen/CSS}}
  
 
<html lang="en">
 
<html lang="en">
Line 7: Line 8:
  
  
 
<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>
 
<body>
  
<div class="header">
 
    <ul>
 
        <li>
 
            <div class="dropdown">
 
                <a href="https://2018.igem.org/Team:SMS_Shenzhen">Home</a>
 
            </div>
 
  
            <div class="dropdown">
+
<img src="https://static.igem.org/mediawiki/2018/1/1c/T--SMS_Shenzhen--20.jpg" width="100%" >
                <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">
+
<img src="https://static.igem.org/mediawiki/2018/9/9e/T--SMS_Shenzhen--2.jpg" width="100%" >
                <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">
+
<img src="https://static.igem.org/mediawiki/2018/b/bf/T--SMS_Shenzhen--3.jpg" width="100%" >
                <a href="https://2017.igem.org/Team:SMS_Shenzhen/Collaborations">Collaborations</a>
+
            </div>
+
  
            <div class="dropdown">
+
<img src="https://static.igem.org/mediawiki/2018/b/b2/T--SMS_Shenzhen--4.jpg" width="100%" >
                <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://2018.igem.org/Team:SMS_Shenzhen/Description">
                <a href="https://2017.igem.org/Team:SMS_Shenzhen/Team" class="dropbtn">Team</a>
+
<img src="https://static.igem.org/mediawiki/2018/1/1a/T--SMS_Shenzhen--5.jpg" width="100%" >
                <div class="dropdown-content">
+
</a>
                    <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>
+
  
            <!--照抄前年的代码了-->
+
<img src="https://static.igem.org/mediawiki/2018/f/ff/T--SMS_Shenzhen--blue.jpg" width="100%" >
 
+
        </li>
+
    </ul>
+
</div>
+
 
+
<body>
+
  
<div id="sec1">
 
    <div id="page">
 
        <center>
 
        <h2>Project Description</h2>
 
        </center>
 
        <p style="font-size:18px">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.</p>
 
    </div>
 
</div>
 
  
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 16:15, 15 October 2018

Title

Title