Difference between revisions of "Team:UCAS"

Line 1: Line 1:
−
{{Example}}
+
<!DOCTYPE html>
 
<html>
 
<html>
 +
    <head>
 +
        <meta charset="UTF-8">
 +
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 +
        <meta name="renderer" content="webkit">
 +
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
        <title>Home</title>
 +
        <!--jQuery-->
 +
        <script src="resources/jQuery/jquery.min.js"></script>
 +
        <!--bootstrap-->
 +
        <link href="resources/bootstrap/css/bootstrap.min.css" rel="stylesheet">
 +
        <script src="resources/bootstrap/js/bootstrap.min.js"></script>
 +
        <!--customer-->
 +
        <link href="resources/nav/nav.css" rel="stylesheet">
 +
        <link href="resources/customer/customer.css" rel="stylesheet">
  
−
<div class="column full_size" >
+
        <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
−
<h2> Project Description </h2>
+
        <!--[if lt IE 9]>
−
<h5>Degrading Antibiotic Residues in City Water Bodies </h5>
+
        <script src="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.js"></script>
−
 
+
        <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
−
</div>
+
        <![endif]-->
−
<div class="column full_size" >
+
    </head>
−
<p>During the course of brainstorm, our team members came up with several ideas including treating diabetes using gut microbes, degrading PCBs in the environment and degrading antibiotic residues.After consulting professionals, we decided to work on degrading antibiotics for several reasons: </p>
+
    <body>
−
<p>(1) Antibiotic resistant crisis has become a major threat to human health and it has attracted much attention worldwide in recent years. Since antibiotic contaminant is more eminent than others like PCBs, we decided to tackle this problem; </p>
+
        <div class="container-fluid" style="background-color: black">
−
<p>(2) China is by far the largest antibiotic producing and consuming country in the world, but it was not until recently that the public has been aware of the consequence of antibiotic abuse;</p>
+
            <img src="resources/img/navLeft.png" style="float: left; height: 40px; padding-left: 10px">
−
<p>(3) Researches show that connection of antibiotic residues in city river is relatively high, so this is the practical use of our project; </p>
+
            <img src="resources/img/navRight.png" style="float: right; height: 40px; padding-right: 10px">
−
<p>(4) Thanks to the works finished by previous teams, we can utilize and enhance some of the submitted parts; </p>
+
            <nav class="homeNav" style="float: right">
−
<p>(5) While most of the previous teams focused on testing the antibiotics in natural environment or some products, we will focus on degrading the antibiotics. Evaluating the degrading efficacy of enzymes is a primary goal of our work;</p>
+
                <ul>
−
<p>Antibiotics have long been extensively used in agriculture, livestock husbandry and medical treatment, but the harm caused by the abuse of antibiotics has not been realized by human society until recently. Researches show that antibiotic residues in water seriously affect human health and ecological safety. China, as a country which uses excessive antibiotics, would suffer from the harm of drug residues more severely. In order to effectively degrade the antibiotic residues in water, the UCAS iGEM team 2016 hope to construct a kind of microorganism which is able to decompose antibiotics with high efficiency. We choose several oxidative methods to solve this problem, and screen several productive oxidases.</p>
+
                    <li><a href="home.html">HOME</a></li>
−
<p>There are mainly three parts to our project.</p>
+
                    <li>
−
<p>(1)The selection of degrading enzymes: Before enzymatic reaction, we first used some active small molecules to test the degradation efficiency of antibiotics. However, the results are not promising, indicating that chemical compounds alone are not sufficient to degrade antibiotics. Next, we will try to practice enzymatic reactions to decompose antibiotics in vitro, and will compare the efficiencies with those of natural resistant genes, so that we would select one or a few oxidases. The enzymes we will screen includes a form of manganese peroxidase(MnCcp) and myoglobin mutants. We choose E. coli as the chassis organism, and evaluate the degrading efficiency in vivo.</p>
+
                        <a href="team.html">TEAM</a>
−
<p>(2)Genetically modified microbes(GMMs) threaten the environment once the artificial genes are transformed to other organisms or released. So we designed a kill-switch to prevent the horizontal-gene-transfer based on Type II TA modules commonly found in prokaryotes. In this summer, we will measure the toxicity of different types of TA modules, in order to screen out the most toxic ones. In addition to test the activity of different toxins independently, we will also come up with a method to label and quantify the amount of toxins expressed in cells, and to compare the toxicity per unit between varies kinds of toxins.</p>
+
                        <ul>
−
<p>(3)Circuit design: We hope that the expression of antibiotic degrading enzyme and the TA module could be tightly regulated by signals outside. So in this part, we will utilize the tetracycline sensor constructed by BIT and make improvements to it by adding a positive feedback. We are also expected to further characterize this circuit. We will also test the TA module regulation circuit reported in some research papers.</p>
+
                            <li><a href="team.html">Team</a></li>
−
 
+
                            <li><a href="collaborations.html">Collaborations</a></li>
−
 
