Difference between revisions of "Team:Peking"

Line 54: Line 54:
 
          
 
          
 
     </head>
 
     </head>
 
+
   
 
+
   
 
+
   
<body>
+
    <body>
    <!-- Home Section -->
+
        <!-- Home Section -->
    <div id="home">
+
        <div id="home">
       
+
        <a id="slider_left"><img src="https://static.igem.org/mediawiki/2015/d/d1/Peking-left.png" style="margin-top:100%" alt="Slide Left"></a>
+
        <a id="slider_right"><img src="https://static.igem.org/mediawiki/2015/f/fc/Peking-right.png" style="margin-top:100%" alt="Slide Right"></a>
+
       
+
        <img id="cycle-loader" src="https://static.igem.org/mediawiki/2016/7/78/T--Peking--images_ajax_loader.gif" />
+
        <div id="fullscreen-slider">
+
 
              
 
              
             <div>
+
             <a id="slider_left"><img src="https://static.igem.org/mediawiki/2015/d/d1/Peking-left.png" style="margin-top:100%" alt="Slide Left"></a>
                <img src="https://static.igem.org/mediawiki/2016/f/fa/T--Peking--images_Uranium_Reaper1.jpg" alt="" />
+
            <a id="slider_right"><img src="https://static.igem.org/mediawiki/2015/f/fc/Peking-right.png" style="margin-top:100%" alt="Slide Right"></a>
                <!--div class="pattern">
+
                <div class="slide-content light">
+
                <div class="div-align-center">
+
                <p class="georgia">Welcome to our website</p>
+
                <h1>We are newave</h1>
+
                <a href="#we-are-newave" class="newave-button medium white outline">See What we do</a>
+
                </div>
+
                </div>
+
                </div>-->
+
            </div>
+
 
              
 
              
             <div>
+
            <img id="cycle-loader" src="https://static.igem.org/mediawiki/2016/7/78/T--Peking--images_ajax_loader.gif" />
                 <img src="https://static.igem.org/mediawiki/2016/7/7d/T--Peking--images_Uranium_Reaper2.jpg" alt="" />
+
             <div id="fullscreen-slider">
                <!-- <div class="pattern">
+
                  
                <div class="slide-content light">
+
                <div>
                <div class="div-word-on-picture1">
+
                    <img src="https://static.igem.org/mediawiki/2016/f/fa/T--Peking--images_Uranium_Reaper1.jpg" alt="" />
                <h1>Uranium </h1>
+
                    <!--div class="pattern">
                </div>
+
                    <div class="slide-content light">
               
+
                    <div class="div-align-center">
                <div class="div-word-on-picture2">
+
                    <p class="georgia">Welcome to our website</p>
                <h1>Reaper</h1>
+
                    <h1>We are newave</h1>
                </div>
+
                    <a href="#we-are-newave" class="newave-button medium white outline">See What we do</a>
               
+
                    </div>
                <p><span style="font-family:Verdana;font-size:15px">iGEM 2016</span></p>
+
                    </div>
                </div>
+
                    </div>-->
                </div>-->
+
                </div>
 +
               
 +
                <div>
 +
                    <img src="https://static.igem.org/mediawiki/2016/7/7d/T--Peking--images_Uranium_Reaper2.jpg" alt="" />
 +
                    <!-- <div class="pattern">
 +
                    <div class="slide-content light">
 +
                    <div class="div-word-on-picture1">
 +
                    <h1>Uranium </h1>
 +
                    </div>
 +
                   
 +
                    <div class="div-word-on-picture2">
 +
                    <h1>Reaper</h1>
 +
                    </div>
 +
                   
 +
                    <p><span style="font-family:Verdana;font-size:15px">iGEM 2016</span></p>
 +
                    </div>
 +
                    </div>-->
 +
                </div>
 +
               
 +
                <div>
 +
                    <img src="https://static.igem.org/mediawiki/2016/c/c9/T--Peking--images_Uranium_Reaper3.jpg" alt="" />
 +
                    <!--<div class="pattern">
 +
                    <div class="slide-content light">
 +
                    <div class="div-align-center">
 +
                    <p class="georgia">Welcome to our website</p>
 +
                    <h1>We are newave</h1>
 +
                    <a href="#we-are-newave" class="newave-button medium white outline">See What we do</a>
 +
                    </div>
 +
                    </div>
 +
                    </div>-->
 +
                </div>
 +
               
 +
               
 +
                <div>
 +
                    <img src="https://static.igem.org/mediawiki/2016/b/b8/T--Peking--images_Uranium_Reaper4.jpg" alt="" />
 +
                    <!--<div class="pattern">
 +
                    <div class="slide-content light">
 +
                    <div class="div-align-center">
 +
                    <p class="georgia">Welcome to our website</p>
 +
                    <h1>We are newave</h1>
 +
                    <a href="#we-are-newave" class="newave-button medium white outline">See What we do</a>
 +
                    </div>
 +
                    </div>
 +
                    </div>-->
 +
                </div>
 +
               
 
             </div>
 
             </div>
 +
            <!-- End Home Section -->
 
              
 
              
            <div>
 
                <img src="https://static.igem.org/mediawiki/2016/c/c9/T--Peking--images_Uranium_Reaper3.jpg" alt="" />
 
                <!--<div class="pattern">
 
                <div class="slide-content light">
 
                <div class="div-align-center">
 
                <p class="georgia">Welcome to our website</p>
 
                <h1>We are newave</h1>
 
                <a href="#we-are-newave" class="newave-button medium white outline">See What we do</a>
 
                </div>
 
                </div>
 
                </div>-->
 
            </div>
 
 
              
 
              
 
              
 
              
            <div>
 
                <img src="https://static.igem.org/mediawiki/2016/b/b8/T--Peking--images_Uranium_Reaper4.jpg" alt="" />
 
                <!--<div class="pattern">
 
                <div class="slide-content light">
 
                <div class="div-align-center">
 
                <p class="georgia">Welcome to our website</p>
 
                <h1>We are newave</h1>
 
                <a href="#we-are-newave" class="newave-button medium white outline">See What we do</a>
 
                </div>
 
                </div>
 
                </div>-->
 
            </div>
 
 
              
 
              
        </div>
 
        <!-- End Home Section -->
 
       
 
       
 
       
 
       
 
       
 
