Difference between revisions of "Team:Worldshaper-XSHS"

 
(7 intermediate revisions by the same user not shown)
Line 101: Line 101:
 
                         <li class="dropdown">
 
                         <li class="dropdown">
 
                             <a class="dropdown-toggle" data-toggle="dropdown">
 
                             <a class="dropdown-toggle" data-toggle="dropdown">
                                 HP
+
                                 HUMAN PRACTICES
 
                                 <span class="caret"></span>
 
                                 <span class="caret"></span>
 
                             </a>
 
                             </a>
Line 111: Line 111:
 
                                     <li>
 
                                     <li>
 
                                         <a href="https://2017.igem.org/Team:Worldshaper-XSHS/HP/Gold_Integrated">Integrated and Gold</a>
 
                                         <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>
 
                                     </li>
 
                                 </ul>
 
                                 </ul>
 
                             </div>
 
                             </div>
                        </li>
 
                        <li>
 
                            <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Engagement">Engagement</a>
 
 
                         </li>
 
                         </li>
 
                         <li>
 
                         <li>
Line 144: Line 144:
  
 
     <section class="visual wow fadeInLeft animated" data-wow-duration="500ms" data-wow-delay="200ms" >
 
     <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>
+
         <img src="https://static.igem.org/mediawiki/2017/d/d2/T-worldshaper-XSHS-00001.jpeg" alt="" class="bg-stretch" />  
 +
    </section>
  
 
     <section id="about">
 
     <section id="about">
Line 151: Line 152:
 
                 <div class="col-md-6 col-sm-6">
 
                 <div class="col-md-6 col-sm-6">
 
                     <div class="block wow fadeInLeft" data-wow-delay=".3s" data-wow-duration="500ms">
 
                     <div class="block wow fadeInLeft" data-wow-delay=".3s" data-wow-duration="500ms">
                         <h2>ABOUT ME</h2>
+
                         <h2>Abstract</h2>
 
                         <p>
 
                         <p>
                            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
+
                          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>
 
                         <p>
 
                         <p>
                             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.
+
                             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>
Line 163: Line 164:
 
                 <div class="col-md-6 col-sm-6">
 
                 <div class="col-md-6 col-sm-6">
 
                     <div class="block wow fadeInRight" data-wow-delay=".3s" data-wow-duration="500ms">
 
                     <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="" />
+
                         <img src="https://static.igem.org/mediawiki/2017/f/f1/T-worldshaper-XSHS-k010.png" alt="" />
                    </div>
+
                </div>
+
            </div>
+
        </div>
+
    </section>
+
 
+
    <section id="works" class="works">
+
        <div class="container">
+
            <div class="section-heading">
+
                <h1 class="title wow fadeInDown" data-wow-delay=".3s">Latest Works</h1>
+
                <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>
+
                                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="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>
+
                                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="900ms">
+
                        <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 class="col-md-4 col-lg-4 col-xs-12">
+
                    <div class="media wow fadeInDown animated" data-wow-duration="500ms" data-wow-delay="1200ms">
+
                        <div class="media-left">
+
                            <div class="icon">
+
                                <i class="ion-ios-americanfootball-outline"></i>
+
                            </div>
+
                        </div>
+
                        <div class="media-body">
+
                            <h4 class="media-heading">Free updates</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="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>

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