Difference between revisions of "Team:UCAS"

 
(30 intermediate revisions by 3 users not shown)
Line 1: Line 1:
<!DOCTYPE html>
 
 
<html>
 
<html>
    <head>
+
<head>
        <meta charset="UTF-8">
+
    <meta charset="UTF-8">
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta name="renderer" content="webkit">
+
    <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Home</title>
+
    <title>Home</title>
        <!--jQuery-->
+
    <style type='text/css'>
        <script src="resources/jQuery/jquery.min.js"></script>
+
         #top_title, #sideMenu {
        <!--bootstrap-->
+
            display: none;
        <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">
+
  
         <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
+
         #content {
        <!--[if lt IE 9]>
+
            width: 100%;
        <script src="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.js"></script>
+
            margin: 0;
        <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
+
            padding: 0;
        <![endif]-->
+
        }
     </head>
+
    </style>
    <body>
+
    <!--jQuery-->
        <div class="container-fluid" style="background-color: black">
+
    <script src="https://2016.igem.org/Template:UCAS/jQuery/jquery_min?action=raw&ctype=text/javascript"></script>
            <img src="resources/img/navLeft.png" style="float: left; height: 40px; padding-left: 10px">
+
    <script src="https://2016.igem.org/Template:UCAS/jQuery/jquery_easing?action=raw&ctype=text/javascript"></script>
            <img src="resources/img/navRight.png" style="float: right; height: 40px; padding-right: 10px">
+
    <!--bootstrap-->
            <nav class="homeNav" style="float: right">
+
    <link href="https://2016.igem.org/Template:UCAS/bootstrap/css/bootstrap_min?action=raw&ctype=text/css" rel="stylesheet">
                <ul>
+
    <script src="https://2016.igem.org/Template:UCAS/bootstrap/js/bootstrap_min?action=raw&ctype=text/javascript"></script>
                    <li><a href="home.html">HOME</a></li>
+
    <!--ZalkiHoverImg-->
                    <li>
+
    <link href="https://2016.igem.org/Template:UCAS/ZalkiHoverImg/zalki_hover_img?action=raw&ctype=text/css" rel="stylesheet">
                        <a href="team.html">TEAM</a>
+
    <script type="text/javascript" src="https://2016.igem.org/Template:UCAS/ZalkiHoverImg/zalki_hover_img_min?action=raw&ctype=text/javascript"></script>
                        <ul>
+
    <!--customer-->
                            <li><a href="team.html">Team</a></li>
+
    <script src="https://2016.igem.org/Template:UCAS/customer/docs_js?action=raw&ctype=text/javascript"></script>
                            <li><a href="collaborations.html">Collaborations</a></li>
+
    <link href="https://2016.igem.org/Template:UCAS/customer/docs?action=raw&ctype=text/css" rel="stylesheet">
                        </ul>
+
    <link href="https://2016.igem.org/Template:UCAS/customer/patch?action=raw&ctype=text/css" rel="stylesheet">
                    </li>
+
    <link href="https://2016.igem.org/Template:UCAS/nav/nav?action=raw&ctype=text/css" rel="stylesheet">
                    <li>
+
    <link href="https://2016.igem.org/Template:UCAS/customer/customer?action=raw&ctype=text/css" rel="stylesheet">
                        <a href="description.html">PROJECT</a>
+
 
                        <ul>
+
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
                            <li><a href="description.html">Description</a></li>
+
    <!--[if lt IE 9]>
                            <li><a href="design.html">Design</a></li>
+
    <script src="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.js"></script>
                            <li><a href="experiments.html">Experiments</a></li>
+
    <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
                            <li><a href="achievements.html">Achievements</a></li>
+
    <![endif]-->
                            <li><a href="proof_of_concept.html">Proof of Concept</a></li>
+
     <script>
                            <li><a href="demonstrate.html">Demonstrate</a></li>