<!-- Navigation -->
 
<div id="navigation" class="navbar navbar-fixed-top">
 
    <div class="navbar-inner ">
 
        <div class="container no-padding">
 
            <a class="show-menu" data-toggle="collapse" data-target=".nav-collapse"><span class="show-menu-bar"></span>
 
            </a>
 
            <div id="logo" style="max-width:170px"><a class="" href="https://2016.igem.org/Team:Peking"></a></div>
 
 
              
 
              
             <div class="nav-collapse collapse">
+
            <!-- Navigation -->
                <ul class="nav">
+
             <div id="navigation" class="navbar navbar-fixed-top">
                    <li class="menu-1"><a class="colapse-menu1" href="https://2016.igem.org/Team:Peking" >Home</a></li>
+
                <div class="navbar-inner ">
                    <li class="dropdown menu-2"><a class="dropdown-toggle" data-toggle="dropdown" href="#" > Achievements</a>
+
                    <div class="container no-padding">
                        <ul class="dropdown-menu">
+
                        <a class="show-menu" data-toggle="collapse" data-target=".nav-collapse"><span class="show-menu-bar"></span>
                            <li><a href="https://2016.igem.org/Team:Peking/Demonstrate" >Results</a></li>
+
                        </a>
                            <li><a href="https://2016.igem.org/Team:Peking/Basic_Part" >Parts</a></li>
+
                        <div id="logo" style="max-width:170px"><a class="" href="https://2016.igem.org/Team:Peking"></a></div>
                            <li><a href="https://2016.igem.org/Team:Peking/Collaborations" >Collaborations</a></li>
+
                       
                        </ul>
+
                        <div class="nav-collapse collapse">
                    </li>
+
                            <ul class="nav">
                    <li class="dropdown menu-3"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Project</a>
+
                                <li class="menu-1"><a class="colapse-menu1" href="https://2016.igem.org/Team:Peking" >Home</a></li>
                        <ul class="dropdown-menu">
+
                                <li class="dropdown menu-2"><a class="dropdown-toggle" data-toggle="dropdown" href="#" > Achievements</a>
                            <li><a href="https://2016.igem.org/Team:Peking/Description" >Overview</a></li>
+
                                    <ul class="dropdown-menu">
                            <li><a href="https://2016.igem.org/Team:Peking/Design" >Design</a></li>
+
                                        <li><a href="https://2016.igem.org/Team:Peking/Demonstrate" >Results</a></li>
                            <li><a href="https://2016.igem.org/Team:Peking/Crosslinking" >Crosslinking</a></li>
+
                                        <li><a href="https://2016.igem.org/Team:Peking/Basic_Part" >Parts</a></li>
                            <li><a href="https://2016.igem.org/Team:Peking/Uranyl-adsorption" >Uranyl adsorption</a></li>
+
                                        <li><a href="https://2016.igem.org/Team:Peking/Collaborations" >Collaborations</a></li>
                            <li><a href="https://2016.igem.org/Team:Peking/Recovery" >Recovery</a></li>
+
                                    </ul>
                            <li><a href="https://2016.igem.org/Team:Peking/Secretion" >Secretion</a></li>
