Difference between revisions of "Team:Worldshaper-XSHS"

 
(14 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
−
<link rel='stylesheet' type='text/css' href='http://bijidai.com/XSHS/css/wiki_edit.css' />
+
    <link rel='stylesheet' type='text/css' href='http://igem2017.worldshaper.cn/XSHS/css/wiki_edit.css' />
−
<link rel="stylesheet" href="http://bijidai.com/XSHS/css/bootstrap.min.css">
+
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/bootstrap.min.css">
−
<link rel="stylesheet" href="http://bijidai.com/XSHS/css/ionicons.min.css">
+
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/ionicons.min.css">
−
<link rel="stylesheet" href="http://bijidai.com/XSHS/css/animate.css">
+
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/animate.css">
−
<link rel="stylesheet" href="http://bijidai.com/XSHS/css/slider.css">
+
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/slider.css">
−
<link rel="stylesheet" href="http://bijidai.com/XSHS/css/owl.carousel.css">
+
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/owl.carousel.css">
−
<link rel="stylesheet" href="http://bijidai.com/XSHS/css/owl.theme.css">
+
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/owl.theme.css">
−
<link rel="stylesheet" href="http://bijidai.com/XSHS/css/jquery.fancybox.css">
+
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/jquery.fancybox.css">
−
<link rel="stylesheet" href="http://bijidai.com/XSHS/css/main.css">
+
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/main.css">
−
<link rel="stylesheet" href="http://bijidai.com/XSHS/css/responsive.css">
+
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/responsive.css">
−
<script src="http://bijidai.com/XSHS/js/vendor/modernizr-2.6.2.min.js"></script>
+
    <script src="http://igem2017.worldshaper.cn/XSHS/js/vendor/modernizr-2.6.2.min.js"></script>
−
<script src="http://bijidai.com/XSHS/js/jquery.min.js"></script>
+
    <script src="http://igem2017.worldshaper.cn/XSHS/js/jquery.min.js"></script>
−
<script src="http://bijidai.com/XSHS/js/owl.carousel.min.js"></script>
+
    <script src="http://igem2017.worldshaper.cn/XSHS/js/owl.carousel.min.js"></script>
−
<script src="http://bijidai.com/XSHS/js/bootstrap.min.js"></script>
+
    <script src="http://igem2017.worldshaper.cn/XSHS/js/bootstrap.min.js"></script>
−
<script src="http://bijidai.com/XSHS/js/wow.min.js"></script>
+
    <script src="http://igem2017.worldshaper.cn/XSHS/js/wow.min.js"></script>
−
<script src="http://bijidai.com/XSHS/js/slider.js"></script>
+
    <script src="http://igem2017.worldshaper.cn/XSHS/js/slider.js"></script>
−
<script src="http://bijidai.com/XSHS/js/jquery.fancybox.js"></script>
+
    <script src="http://igem2017.worldshaper.cn/XSHS/js/jquery.fancybox.js"></script>
−
<script src="http://bijidai.com/XSHS/js/main.js"></script>
+
    <script src="http://igem2017.worldshaper.cn/XSHS/js/main.js"></script>
−
  <header id="top-bar" class="navbar-fixed-top animated-header">
+
    <header id="top-bar" class="navbar-fixed-top animated-header">
−
    <div class="container">
+
        <div class="container">
−
        <div class="navbar-header">
+
            <div class="navbar-header">
−
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
−
                <span class="sr-only">Toggle navigation</span>
+
                    <span class="sr-only">Toggle navigation</span>
−
                <span class="icon-bar"></span>
+
                    <span class="icon-bar"></span>
−
                <span class="icon-bar"></span>
+
                    <span class="icon-bar"></span>
−
                <span class="icon-bar"></span>
+
                    <span class="icon-bar"></span>
−
            </button>
+
                </button>
−
            <div class="navbar-brand">
+
                <div class="navbar-brand">
−
                <a href="https://2017.igem.org/Team:Worldshaper-XSHS" >
+
                    <a href="https://2017.igem.org/Team:Worldshaper-XSHS" >
−
                    worldshaper- <b>XSHS</b>
+
                        worldshaper- <b>XSHS</b>
−
                </a>
+
                    </a>
 +
                </div>
 
             </div>
 
             </div>
−
        </div>
+
            <nav class="collapse navbar-collapse navbar-right" role="navigation">
−
        <nav class="collapse navbar-collapse navbar-right" role="navigation">
+
                <div class="main-menu">
−
            <div class="main-menu">
+
                    <ul class="nav navbar-nav navbar-right">
−
                <ul class="nav navbar-nav navbar-right">
+
                        <li>
−
                    <li>
+
                            <a href="https://2017.igem.org/Team:Worldshaper-XSHS">Home</a>
−
                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS" >Home</a>
+
                        </li>
−
                    </li>
+
                        <li class="dropdown">
−
                    <li class="dropdown">
+
                            <a class="dropdown-toggle" data-toggle="dropdown">
−
                        <a class="dropdown-toggle" data-toggle="dropdown">
+
                                Team
−
                            Team
+
                                <span class="caret"></span>
−
                            <span class="caret"></span>
+
                            </a>
−
                        </a>
+
                            <div class="dropdown-menu">
−
                        <div class="dropdown-menu">
+
                                <ul>
−
                            <ul>
+
                                    <li>
−
                                <li>
+
                                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/aboutus.html">about us</a>
−
                                    <a href="https://2017.igem.org/Team:Worldshaper-XSHS/aboutus.html">about us</a>
+
                                    </li>
−
                                </li>
+
                                    <li>
−
                                <li>
+
                                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/members.html">Members</a>
−
                                    <a href="https://2017.igem.org/Team:Worldshaper-XSHS/members.html">Members</a>
+
                                    </li>
−
                                </li>
+
                                    <li>
−
                            </ul>
+
                                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Collaborations">Collaborations</a>
−
                        </div>
+
                                     </li>
−
                    </li>
+
                                 </ul>
−
                    <li class="dropdown">
+
                             </div>
−
                        <a class="dropdown-toggle" data-toggle="dropdown">
+
                         </li>
−
                            Project
+
                        <li class="dropdown">
−
                            <span class="caret"></span>
+
                            <a class="dropdown-toggle" data-toggle="dropdown">
−
                        </a>
+
                                Project
−
                        <div class="dropdown-menu">
+
                                <span class="caret"></span>
−
                            <ul>
+
                            </a>
−
                                <li>
+
                            <div class="dropdown-menu">
−
                                    <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Background.html">Background</a>
+
                                <ul>
−
                                </li>
+
                                    <li>
−
                                <li>
+
                                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Background.html">Background</a>
−
                                     <a href="https://2017.igem.org/Team:Worldshaper-XSHS/design.html">Design</a>
+
                                    </li>
−
                                </li>
+
                                    <li>
−
                                 <li>
+
                                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/design.html">Design</a>
−
                                    <a href="https://2017.igem.org/Team:Worldshaper-XSHS/parts.html">Parts</a>
+
                                    </li>
−
                                </li>
+
                                     <li>
−
                             </ul>
+
                                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Protocols-methods.html">Protocols and methods</a>
−
                         </div>
+
                                    </li>
−
                    </li>
+
                                    <li>
−
                    <li class="dropdown">
+
                                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/result.html">Results</a>
−
                        <a class="dropdown-toggle" data-toggle="dropdown">
+
                                    </li>
−
                            Notebook
+
                                    <li>
−
                            <span class="caret"></span>
+
                                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Future-plans.html">Future plans</a>
−
                        </a>
+
                                    </li>
−
                        <div class="dropdown-menu">
+
                                    <li>
−
                            <ul>
+
                                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Attributions">Attributions</a>
−
                                <li>
+
                                    </li>
−
                                    <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Protocols-methods.html">Protocols and methods</a>
+
                                    <li>
−
                                </li>
+
                                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/InterLab">Interlab</a>
−
                                <li>
+
                                    </li>
−
                                    <a href="https://2017.igem.org/Team:Worldshaper-XSHS/result.html">Result</a>
+
                                     <li>
−
                                </li>
+
                                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Model">Model</a>
−
                                <li>
+
                                    </li>
−
                                     <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Interlab.html">Interlab</a>
+
                                    <li>
−
                                </li>
+
                                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Demonstrate">Demonstrate</a>
−
                            </ul>
+
                                     </li>
−
                        </div>
+
−
                    </li>
+
−
                    <li>
+
−
                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Modeling.html">Modeling</a>
+
−
                    </li>
+
−
                    <li>
+
−
                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Product.html">Product</a>
+
−
                    </li>
+
−
                    <li>
+
−
                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/collaboration.html">Collaboration</a>
+
−
                    </li>
+
−
                    <li class="dropdown">
+
−
                        <a class="dropdown-toggle" data-toggle="dropdown">
+
−
                            Human Practice
+
−
                            <span class="caret"></span>
+
−
                        </a>
+
−
                        <div class="dropdown-menu">
+
−
                            <ul>
+
−
                                <li>
+
−
                                    <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Crowd-funding.html">Crowd funding</a>
+
−
                                </li>
+
−
                                <li>
+
−
                                    <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Interview.html">Interview</a>
+
−
                                </li>
+
−
                                <li>
+
−
                                    <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Questionnaire.html">Questionnaire</a>
+
−
                                </li>
+
−
                                <li>
+
−
                                     <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Education-outreach.html">Education outreach</a>
+
−
                                </li>
+
−
                            </ul>
+
−
                        </div>
+
−
                    </li>
+
−
                    <li>
+
−
                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/safety.html">Safety</a>
+
−
                    </li>
+
−
                    <li class="dropdown">
+
−
                        <a class="dropdown-toggle" data-toggle="dropdown">
+
−
                            Achievement
+
−
                            <span class="caret"></span>
+
−
                        </a>
+
−
                        <div class="dropdown-menu">
+
−
                            <ul>
+
−
                                <li>
+
−
                                    <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Medal-requirements.html">Medal requirements</a>
+
−
                                </li>
+
−
                                <li>
+
−
                                     <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Future-plans.html">Future plans</a>
+
−
                                </li>
+
−
                            </ul>
+
−
                        </div>
+
−
                    </li>
+
−
                </ul>
+
−
            </div>
+
−
        </nav>
+
−
    </div>
+
−
</header>
+
−
 
+
−
<section class="visual wow fadeInLeft animated" data-wow-duration="500ms" data-wow-delay="200ms" >
+
−
    <img src="https://static.igem.org/mediawiki/2017/d/d2/T-worldshaper-XSHS-00001.jpeg" alt="" class="bg-stretch">
+
−
</section>
+
  
−
<section id="about">
+
                                </ul>
−
    <div class="container">
+
                            </div>
−
        <div class="row">
+
                        </li>
−
            <div class="col-md-6 col-sm-6">
+
                        <li>
−
                <div class="block wow fadeInLeft" data-wow-delay=".3s" data-wow-duration="500ms">
+
                            <a href="https://2017.igem.org/Team:Worldshaper-XSHS/parts.html">Parts</a>
−
                    <h2>ABOUT ME</h2>
+
                        </li>
−
                    <p>
+
                        <li class="dropdown">
−
                        Hello, I’m a UI/UX Designer & Front End Developer from Victoria, Australia. I hold a master degree of Web Design from the World University.And scrambled it to make a type specimen book. It has survived not only five centuries
+
                            <a class="dropdown-toggle" data-toggle="dropdown">
−
                    </p>
+
                                HUMAN PRACTICES
−
                    <p>
+
                                <span class="caret"></span>
−
                         Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error, adipisci voluptatum repudiandae, natus impedit repellat aut officia illum at assumenda iusto reiciendis placeat. Temporibus, vero.
+
                            </a>
−
                     </p>
+
                            <div class="dropdown-menu">
 +
                                <ul>
 +
                                    <li>
 +
                                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/HP/Silver">Silver</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/HP/Gold_Integrated">Integrated and Gold</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Engagement">Engagement</a>
 +
                                    </li>
 +
                                </ul>
 +
                            </div>
 +
                        </li>
 +
                        <li>
 +
                            <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Applied_Design">Applied Design</a>
 +
                        </li>
 +
                        <li class="dropdown">
 +
                            <a class="dropdown-toggle" data-toggle="dropdown">
 +
                                Achievement
 +
                                <span class="caret"></span>
 +
                            </a>
 +
                            <div class="dropdown-menu">
 +
                                <ul>
 +
                                    <li>
 +
                                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Medal-requirements.html">Medal requirements</a>
 +
                                    </li>
 +
                                </ul>
 +
                            </div>
 +
                         </li>
 +
                        <li>
 +
                            <a href="https://2017.igem.org/Team:Worldshaper-XSHS/safety.html">Safety</a>
 +
                        </li>
 +
                     </ul>
 
                 </div>
 
                 </div>
−
 
+
             </nav>
−
             </div>
+
−
            <div class="col-md-6 col-sm-6">
+
−
                <div class="block wow fadeInRight" data-wow-delay=".3s" data-wow-duration="500ms">
+
−
                    <img src="https://static.igem.org/mediawiki/2017/1/1b/T-worldshaper-XSHS-00002.jpeg" alt="" /></div>
+
−
            </div>
+
 
         </div>
 
         </div>
−
     </div>
+
     </header>
−
</section>
+
  
 +
    <section class="visual wow fadeInLeft animated" data-wow-duration="500ms" data-wow-delay="200ms" >
 +
        <img src="https://static.igem.org/mediawiki/2017/d/d2/T-worldshaper-XSHS-00001.jpeg" alt="" class="bg-stretch" />   
 +
    </section>
  
−
 
+
    <section id="about">
−
 
+
        <div class="container">
−
<section id="works" class="works">
+
             <div class="row">
−
    <div class="container">
+
                 <div class="col-md-6 col-sm-6">
−
        <div class="section-heading">
+
                     <div class="block wow fadeInLeft" data-wow-delay=".3s" data-wow-duration="500ms">
−
             <h1 class="title wow fadeInDown" data-wow-delay=".3s">Latest Works</h1>
+
                         <h2>Abstract</h2>
−
            <p class="wow fadeInDown" data-wow-delay=".5s">
+
−
                Aliquam lobortis. Maecenas vestibulum mollis diam. Pellentesque auctor neque nec urna. Nulla sit amet est. Aenean posuere
+
−
                <br>
+
−
                tortor sed cursus feugiat, nunc augue blandit nunc, eu sollicitudin urna dolor sagittis lacus.
+
−
            </p>
+
−
        </div>
+
−
        <div class="row">
+
−
            <div class="col-sm-4 col-xs-12">
+
−
                 <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
−
                    <div class="img-wrapper">
+
−
                        <img src="https://static.igem.org/mediawiki/2017/1/10/T-worldshaper-XSHS-00003.jpeg" class="img-responsive" alt="this is a title" >
+
−
                    </div>
+
−
                    <figcaption>
+
−
                        <h4>
+
−
                            <a href="#">Dew Drop</a>
+
−
                        </h4>
+
−
                        <p>Redesigne UI Concept</p>
+
−
                    </figcaption>
+
−
                </figure>
+
−
            </div>
+
−
            <div class="col-sm-4 col-xs-12">
+
−
                <figure class="wow fadeInLeft animated" data-wow-duration="500ms" data-wow-delay="300ms">
+
−
                    <div class="img-wrapper">
+
−
                        <img src="https://static.igem.org/mediawiki/2017/1/10/T-worldshaper-XSHS-00003.jpeg" class="img-responsive" alt="this is a title" >
+
−
                    </div>
+
−
                    <figcaption>
+
−
                        <h4>
+
−
                            <a href="#">Bottle Mockup</a>
+
−
                        </h4>
+
−
                        <p>Lorem ipsum dolor sit.</p>
+
−
                    </figcaption>
+
−
                </figure>
+
−
            </div>
+
−
            <div class="col-sm-4 col-xs-12">
+
−
                <figure class="wow fadeInLeft animated" data-wow-duration="500ms" data-wow-delay="300ms">
+
−
                     <div class="img-wrapper">
+
−
                        <img src="https://static.igem.org/mediawiki/2017/1/10/T-worldshaper-XSHS-00003.jpeg" class="img-responsive" alt="" >
+
−
                    </div>
+
−
                    <figcaption>
+
−
                        <h4>
+
−
                            <a href="#">Table Design</a>
+
−
                        </h4>
+
−
                        <p>Lorem ipsum dolor sit amet.</p>
+
−
                    </figcaption>
+
−
                </figure>
+
−
            </div>
+
−
            <div class="col-sm-4 col-xs-12">
+
−
                <figure class="wow fadeInLeft animated" data-wow-duration="500ms" data-wow-delay="600ms">
+
−
                    <div class="img-wrapper">
+
−
                        <img src="https://static.igem.org/mediawiki/2017/1/10/T-worldshaper-XSHS-00003.jpeg" class="img-responsive" alt="" >
+
−
                    </div>
+
−
                    <figcaption>
+
−
                        <h4>
+
−
                            <a href="#">Make Up elements</a>
+
−
                        </h4>
+
−
                        <p>Lorem ipsum dolor.</p>
+
−
                    </figcaption>
+
−
                </figure>
+
−
            </div>
+
−
            <div class="col-sm-4 col-xs-12">
+
−
                <figure class="wow fadeInLeft animated" data-wow-duration="500ms" data-wow-delay="900ms">
+
−
                    <div class="img-wrapper">
+
−
                        <img src="https://static.igem.org/mediawiki/2017/1/10/T-worldshaper-XSHS-00003.jpeg" class="img-responsive" alt="" >
+
−
                    </div>
+
−
                    <figcaption>
+
−
                        <h4>
+
−
                            <a href="#">Shoping Bag Concept</a>
+
−
                        </h4>
+
−
                        <p>Lorem ipsum dolor.</p>
+
−
                    </figcaption>
+
−
                </figure>
+
−
            </div>
+
−
            <div class="col-sm-4 col-xs-12">
+
−
                <figure class="wow fadeInLeft animated" data-wow-duration="500ms" data-wow-delay="1200ms">
+
−
                    <div class="img-wrapper">
+
−
                        <img src="https://static.igem.org/mediawiki/2017/1/10/T-worldshaper-XSHS-00003.jpeg" class="img-responsive" alt="" >
+
−
                    </div>
+
−
                    <figcaption>
+
−
                        <h4>
+
−
                            <a href="#">Caramel Bottle</a>
+
−
                        </h4>
+
−
                        <p>Lorem ipsum dolor.</p>
+
−
                    </figcaption>
+
−
                </figure>
+
−
            </div>
+
−
        </div>
+
−
    </div>
+
−
</section>
+
−
 
+
−
<section id="feature">
+
−
    <div class="container">
+
−
        <div class="section-heading">
+
−
            <h1 class="title wow fadeInDown" data-wow-delay=".3s">Offer From Me</h1>
+
−
            <p class="wow fadeInDown" data-wow-delay=".5s">
+
−
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed,
+
−
                <br>
+
−
                quasi dolores numquam dolor vero ex, tempora commodi repellendus quod laborum.
+
−
            </p>
+
−
        </div>
+
−
        <div class="row">
+
−
            <div class="col-md-4 col-lg-4 col-xs-12">
+
−
                <div class="media wow fadeInUp animated" data-wow-duration="500ms" data-wow-delay="300ms">
+
−
                    <div class="media-left">
+
−
                         <div class="icon"> <i class="ion-ios-flask-outline"></i>
+
−
                        </div>
+
−
                    </div>
+
−
                    <div class="media-body">
+
−
                        <h4 class="media-heading">Media heading</h4>
+
 
                         <p>
 
                         <p>
−
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, sint.
+
                          Hometown Hangzhou is widely known by water- related UNESCO World Heritages – West Lake and Grand Canal, however, severe water pollution problem caused by many reasons also exist. Hence, we hope to provide an easy-operating and low-cost tool for public to monitor water quality around.  
 
                         </p>
 
                         </p>
−
                    </div>
 
−
                </div>
 
−
            </div>
 
−
            <div class="col-md-4 col-lg-4 col-xs-12">
 
−
                <div class="media wow fadeInDown animated" data-wow-duration="500ms" data-wow-delay="600ms">
 
−
                    <div class="media-left">
 
−
                        <div class="icon"> <i class="ion-ios-lightbulb-outline"></i>
 
−
                        </div>
 
−
                    </div>
 
−
                    <div class="media-body">
 
−
                        <h4 class="media-heading">Well documented.</h4>
 
 
                         <p>
 
                         <p>
−
                             Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, sint.
+
                             We designed a portable water quality bio-detector prototype based on E.coli strains which were constructed to detect dissolved oxygen, phosphorus or nitrogen in water respectively. The oxygen sensitive vgb promoter and a GFP reporter constitute Oxygen detector 1.0. To enhance the expression of GFP, version 2.0 contains a vgb promoter, a T7 RNA polymerase gene, a T7 promoter and a GFP gene. For nitrogen, the PyeaR promoter was used to response to different concentrations of nitrate, nitrite and nitric, with a BFP reporter gene. For phosphate, a plasmid consisting of an ‘external phosphate sensing promoter’ to sense the phosphate concentration and a RFP gene to report.  
 
                         </p>
 
                         </p>
 
                     </div>
 
                     </div>
 +
 
                 </div>
 
                 </div>
−
            </div>
+
                <div class="col-md-6 col-sm-6">
−
            <div class="col-md-4 col-lg-4 col-xs-12">
+
                    <div class="block wow fadeInRight" data-wow-delay=".3s" data-wow-duration="500ms">
−
                <div class="media wow fadeInDown animated" data-wow-duration="500ms" data-wow-delay="900ms">
+
                         <img src="https://static.igem.org/mediawiki/2017/f/f1/T-worldshaper-XSHS-k010.png" alt="" />
−
                    <div class="media-left">
+
−
                         <div class="icon">
+
−
                            <i class="ion-ios-lightbulb-outline"></i>
+
−
                        </div>
+
−
                    </div>
+
−
                    <div class="media-body">
+
−
                        <h4 class="media-heading">Well documented.</h4>
+
−
                        <p>
+
−
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, sint.
+
−
                        </p>
+
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
−
            <div class="col-md-4 col-lg-4 col-xs-12">
+
        </div>
−
                <div class="media wow fadeInDown animated" data-wow-duration="500ms" data-wow-delay="1200ms">
+
    </section>
−
                     <div class="media-left">
+
 
−
                         <div class="icon">
+
    <footer>
−
                            <i class="ion-ios-americanfootball-outline"></i>
+
        <div class="container">
−
                         </div>
+
            <div class="foot-box">
−
                     </div>
+
                <ul class="clearfix">
−
                     <div class="media-body">
+
                     <li class="foot-box-c1">
−
                         <h4 class="media-heading">Free updates</h4>
+
                         <img src="https://static.igem.org/mediawiki/2017/7/71/T-worldshaper-XSHS-logoxshs.jpeg" alt="" />
 +
                    </li>
 +
                    <li class="foot-box-c2">
 +
                         <img src="https://static.igem.org/mediawiki/2017/c/ce/T-worldshaper-igemlogo.jpeg" alt="" />
 +
                     </li>
 +
                     <li class="foot-box-c3">
 +
                         <p>Worldshaper-XSHS, Xiaoshan High School</p>
 
                         <p>
 
                         <p>
−
                             Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, sint.
+
                             Adress: No.538,Gongxiu Road,Xiaoshan District,Hangzhou,Zhejiang Province,China
 
                         </p>
 
                         </p>
−
                     </div>
+
                     </li>
−
                 </div>
+
                    <li class="foot-box-c4">
 +
                        <img src="https://static.igem.org/mediawiki/2017/3/32/T-Worldshaper-XSHS-weixin.jpeg" alt="" />
 +
                    </li>
 +
                 </ul>
 
             </div>
 
             </div>
−
            <div class="col-md-4 col-lg-4 col-xs-12">
 
−
                <div class="media wow fadeInDown animated" data-wow-duration="500ms" data-wow-delay="1500ms">
 
−
                    <div class="media-left">
 
−
                        <div class="icon">
 
−
                            <i class="ion-ios-keypad-outline"></i>
 
−
                        </div>
 
−
                    </div>
 
−
                    <div class="media-body">
 
−
                        <h4 class="media-heading">Solid Support</h4>
 
−
                        <p>
 
−
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, sint.
 
−
                        </p>
 
−
                    </div>
 
−
                </div>
 
−
            </div>
 
−
            <div class="col-md-4 col-lg-4 col-xs-12">
 
−
                <div class="media wow fadeInDown animated" data-wow-duration="500ms" data-wow-delay="1800ms">
 
−
                    <div class="media-left">
 
−
                        <div class="icon">
 
−
                            <i class="ion-ios-barcode-outline"></i>
 
−
                        </div>
 
−
                    </div>
 
−
                    <div class="media-body">
 
−
                        <h4 class="media-heading">Simple Installation</h4>
 
−
                        <p>
 
−
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, sint.
 
−
                        </p>
 
−
                    </div>
 
−
                </div>
 
−
            </div>
 
−
        </div>
 
−
    </div>
 
−
</section>
 
−
 
−
<section id="call-to-action">
 
−
    <div class="container">
 
−
        <div class="row">
 
−
            <div class="col-md-12">
 
−
                <div class="block">
 
−
                    <h2 class="title wow fadeInDown" data-wow-delay=".3s" data-wow-duration="500ms">SO WHAT YOU THINK ?</h2>
 
−
                    <p class="wow fadeInDown" data-wow-delay=".5s" data-wow-duration="500ms">
 
−
                        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nobis,
 
−
                        <br>
 
−
                        possimus commodi, fugiat magnam temporibus vero magni recusandae? Dolore, maxime praesentium.
 
−
                    </p>
 
−
                    <a href="contact.html" class="btn btn-default btn-contact wow fadeInDown" data-wow-delay=".7s" data-wow-duration="500ms">Contact With Me</a>
 
−
                </div>
 
−
            </div>
 
−
        </div>
 
−
    </div>
 
−
</section>
 
−
 
−
<footer>
 
−
    <div class="container">
 
−
        <div class="foot-box">
 
−
            <ul class="clearfix">
 
−
                <li class="foot-box-c1"><img src="https://static.igem.org/mediawiki/2017/7/71/T-worldshaper-XSHS-logoxshs.jpeg" alt="" /></li>
 
−
                <li class="foot-box-c2"><img src="https://static.igem.org/mediawiki/2017/c/ce/T-worldshaper-igemlogo.jpeg" alt="" /></li>
 
−
                <li class="foot-box-c3">
 
−
                    <p>Worldshaper-XSHS, Xiaoshan High School</p>
 
−
                    <p>Adress: No.538,Gongxiu Road,Xiaoshan District,Hangzhou,Zhejiang Province,China</p>
 
−
                </li>
 
−
                <li class="foot-box-c4"><img src="https://static.igem.org/mediawiki/2017/3/32/T-Worldshaper-XSHS-weixin.jpeg" alt="" /></li>
 
−
            </ul>
 
 
         </div>
 
         </div>
−
     </div>
+
     </footer>
−
</footer>
+
  
 
</html>
 
</html>

Latest revision as of 11:38, 1 November 2017

Abstract

Hometown Hangzhou is widely known by water- related UNESCO World Heritages – West Lake and Grand Canal, however, severe water pollution problem caused by many reasons also exist. Hence, we hope to provide an easy-operating and low-cost tool for public to monitor water quality around.

We designed a portable water quality bio-detector prototype based on E.coli strains which were constructed to detect dissolved oxygen, phosphorus or nitrogen in water respectively. The oxygen sensitive vgb promoter and a GFP reporter constitute Oxygen detector 1.0. To enhance the expression of GFP, version 2.0 contains a vgb promoter, a T7 RNA polymerase gene, a T7 promoter and a GFP gene. For nitrogen, the PyeaR promoter was used to response to different concentrations of nitrate, nitrite and nitric, with a BFP reporter gene. For phosphate, a plasmid consisting of an ‘external phosphate sensing promoter’ to sense the phosphate concentration and a RFP gene to report.

  • Worldshaper-XSHS, Xiaoshan High School

    Adress: No.538,Gongxiu Road,Xiaoshan District,Hangzhou,Zhejiang Province,China