+
        $(function () {
                            <li><a href="results2.html">Results</a></li>
+
            $('#top_menu_under').height(6);
                            <li><a href="notebook.html">Notebook</a></li>
+
        });
                        </ul>
+
    </script>
                    </li>
+
</head>
                    <li>
+
<body>
                         <a href="basic_parts.html">Parts</a>
+
    <div class="container-fluid" style="background-color: black">
                        <ul>
+
        <img src="https://static.igem.org/mediawiki/2016/d/dd/T--UCAS--navLeft.png" style="float: left; height: 40px; padding-left: 10px">
                            <li><a href="basic_parts.html">Basic Parts</a></li>
+
        <img src="https://static.igem.org/mediawiki/2016/2/22/T--UCAS--navRight.png" style="float: right; height: 40px; padding-right: 10px">
                            <li><a href="composite_parts.html">Composite Parts</a></li>
+
        <nav class="homeNav" style="float: right">
                            <li><a href="part_collection.html">Part Collection</a></li>
+
            <ul>
                        </ul>
+
                <li><a href="https://2016.igem.org/Team:UCAS">HOME</a></li>
                    </li>
+
                <li>
                    <li>
+
                    <a>TEAM</a>
                        <a href="safety.html">Safety</a>
+
                    <ul>
                    </li>
+
                        <li><a href="https://2016.igem.org/Team:UCAS/Team">Team</a></li>
                    <li>
+
                        <li><a href="https://2016.igem.org/Team:UCAS/Collaborations">Collaborations</a></li>
                        <a href="attributions.html">Attributions</a>
+
                    </ul>
                    </li>
+
                </li>
                    <li>
+
                <li>
                        <a href="human_practices.html">HUMAN PRACTICES</a>
+
                    <a>PROJECT</a>
                        <ul>
+
                    <ul>
                            <li><a href="human_practices.html">Human Practices</a></li>
+
                        <li><a href="https://2016.igem.org/Team:UCAS/Description">Description</a></li>
                            <li><a href="silver.html">Silver</a></li>
+
                        <li><a href="https://2016.igem.org/Team:UCAS/Design">Design</a></li>
                            <li><a href="gold.html">Gold</a></li>
+
                        <li><a href="https://2016.igem.org/Team:UCAS/Experiments">Protocols</a></li>
                            <li><a href="integrated_human_practices.html">Integrated Human Practices</a></li>
+
                        <li><a href="https://2016.igem.org/Team:UCAS/Proof">Proof of Concept</a></li>
                        </ul>
+
                        <li><a href="https://2016.igem.org/Team:UCAS/Demonstrate">Demonstrate</a></li>
                    </li>
+
                        <li><a href="https://2016.igem.org/Team:UCAS/Results">Achievements</a></li>
                    <li>
+
                        <li><a href="https://2016.igem.org/Team:UCAS/Hardware">Hardware</a></li>
                        <a href="engagement.html">Engagement</a>
+
                        <li><a href="https://2016.igem.org/Team:UCAS/Notebook">Notebook</a></li>
                    </li>
+
                    </ul>
                    <li>
+
                </li>
                        <a href="hardware.html">AWARDS</a>
+
                <li>
                        <ul>
+
                    <a>Parts</a>
                            <li><a href="hardware.html">Hardware</a></li>
+
                    <ul>
                            <li><a href="mode.html">Mode</a></li>
+
                         <li><a href="https://2016.igem.org/Team:UCAS/Parts">Parts</a></li>
                        </ul>
+
                        <li><a href="https://2016.igem.org/Team:UCAS/Basic_Part">Basic Parts</a></li>
                    </li>
+
                        <li><a href="https://2016.igem.org/Team:UCAS/Composite_Part">Composite Parts</a></li>
                </ul>
+
                        <li><a href="https://2016.igem.org/Team:UCAS/Part_Collection">Part Collection</a></li>
            </nav>
+
                    </ul>
        </div>
+
                </li>
        <div class="container home-content">
+
                <li>
            <div class="row">