+
                                </li>
                            <li><a href="https://2016.igem.org/Team:Peking/Proof" >Proof and speculation</a></li>
+
                                <li class="dropdown menu-3"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Project</a>
                        </ul>
+
                                    <ul class="dropdown-menu">
                    </li>
+
                                        <li><a href="https://2016.igem.org/Team:Peking/Description" >Overview</a></li>
                    <li class="dropdown menu-4"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Modeling</a>
+
                                        <li><a href="https://2016.igem.org/Team:Peking/Design" >Design</a></li>
                        <ul class="dropdown-menu">
+
                                        <li><a href="https://2016.igem.org/Team:Peking/Crosslinking" >Crosslinking</a></li>
                            <li><a href="https://2016.igem.org/Team:Peking/Model" >Protein polymerization</a></li>
+
                                        <li><a href="https://2016.igem.org/Team:Peking/Uranyl-adsorption" >Uranyl adsorption</a></li>
                            <li><a href="https://2016.igem.org/Team:Peking/Software" >Software</a></li>
+
                                        <li><a href="https://2016.igem.org/Team:Peking/Recovery" >Recovery</a></li>
                        </ul>
+
                                        <li><a href="https://2016.igem.org/Team:Peking/Secretion" >Secretion</a></li>
                    </li>
+
                                        <li><a href="https://2016.igem.org/Team:Peking/Proof" >Proof and speculation</a></li>
                    <li class="dropdown menu-5"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Practices</a>
+
                                    </ul>
                        <ul class="dropdown-menu">
+
                                </li>
                            <li><a href="https://2016.igem.org/Team:Peking/HP/Gold" >Overview</a></li>
+
                                <li class="dropdown menu-4"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Modeling</a>
                            <li><a href="https://2016.igem.org/Team:Peking/HP/311" >Field research</a></li>
+
                                    <ul class="dropdown-menu">
                            <li><a href="https://2016.igem.org/Team:Peking/HP/questionnaire" >Questionnaire</a></li>
+
                                        <li><a href="https://2016.igem.org/Team:Peking/Model" >Protein polymerization</a></li>
                            <li><a href="https://2016.igem.org/Team:Peking/HP/consulting" >Consulting</a></li>
+
                                        <li><a href="https://2016.igem.org/Team:Peking/Software" >Software</a></li>
                            <li><a href="https://2016.igem.org/Team:Peking/HP/otherHP" >Other work</a></li>
+
                                    </ul>
                        </ul>
+
                                </li>
                    </li>
+
                                <li class="dropdown menu-5"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Practices</a>
                    <li class="menu-6"><a class="colapse-menu1" href="https://2016.igem.org/Team:Peking/Safety" >Safety</a>
+
                                    <ul class="dropdown-menu">
                        <li class="dropdown menu-7"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Lab</a>
+
                                        <li><a href="https://2016.igem.org/Team:Peking/HP/Gold" >Overview</a></li>
                            <ul class="dropdown-menu">
+
                                        <li><a href="https://2016.igem.org/Team:Peking/HP/311" >Field research</a></li>
                                <li><a class="" href="https://2016.igem.org/Team:Peking/Team" >Team</a></li>
+
                                        <li><a href="https://2016.igem.org/Team:Peking/HP/questionnaire" >Questionnaire</a></li>
                                <li><a class="" href="https://2016.igem.org/Team:Peking/Attributions" >Attribution</a></li>
+
                                        <li><a href="https://2016.igem.org/Team:Peking/HP/consulting" >Consulting</a></li>
                                <li><a class="" href="https://2016.igem.org/Team:Peking/Notebook" >Notebook</a></li>
+
                                        <li><a href="https://2016.igem.org/Team:Peking/HP/otherHP" >Other work</a></li>
                            </ul>
+
                                    </ul>
                        </li>
+
                                </li>
                        <li class="menu-8"><a class="colapse-menu1" href="https://2016.igem.org/Team:Peking/Interlab" >Interlab</a>
+
                                <li class="menu-6"><a class="colapse-menu1" href="https://2016.igem.org/Team:Peking/Safety" >Safety</a>
                        </li>
+
                                    <li class="dropdown menu-7"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Lab</a>
 +
                                        <ul class="dropdown-menu">
 +
                                            <li><a class="" href="https://2016.igem.org/Team:Peking/Team" >Team</a></li>
 +
                                            <li><a class="" href="https://2016.igem.org/Team:Peking/Attributions" >Attribution</a></li>
 +
                                            <li><a class="" href="https://2016.igem.org/Team:Peking/Notebook" >Notebook</a></li>
 +
                                        </ul>
 +
                                    </li>
 +
                                    <li class="menu-8"><a class="colapse-menu1" href="https://2016.igem.org/Team:Peking/Interlab" >Interlab</a>
 +
                                    </li>
 +
                                    </div>
 +
                    </div>
 +
                </div>
 
             </div>
 
             </div>
        </div>