+
                        </ul>
 +
                    </li>
 +
                    <li>
 +
                        <a href="description.html">PROJECT</a>
 +
                        <ul>
 +
                            <li><a href="description.html">Description</a></li>
 +
                            <li><a href="design.html">Design</a></li>
 +
                            <li><a href="experiments.html">Experiments</a></li>
 +
                            <li><a href="achievements.html">Achievements</a></li>
 +
                            <li><a href="proof_of_concept.html">Proof of Concept</a></li>
 +
                            <li><a href="demonstrate.html">Demonstrate</a></li>
 +
                            <li><a href="results2.html">Results</a></li>
 +
                            <li><a href="notebook.html">Notebook</a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li>
 +
                        <a href="basic_parts.html">Parts</a>
 +
                        <ul>
 +
                            <li><a href="basic_parts.html">Basic Parts</a></li>
 +
                            <li><a href="composite_parts.html">Composite Parts</a></li>
 +
                            <li><a href="part_collection.html">Part Collection</a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li>
 +
                        <a href="safety.html">Safety</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="attributions.html">Attributions</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="human_practices.html">HUMAN PRACTICES</a>
 +
                        <ul>
 +
                            <li><a href="human_practices.html">Human Practices</a></li>
 +
                            <li><a href="silver.html">Silver</a></li>
 +
                            <li><a href="gold.html">Gold</a></li>
 +
                            <li><a href="integrated_human_practices.html">Integrated Human Practices</a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li>
 +
                        <a href="engagement.html">Engagement</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="hardware.html">AWARDS</a>
 +
                        <ul>
 +
                            <li><a href="hardware.html">Hardware</a></li>
 +
                            <li><a href="mode.html">Mode</a></li>
 +
                        </ul>
 +
                    </li>
 +
                </ul>
 +
            </nav>
 +
        </div>
 +
        <div class="container home-content">
 +
            <div class="row">
 +
                <div id="carousel-home" class="carousel slide" data-ride="carousel">
 +
                    <!-- Indicators -->
 +
                    <ol class="carousel-indicators">
 +
                        <li data-target="#carousel-home" data-slide-to="0" class="active"></li>
 +
                        <li data-target="#carousel-home" data-slide-to="1"></li>
 +
                    </ol>
 +
                    <!-- Wrapper for slides -->
 +
                    <div class="carousel-inner" role="listbox">
 +
                        <div class="item active">
 +
                            <img src="resources/img/carousel01.png" class="carouselImg">
 +
                        </div>
 +
                        <div class="item">
 +
                            <img src="resources/img/carousel01.png" class="carouselImg">
 +
                        </div>
 +
                    </div>
 +
                    <!-- Controls -->
 +
                    <a class="left carousel-control" href="#carousel-home" role="button" data-slide="prev">
 +
                        <span class="glyphicon glyphicon-chevron-left"></span>
 +
                        <span class="sr-only">Previous</span>
 +
                    </a>
 +
                    <a class="right carousel-control" href="#carousel-home" role="button" data-slide="next">
 +
                        <span class="glyphicon glyphicon-chevron-right"></span>
 +
                        <span class="sr-only">Next</span>
 +
                    </a>
 +
                </div>
 +
            </div>
 +
            <div class="row">
 +
                <div style="position: relative;">
 +
                    <div>
 +
                        <img src="resources/img/abstract.png" style="width: 100%;">
 +
                    </div>
 +
                    <div style="position: absolute; left: 7%; top: 21%; width: 88%; z-index: 10;">
 +
                        示例文字，示例文字，示例文字，示例文字，示例文字，示例文字，
 +
                        示例文字，示例文字，示例文字，示例文字，示例文字，示例文字，
 +
                        示例文字，示例文字，示例文字，示例文字，示例文字，示例文字，
 +
                        示例文字，示例文字，示例文字，示例文字，示例文字，示例文字，
 +
                        示例文字，示例文字，示例文字，示例文字，示例文字，示例文字，
 +
                        <br>
 +
                        自己改字体、字间距和行间距
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="row">
 +
                <div style="position: relative;">
 +
                    <div>
 +
                        <img src="resources/img/contact.png" style="width: 100%;">
 +
                    </div>
 +
                    <div style="position: absolute; left: 9%; top: 38%; width: 36%; z-index: 10; background-color: #2aabd2;">
 +
                        TEST
 +
                    </div>
 +
                    <div style="position: absolute; left: 19%; top: 56%; width: 27%; z-index: 10; background-color: #2aabd2;">
 +
                        TEST
 +
                    </div>
 +
                    <div style="position: absolute; left: 19%; top: 67%; width: 27%; z-index: 10; background-color: #2aabd2;">
 +
                        TEST
 +
                    </div>
 +
                    <div style="position: absolute; left: 8.5%; top: 86%; width: 4.4%; z-index: 10;">
 +
                        <a href="wiki.html" target="_blank">
 +
                            <img src="resources/img/facebook.png" style="width: 100%;">
 +
                        </a>
 +
                    </div>
 +
                    <div style="position: absolute; left: 14.5%; top: 86%; width: 4.4%; z-index: 10;">
 +
                        <a href="wiki.html" target="_blank">
 +
                            <img src="resources/img/twitter.png" style="width: 100%;">
 +
                        </a>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </body>
 
</html>
 
</html>

Revision as of 13:35, 11 October 2016

<!DOCTYPE html> Home

示例文字，示例文字，示例文字，示例文字，示例文字，示例文字， 示例文字，示例文字，示例文字，示例文字，示例文字，示例文字， 示例文字，示例文字，示例文字，示例文字，示例文字，示例文字， 示例文字，示例文字，示例文字，示例文字，示例文字，示例文字， 示例文字，示例文字，示例文字，示例文字，示例文字，示例文字，
自己改字体、字间距和行间距
TEST
TEST
TEST