+
                    <a href="https://2016.igem.org/Team:UCAS/Safety">Safety</a>
                <div id="carousel-home" class="carousel slide" data-ride="carousel">
+
                </li>
                    <!-- Indicators -->
+
                <li><a href="https://2016.igem.org/Team:UCAS/Model">Model</a></li>
                    <ol class="carousel-indicators">
+
                <li>
                        <li data-target="#carousel-home" data-slide-to="0" class="active"></li>
+
                    <a>HUMAN PRACTICES</a>
                        <li data-target="#carousel-home" data-slide-to="1"></li>
+
                    <ul>
                     </ol>
+
                        <li><a href="https://2016.igem.org/Team:UCAS/Human_Practices">Human Practices</a></li>
                     <!-- Wrapper for slides -->
+
                        <li><a href="https://2016.igem.org/Team:UCAS/HP/Silver">Silver</a></li>
                    <div class="carousel-inner" role="listbox">
+
                        <li><a href="https://2016.igem.org/Team:UCAS/HP/Gold">Gold</a></li>
                        <div class="item active">
+
                    </ul>
                            <img src="resources/img/carousel01.png" class="carouselImg">
+
                </li>
                        </div>
+
                <li>
                        <div class="item">
+
                    <a href="https://2016.igem.org/Team:UCAS/Attributions">Attributions</a>
                            <img src="resources/img/carousel01.png" class="carouselImg">
+
                </li>
                        </div>
+
            </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>
 +
                     <li data-target="#carousel-home" data-slide-to="2"></li>
 +
                     <li data-target="#carousel-home" data-slide-to="3"></li>
 +
                    <li data-target="#carousel-home" data-slide-to="4"></li>
 +
                </ol>
 +
                <!-- Wrapper for slides -->
 +
                <div class="carousel-inner" role="listbox">
 +
                    <div class="item active">
 +
                        <img src="https://static.igem.org/mediawiki/2016/3/31/T--UCAS--home01.png" class="carouselImg">
 
                     </div>
 
                     </div>
                     <!-- Controls -->
+
                     <div class="item">
                    <a class="left carousel-control" href="#carousel-home" role="button" data-slide="prev">
+
                         <img src="https://static.igem.org/mediawiki/2016/f/fe/T--UCAS--home02.png" class="carouselImg">
                         <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>
                     <div style="position: absolute; left: 7%; top: 21%; width: 88%; z-index: 10;">
+
                     <div class="item">
                        示例文字,示例文字,示例文字,示例文字,示例文字,示例文字,
+
                         <img src="https://static.igem.org/mediawiki/2016/7/79/T--UCAS--home03.png" class="carouselImg">
                        示例文字,示例文字,示例文字,示例文字,示例文字,示例文字,
+
                        示例文字,示例文字,示例文字,示例文字,示例文字,示例文字,
+
                        示例文字,示例文字,示例文字,示例文字,示例文字,示例文字,
+
                        示例文字,示例文字,示例文字,示例文字,示例文字,示例文字,
+
                         <br>
+
                        自己改字体、字间距和行间距
+
 
                     </div>
 
                     </div>
                </div>
+
                    <div class="item">
            </div>
+
                         <img src="https://static.igem.org/mediawiki/2016/a/ad/T--UCAS--home04.png" class="carouselImg">
            <div class="row">
+
                <div style="position: relative;">
+
                    <div>
+
                         <img src="resources/img/contact.png" style="width: 100%;">
+
 
                     </div>
 
                     </div>
                     <div style="position: absolute; left: 9%; top: 38%; width: 36%; z-index: 10; background-color: #2aabd2;">
+
                     <div class="item">
                         TEST