+
            <!--/Navigation -->
    </div>
+
           
</div>
+
            <style>
<!--/Navigation -->
+
                .home_img{
       
+
                    padding: 10px;
        <style>
+
                    margin: 10px;
            .home_img{
+
                    width: 420px;
                padding: 10px;
+
                    float: left;
 +
                    height: 300px;
 +
                }
 +
            .home_text{
 +
                padding-top: 20px;
 
                 margin: 10px;
 
                 margin: 10px;
                width: 420px;
 
 
                 float: left;
 
                 float: left;
 
                 height: 300px;
 
                 height: 300px;
 
             }
 
             }
        .home_text{
+
             .texttitle{
             padding-top: 20px;
+
                color: #11abb0;
            margin: 10px;
+
                font-size: 38px;
            float: left;
+
                line-height: 48px;
            height: 300px;
+
                margin-bottom: 12px;
        }
+
                font-family: raleway-bold, sans-serif;
        .texttitle{
+
                background: transparent;
            color: #11abb0;
+
                letter-spacing: 3px;
            font-size: 38px;
+
                text-transform: uppercase;
            line-height: 48px;
+
                font-weight: 350;
            margin-bottom: 12px;
+
                text-align: center;
            font-family: raleway-bold, sans-serif;
+
            }
            background: transparent;
+
            </style>
            letter-spacing: 3px;
+
           
            text-transform: uppercase;
+
           
            font-weight: 350;
+
           
            text-align: center;
+
           
        }
+
           
        </style>
+
           
       
+
           
       
+
            <!--content-outer-->
       
+
            <div class="content-outer">
       
+
                <div id="page-content">
       
+
                     <div class="row add-bottom">
       
+
       
+
        <!--content-outer-->
+
        <div class="content-outer">
+
            <div id="page-content">
+
                <div class="row add-bottom">
+
                   
+
                     <section id="description" class="content">
+
                        <div class="row">
+
                            <div class="twelve columns">
+
                                <div class="texttitle">Abstract</div>
+
                                <p class="lead add-bottom" style="color:#5E5656">The problem of uranium contamination is a source of great concern. Uranium can have severe detrimental health effects (it is particularly harmful to the liver, kidney and bones) and lead to environment issues (chemical and radioactive hazards). Current treatment options available for uranium leaks in nuclear power plants or uranium pollution around ore-fields, such as ion exchange or flocculation-setting and phytoremediation, all have limitations including their high cost, low efficiency and the sheer complexity of the involved procedures.</p>
+
                               
+
                                <p class="lead add-bottom" style="color:#5E5656">To address these problems, the Peking iGEM team aims to construct a novel functional biomaterial consisting of multiple functional protein modules. This material is designed to be produced and secreted by bacteria, and automatically self-assemble to form a protein hydrogel. In combination with a specific uranium-binding protein module, it obtains the ability to adsorb uranyl ions. After very short contacting with polluted water, the uranyl-laden biomaterial, which also contains a monomeric streptavidin module, can be easily retrieved using biotinylated magnetic beads.
+
                                </p>
+
                               
+
                                <p class="lead add-bottom" style="color:#5E5656">This uranyl-binding biomaterial shows many advantages, such as high specificity, high efficiency, self-assembly and renewability. Furthermore, the uranyl-binding module can be replaced or combined with modules that are capable of binding other heavy metal ions, as well as fluorescent proteins, obtaining multi-functionality. By taking advantage of modularization in the design, additional applications beyond uranium adsorption can be developed based on this material in the future.</p>
+
                               
+
                            </div><!--12 columns ended-->
+
                        </div><!--row ended-->
+
 
                          
 
                          
                    </section>
+
                        <section id="description" class="content">
 +
                            <div class="row">
 +
                                <div class="twelve columns">
 +
                                    <div class="texttitle">Abstract</div>
 +
                                    <p class="lead add-bottom" style="color:#5E5656">The problem of uranium contamination is a source of great concern. Uranium can have severe detrimental health effects (it is particularly harmful to the liver, kidney and bones) and lead to environment issues (chemical and radioactive hazards). Current treatment options available for uranium leaks in nuclear power plants or uranium pollution around ore-fields, such as ion exchange or flocculation-setting and phytoremediation, all have limitations including their high cost, low efficiency and the sheer complexity of the involved procedures.</p>
 +
                                   
 +
                                    <p class="lead add-bottom" style="color:#5E5656">To address these problems, the Peking iGEM team aims to construct a novel functional biomaterial consisting of multiple functional protein modules. This material is designed to be produced and secreted by bacteria, and automatically self-assemble to form a protein hydrogel. In combination with a specific uranium-binding protein module, it obtains the ability to adsorb uranyl ions. After very short contacting with polluted water, the uranyl-laden biomaterial, which also contains a monomeric streptavidin module, can be easily retrieved using biotinylated magnetic beads.
 +
                                    </p>
 +
                                   
 +
                                    <p class="lead add-bottom" style="color:#5E5656">This uranyl-binding biomaterial shows many advantages, such as high specificity, high efficiency, self-assembly and renewability. Furthermore, the uranyl-binding module can be replaced or combined with modules that are capable of binding other heavy metal ions, as well as fluorescent proteins, obtaining multi-functionality. By taking advantage of modularization in the design, additional applications beyond uranium adsorption can be developed based on this material in the future.</p>
 +
                                   
 +
                                </div><!--12 columns ended-->
 +
                            </div><!--row ended-->
 +
                           
 +
                        </section>
 +
                    </div>
 
                 </div>
 
                 </div>
 +
            </div>
 +
           
 +
           
 +
           
 +
            <br /><br /><br /><br /><br />
 +
           
 +
           
 +
            <style>
 +
                #AppendixBox1{position:absolute; left:60px; top:390px; background-color:#aa4630;}
 +
                #Appendix1Title{position:absolute; left:0px; top:70px; width:340px; text-align:center; color:#ffffff; font-size:16px; border-bottom:0px; line-height:28px;}
 +
                #Appendix1Cover{position:absolute; left:0px; top:170px; width:370px; height:280px;}
 +
                .SmallBoxes{width:340px; height:250px;background-color:#FFFFFF; overflow:hidden;font-family: calibri, Arial, Helvetica, sans-serif; }
 +
                .SmallBoxes > img{position:absolute; left:0px; top:0px;}
 +
                .SmallBoxes p{position:absolute; left:20px; top:75px; width:300px; font-size:14px; color:#ffffff; text-align:justify;}
 +
                .SmallBoxes a{position:absolute; left:240px; top:220px; width:300px; font-size:12px; color:#ffffff; text-align:justify;}
 +
                .AppendixHeadLine{position:absolute; left:20px; top:20px; width:250px;border-bottom:0px; font-size:23px; color:#ffffff;}
 +
                .AppendixIcon{position:absolute; left:270px; top:20px; width:50px; }
 +
               
 +
 +
 +
            </style>
 +
           
 +
           
 +
           
 +
           
 +
        </div>
 +
        <div id="AppendixBox1" class="SmallBoxes" >
 +
            <h1 id="Appendix1Title"><i>Mining aromatics-sensing Biobricks <br/>from the genomic database</i></h1>
 +
            <div id="Appendix1Cover" >
 +
                <img id="AppendixImg1" src="https://static.igem.org/mediawiki/igem.org/e/ec/Peking2013_homepage_appendix1.jpg" />
 +
                <h1 class="AppendixHeadLine">Biosensor Mining</h1>
 +
                <img id="Appendix1Icon" class="AppendixIcon" src="https://static.igem.org/mediawiki/igem.org/1/13/Peking2013_home_appendix1icon.png" />
 +
                <p>The core component of our biosensor toolkit is the transcriptional regulators that sense aromatics. For the comprehensiveness of aromatics-sensing, a data-mining process was conducted to mine transcriptional regulators for each typical class of aromatics from the database Uniprot. </p>
 +
                <a href="https://2013.igem.org/Team:Peking/Project/SensorMining">LEARN MORE</a>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 
          
 
          
 +
        <script>
 +
        document.getElementById("AppendixBox1").onmouseover=function(){MoveInSlide("#Appendix1Cover")};
 +
        document.getElementById("AppendixBox1").onmouseout=function(){MoveOutSlide("#Appendix1Cover")};
 
          
 
          
 +
        function MoveInSlide(SlideId)
 +
        {
 +
        $(SlideId).stop().animate({top:"0px"},"fast");
 
          
 
          
         <br /><br /><br /><br /><br />
+
         };
 
          
 
          
 
          
 
          
 
          
 
          
         <!--/content-outer-->
+
         function MoveOutSlide(SlideId)
 +
        {
 +
        $(SlideId).stop().animate({top:"170px"},"fast");
 
          
 
          
 +
        };
 +
        </script>
 
          
 
          
 +
 
          
 
          
        <!-- footer(Home special)
+
             <!--/content-outer-->
        ================================================== -->
+
        <footer id="page-footer">
+
             <div class="row,row1">
+
                <ul class="footer-social">
+
                    <li class="col-md-6" id="PKU-administration" style="margin-bottom:25px;max-width:300px">
+
                        <a href="http://dean.pku.edu.cn/pkudean/index.html"><img src="https://static.igem.org/mediawiki/2016/7/7a/T--Peking--images_PKU_Administration_logo.png"></a>
+
                    </li>
+
                    <li class="col-md-6" id="PKU-SLS" style="margin-bottom:25px;max-width:300px">
+
                        <a href="http://www.bio.pku.edu.cn/"><img src="https://static.igem.org/mediawiki/2016/0/04/T--Peking--images_PKU_SLS_logo.png"></a>
+
                    </li>
+
                    <li class="col-md-6" id="IMCAS" style="margin-bottom:25px;max-width:300px">
+
                        <a href="http://english.im.cas.cn/"><img src="https://static.igem.org/mediawiki/2016/9/93/T--Peking--images_PKU_IMCAS_logo.png"></a>
+
                    </li>
+
                    <li class="col-md-6" id="PKU-CQB" style="margin-bottom:25px;max-width:300px">
+
                        <a href="http://cqb.pku.edu.cn/en/"><img src="https://static.igem.org/mediawiki/2016/e/e1/T--Peking--images_PKU_CQB_logo.png"></a>
+
                    </li>
+
                    <!--<li class="col-md-6" id="BluePha" style="margin-bottom:25px; max-width:300px">
+
                    <a href="http://www.bluepha.com/"><img src="images/PKU/Bluepha-logo.png"></a>
+
                    </li>-->
+
                    <li class="col-md-6" id="PKU-CCME" style="margin-bottom:25px;max-width:300px">
+
                        <a href="http://www.chem.pku.edu.cn/index.php?styleid=2"><img src="https://static.igem.org/mediawiki/2016/0/05/T--Peking--images_PKU_CCME_logo.png"></a>
+
                    </li>
+
                </ul>
+
            </div>
+
 
              
 
              
 
              
 
              
             <style><!-----style of copyright---->
+
           
                footer .copyright span:before {
+
             <!-- footer(Home special)
 +
            ================================================== -->
 +
            <footer id="page-footer">
 +
                <div class="row,row1">
 +
                    <ul class="footer-social">
 +
                        <li class="col-md-6" id="PKU-administration" style="margin-bottom:25px;max-width:300px">
 +
                            <a href="http://dean.pku.edu.cn/pkudean/index.html"><img src="https://static.igem.org/mediawiki/2016/7/7a/T--Peking--images_PKU_Administration_logo.png"></a>
 +
                        </li>
 +
                        <li class="col-md-6" id="PKU-SLS" style="margin-bottom:25px;max-width:300px">
 +
                            <a href="http://www.bio.pku.edu.cn/"><img src="https://static.igem.org/mediawiki/2016/0/04/T--Peking--images_PKU_SLS_logo.png"></a>
 +
                        </li>
 +
                        <li class="col-md-6" id="IMCAS" style="margin-bottom:25px;max-width:300px">
 +
                            <a href="http://english.im.cas.cn/"><img src="https://static.igem.org/mediawiki/2016/9/93/T--Peking--images_PKU_IMCAS_logo.png"></a>
 +
                        </li>
 +
                        <li class="col-md-6" id="PKU-CQB" style="margin-bottom:25px;max-width:300px">
 +
                            <a href="http://cqb.pku.edu.cn/en/"><img src="https://static.igem.org/mediawiki/2016/e/e1/T--Peking--images_PKU_CQB_logo.png"></a>
 +
                        </li>
 +
                        <!--<li class="col-md-6" id="BluePha" style="margin-bottom:25px; max-width:300px">
 +
                        <a href="http://www.bluepha.com/"><img src="images/PKU/Bluepha-logo.png"></a>
 +
                        </li>-->
 +
                        <li class="col-md-6" id="PKU-CCME" style="margin-bottom:25px;max-width:300px">
 +
                            <a href="http://www.chem.pku.edu.cn/index.php?styleid=2"><img src="https://static.igem.org/mediawiki/2016/0/05/T--Peking--images_PKU_CCME_logo.png"></a>
 +
                        </li>
 +
                    </ul>
 +
                </div>
 +
               
 +
               
 +
                <style><!-----style of copyright---->
 +
                    footer .copyright span:before {
 +
                        content: "|";
 +
                        padding-left: 10px;
 +
                        padding-right: 12px;
 +
                        color: #b4bbbb;
 +
                    }
 +
                footer .copyright span:after {
 
                     content: "|";
 
                     content: "|";
 
                     padding-left: 10px;
 
                     padding-left: 10px;
Line 293: Line 349:
 
                     color: #b4bbbb;
 
                     color: #b4bbbb;
 
                 }
 
                 }
            footer .copyright span:after {
+
                </style>
                content: "|";
+
               
                padding-left: 10px;
+
                <div class="row" >
                padding-right: 12px;
+
                    <ul class="copyright">
                 color: #b4bbbb;
+
                        <li><a href="Home.html">Home</a>&nbsp;&nbsp;&nbsp;<a href="#">Contact</a></li>
            }
+
                        <span> &copy;2016 PEKING IGEM. All Rights Reserved.</span>
             </style>
+
                        <li style="padding-right:20px"><a href="https://www.facebook.com/pekingigem"><i class="fa fa-facebook"></i></a></li>
 +
                        <li style="padding-right:20px"><a href="https://twitter.com/iGEM_Peking"><i class="fa fa-twitter"></i></a></li>
 +
                        <li style="padding-right:20px"><a href="#"><i class="fa fa-skype"></i></a></li>
 +
                    </ul>
 +
                 </div>
 +
               
 +
                <!-----go-to-top------>
 +
                <div id="go-top" style="display: block;z-index:1000;"><a title="Back to Top" href="#">Go To Top</a></div>
 +
               
 +
             </footer>
 +
            <!-- Footer End-->
 
              
 
              
            <div class="row" >
 
                <ul class="copyright">
 
                    <li><a href="Home.html">Home</a>&nbsp;&nbsp;&nbsp;<a href="#">Contact</a></li>
 
                    <span> &copy;2016 PEKING IGEM. All Rights Reserved.</span>
 
                    <li style="padding-right:20px"><a href="https://www.facebook.com/pekingigem"><i class="fa fa-facebook"></i></a></li>
 
                    <li style="padding-right:20px"><a href="https://twitter.com/iGEM_Peking"><i class="fa fa-twitter"></i></a></li>
 
                    <li style="padding-right:20px"><a href="#"><i class="fa fa-skype"></i></a></li>
 
                </ul>
 
            </div>
 
           
 
            <!-----go-to-top------>
 
            <div id="go-top" style="display: block;z-index:1000;"><a title="Back to Top" href="#">Go To Top</a></div>
 
           
 
        </footer>
 
        <!-- Footer End-->
 
       
 
       
 
        <!-- Java Script======================================================================= -->
 
        <script>window.jQuery || document.write('<script src="https://2016.igem.org/Template:Peking/Javascript/jquery_1_10_2_min?action=raw&ctype=text/javascript"><\/script>')</script>
 
        <script type="text/javascript" src="https://2016.igem.org/Template:Peking/Javascript/jquery_migrate_1_2_1_min?action=raw&ctype=text/javascript"></script>
 
       
 
        <script src="https://2016.igem.org/Template:Peking/Javascript/jquery_flexslider?action=raw&ctype=text/javascript"></script>
 
        <script src="https://2016.igem.org/Template:Peking/Javascript/doubleaptogo?action=raw&ctype=text/javascript"></script>
 
        <script src="https://2016.igem.org/Template:Peking/Javascript/init?action=raw&ctype=text/javascript"></script>
 
       
 
        <!--quotations from flexslider: start-->
 
        <script src='https://2016.igem.org/Template:Peking/Javascript/modernizr_js?action=raw&ctype=text/javascript'></script>
 
            <script type='text/javascript' src='https://2016.igem.org/Template:Peking/Javascript/fjquery_polaroid?action=raw&ctype=text/javascript'></script>
 
            <script type='text/javascript' src='https://2016.igem.org/Template:Peking/Javascript/fjquery_easing?action=raw&ctype=text/javascript'></script>
 
            <script type='text/javascript' src='https://2016.igem.org/Template:Peking/Javascript/fjquery_transform_0_8_0_min?action=raw&ctype=text/javascript'></script>
 
            <script type='text/javascript' src='https://2016.igem.org/Template:Peking/Javascript/fjquery_preloader?action=raw&ctype=text/javascript'></script>
 
            <!--quotations from flexslider: end-->
 
 
              
 
              
             <!--quotations from black: start-->
+
             <!-- Java Script======================================================================= -->
            <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery?action=raw&ctype=text/javascript"></script>
+
             <script>window.jQuery || document.write('<script src="https://2016.igem.org/Template:Peking/Javascript/jquery_1_10_2_min?action=raw&ctype=text/javascript"><\/script>')</script>
            <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_sticky?action=raw&ctype=text/javascript"></script>
+
             <script type="text/javascript" src="https://2016.igem.org/Template:Peking/Javascript/jquery_migrate_1_2_1_min?action=raw&ctype=text/javascript"></script>
            <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_easing_1_3_pack?action=raw&ctype=text/javascript"></script>
+
            <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/bootstrap_min?action=raw&ctype=text/javascript"></script>
+
            <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_patallax_1_1_3?action=raw&ctype=text/javascript"></script>
+
            <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/appear?action=raw&ctype=text/javascript"></script>
+
            <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/modernizr?action=raw&ctype=text/javascript"></script>
+
            <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_prettyPhoto?action=raw&ctype=text/javascript"></script>
+
            <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/isotope?action=raw&ctype=text/javascript"></script>
+
            <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_bxslider_min?action=raw&ctype=text/javascript"></script>
+
             <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_cycle_all?action=raw&ctype=text/javascript" ></script>
+
            <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_maximage?action=raw&ctype=text/javascript"></script>
+
             <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/scripts?action=raw&ctype=text/javascript "></script>
+
            <!--quotations from black: end-->
+
 
              
 
              
 +
            <script src="https://2016.igem.org/Template:Peking/Javascript/jquery_flexslider?action=raw&ctype=text/javascript"></script>
 +
            <script src="https://2016.igem.org/Template:Peking/Javascript/doubleaptogo?action=raw&ctype=text/javascript"></script>
 +
            <script src="https://2016.igem.org/Template:Peking/Javascript/init?action=raw&ctype=text/javascript"></script>
 
              
 
              
             </body>
+
             <!--quotations from flexslider: start-->
            </html>
+
            <script src='https://2016.igem.org/Template:Peking/Javascript/modernizr_js?action=raw&ctype=text/javascript'></script>
 +
                <script type='text/javascript' src='https://2016.igem.org/Template:Peking/Javascript/fjquery_polaroid?action=raw&ctype=text/javascript'></script>
 +
                <script type='text/javascript' src='https://2016.igem.org/Template:Peking/Javascript/fjquery_easing?action=raw&ctype=text/javascript'></script>
 +
                <script type='text/javascript' src='https://2016.igem.org/Template:Peking/Javascript/fjquery_transform_0_8_0_min?action=raw&ctype=text/javascript'></script>
 +
                <script type='text/javascript' src='https://2016.igem.org/Template:Peking/Javascript/fjquery_preloader?action=raw&ctype=text/javascript'></script>
 +
                <!--quotations from flexslider: end-->
 +
               
 +
                <!--quotations from black: start-->
 +
                <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery?action=raw&ctype=text/javascript"></script>
 +
                <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_sticky?action=raw&ctype=text/javascript"></script>
 +
                <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_easing_1_3_pack?action=raw&ctype=text/javascript"></script>
 +
                <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/bootstrap_min?action=raw&ctype=text/javascript"></script>
 +
                <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_patallax_1_1_3?action=raw&ctype=text/javascript"></script>
 +
                <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/appear?action=raw&ctype=text/javascript"></script>
 +
                <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/modernizr?action=raw&ctype=text/javascript"></script>
 +
                <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_prettyPhoto?action=raw&ctype=text/javascript"></script>
 +
                <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/isotope?action=raw&ctype=text/javascript"></script>
 +
                <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_bxslider_min?action=raw&ctype=text/javascript"></script>
 +
                <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_cycle_all?action=raw&ctype=text/javascript" ></script>
 +
                <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_maximage?action=raw&ctype=text/javascript"></script>
 +
                <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/scripts?action=raw&ctype=text/javascript "></script>
 +
                <!--quotations from black: end-->
 +
               
 +
               
 +
                </body>
 +
                </html>

Revision as of 07:30, 16 October 2016

Home

Slide Left Slide Right
Abstract

The problem of uranium contamination is a source of great concern. Uranium can have severe detrimental health effects (it is particularly harmful to the liver, kidney and bones) and lead to environment issues (chemical and radioactive hazards). Current treatment options available for uranium leaks in nuclear power plants or uranium pollution around ore-fields, such as ion exchange or flocculation-setting and phytoremediation, all have limitations including their high cost, low efficiency and the sheer complexity of the involved procedures.

To address these problems, the Peking iGEM team aims to construct a novel functional biomaterial consisting of multiple functional protein modules. This material is designed to be produced and secreted by bacteria, and automatically self-assemble to form a protein hydrogel. In combination with a specific uranium-binding protein module, it obtains the ability to adsorb uranyl ions. After very short contacting with polluted water, the uranyl-laden biomaterial, which also contains a monomeric streptavidin module, can be easily retrieved using biotinylated magnetic beads.

This uranyl-binding biomaterial shows many advantages, such as high specificity, high efficiency, self-assembly and renewability. Furthermore, the uranyl-binding module can be replaced or combined with modules that are capable of binding other heavy metal ions, as well as fluorescent proteins, obtaining multi-functionality. By taking advantage of modularization in the design, additional applications beyond uranium adsorption can be developed based on this material in the future.






Mining aromatics-sensing Biobricks
from the genomic database

Biosensor Mining

The core component of our biosensor toolkit is the transcriptional regulators that sense aromatics. For the comprehensiveness of aromatics-sensing, a data-mining process was conducted to mine transcriptional regulators for each typical class of aromatics from the database Uniprot.

LEARN MORE