+
                         <img src="https://static.igem.org/mediawiki/2016/d/d4/T--UCAS--home05.png" class="carouselImg">
                    </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>
 +
                <!-- Controls -->
 +
                <a class="left carousel-control" href="#carousel-home" role="button" data-slide="prev">
 +
                    <span style="color: black; font-size: 100px;">&lsaquo;</span>
 +
                </a>
 +
                <a class="right carousel-control" href="#carousel-home" role="button" data-slide="next">
 +
                    <span style="color: black; font-size: 100px;">&rsaquo;</span>
 +
                </a>
 +
            </div>
 +
        </div>
 +
        <div class="row">
 +
            <img src="https://static.igem.org/mediawiki/2016/1/19/T--UCAS--abstract.png" style="width: 100%;">
 +
        </div>
 +
        <div class="row">
 +
            <p style="font-size:24px;line-height:190%; background-color: #ffffff; padding: 2% 10% 2%;">
 +
                The discovery and mass production of antibiotics has saved the life of hundreds of millions of people. However, antibiotic residues in nature and industrial products put people under exposure to varied antibiotics on a daily basis. The impact of such exposure is yet unclear, but some research have shed light on its role in antibiotic resistance or obesity. UCAS iGEM is devoted to degrading antibiotic residues in exhausted water in waste water treatment plants(WWTPs) or hospitals. We mainly focuses on tetracycline, which is one of the most abundant antibiotics detected in Chinese city rivers.
 +
                Screen of enzymes including TetX makes the system MORE EFFICIENT, whilst the design of a sensor with a T7 RNAP-derived amplifier and a TA module-based kill-switch makes the system SAFER and SMARTER. Our engineered bacteria will not express degrading enzymes unless the antibiotic is presented, and it effectively kills itself after leaking into wrong places.
 +
            </p>
 +
        </div>
 +
        <div class="row">
 +
            <div style="position: relative;color:blue;">
 +
                <div>
 +
                    <img src="https://static.igem.org/mediawiki/2016/9/94/T--UCAS--contact.png" style="width: 100%;">
 +
                </div>
 +
                <div style="position: absolute; left: 20%; top: 32%; width: 20%; z-index: 10;">
 +
                    19 A Yuquan Road, <br />Shijingshan Disrict,<br /> Beijng, P. R. China,<br /> 100049
 +
                </div>
 +
                <div style="position: absolute; left: 20%; top: 57%; width: 20%; z-index: 10;">
 +
                    +86-18811734091
 +
                </div>
 +
                <div style="position: absolute; left: 20%; top: 67%; width: 20%; z-index: 10;">
 +
                    <a href="mailto:ucasigem@163.com" style="color:blue;">ucasigem@163.com</a>
 +
                </div>
 +
                <!--                <div style="position: absolute; left: 8.5%; top: 86%; width: 4.4%; z-index: 10;">
 +
                    <a href="wiki.html" target="_blank">
 +
                        <img src="https://static.igem.org/mediawiki/2016/1/17/T--UCAS--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="https://static.igem.org/mediawiki/2016/2/28/T--UCAS--twitter.png" style="width: 100%;">
 +
                    </a>
 +
                </div>-->
 +
 
             </div>
 
             </div>
 
         </div>
 
         </div>
     </body>
+
     </div>
 +
</body>
 
</html>
 
</html>

Latest revision as of 13:59, 2 December 2016

Home

The discovery and mass production of antibiotics has saved the life of hundreds of millions of people. However, antibiotic residues in nature and industrial products put people under exposure to varied antibiotics on a daily basis. The impact of such exposure is yet unclear, but some research have shed light on its role in antibiotic resistance or obesity. UCAS iGEM is devoted to degrading antibiotic residues in exhausted water in waste water treatment plants(WWTPs) or hospitals. We mainly focuses on tetracycline, which is one of the most abundant antibiotics detected in Chinese city rivers. Screen of enzymes including TetX makes the system MORE EFFICIENT, whilst the design of a sensor with a T7 RNAP-derived amplifier and a TA module-based kill-switch makes the system SAFER and SMARTER. Our engineered bacteria will not express degrading enzymes unless the antibiotic is presented, and it effectively kills itself after leaking into wrong places.

19 A Yuquan Road,
Shijingshan Disrict,
Beijng, P. R. China,
100049
+86-18811734091