Team:UST Beijing

From 2014.igem.org

(Difference between revisions)
 
(19 intermediate revisions not shown)
Line 131: Line 131:
       /* Carousel base class */
       /* Carousel base class */
       .carousel {
       .carousel {
-
         height: 600px;
+
         height: 650px;
-
         margin-bottom: 100px;
+
         margin-bottom: 60px;
       }
       }
       /* Since positioning the image, we need to help out the caption */
       /* Since positioning the image, we need to help out the caption */
Line 141: Line 141:
       /* Declare heights because of positioning of img element */
       /* Declare heights because of positioning of img element */
       .carousel .item {
       .carousel .item {
-
         height: 600px;
+
         height: 650px;
         background-color: #777;
         background-color: #777;
       }
       }
Line 149: Line 149:
         left: 0;
         left: 0;
         min-width: 100%;
         min-width: 100%;
-
         height: 600px;
+
         height: 650px;
       }
       }
Line 253: Line 253:
                 <li><a href="https://2014.igem.org/Team:UST_Beijing/Parts">Parts</a></li>
                 <li><a href="https://2014.igem.org/Team:UST_Beijing/Parts">Parts</a></li>
                 <li><a href="https://2014.igem.org/Team:UST_Beijing/Modeling">Modeling</a></li>
                 <li><a href="https://2014.igem.org/Team:UST_Beijing/Modeling">Modeling</a></li>
 +
                <li><a href="https://2014.igem.org/Team:UST_Beijing/Outreach">Outreach</a></li>
                 <li class="dropdown">
                 <li class="dropdown">
Line 273: Line 274:
     <div id="myCarousel" class="carousel slide" data-ride="carousel">
     <div id="myCarousel" class="carousel slide" data-ride="carousel">
       <div class="carousel-inner">
       <div class="carousel-inner">
-
         <div class="item active" style="background: url(https://static.igem.org/mediawiki/2014/8/83/Home_back.jpg) no-repeat center center; background-size: cover;">
+
         <div class="item active" style="background: url(https://static.igem.org/mediawiki/2014/3/35/Home_back2.jpg) no-repeat center center; background-size: cover;">
           <div class="container">
           <div class="container">
             <div class="carousel-caption">
             <div class="carousel-caption">
               <h1>Learn from ancestors.</h1>
               <h1>Learn from ancestors.</h1>
-
               <p class="lead"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
+
               <p class="lead">An undesirable mutation deprived one of our beloved magics - providing vitamin C for ourselves. Fortunately, we might be able to pick it up from our ancestors.</p>
             </div>
             </div>
           </div>
           </div>
Line 286: Line 287:
<div class="bs-docs-featurette">
<div class="bs-docs-featurette">
   <div class="container">
   <div class="container">
-
     <h2 class="bs-docs-featurette-title">During evolution, we lost something.</h2>
+
     <h2 class="bs-docs-featurette-title">Through evolution, we lost something.</h2>
-
     <p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+
     <p class="lead">Looking back at the footsteps of evolution, we human being exploit our limits and potentials to adapt mercurial environment and harsh conditions. We have, however, lost some magical potentials in this process. The capability to generate vitamin C for ourselves is one of the lost magics. </p>
     <hr class="half-rule">
     <hr class="half-rule">
Line 293: Line 294:
     <div class="row">
     <div class="row">
       <div class="col-sm-4">
       <div class="col-sm-4">
-
         <img id="monkey" src="https://static.igem.org/mediawiki/2014/4/47/Placeholder.png" alt="" class="img-responsive">
+
         <img id="monkey" src="https://static.igem.org/mediawiki/2014/2/26/Monkey1.png" alt="" class="img-responsive">
         <h3>Ancestors</h3>
         <h3>Ancestors</h3>
-
         <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+
         <p align="left">Mutations in L-gulono-gama-lactone oxidase(GLO) gene in many vertebrate species caused the lack of expression of GLO, which leads to a loss of capability to produce vitamin C. As a result of this mutation, many species including human being developed their dependence on food source vitamin C.</p>
       </div>
       </div>
       <div class="col-sm-4">
       <div class="col-sm-4">
-
         <img id="human1" src="https://static.igem.org/mediawiki/2014/4/47/Placeholder.png" alt="" class="img-responsive">
+
         <img id="human1" src="https://static.igem.org/mediawiki/2014/0/03/Monkey4.png" alt="" class="img-responsive">
         <h3>We Human</h3>
         <h3>We Human</h3>
-
         <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+
         <p align="left">Vitamin C has been playing a pivotal role in scavenging free radical and collagen synthesis. People with long-time insufficient ingestion of vitamin C, sailors for instance, could suffer from scurvy disease. To make matters worse, accumulation of free radical could be an important factor of aging.</p>
       </div>
       </div>
       <div class="col-sm-4">
       <div class="col-sm-4">
-
         <img id="human2" src="https://static.igem.org/mediawiki/2014/4/47/Placeholder.png" alt="" class="img-responsive">
+
         <img id="human2" src="https://static.igem.org/mediawiki/2014/3/3d/Monkey3.png" alt="" class="img-responsive">
         <h3>Solutions?</h3>
         <h3>Solutions?</h3>
-
         <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+
         <p align="left">The truth is, we lost the ability to provide an indispensable vitamin to ourselves. And here's what we are working around: can we find out a way to reactivate GLO gene and express functional GLO, hence pick up our long-lost magic? We've conducted cell-level experiments and evaluated their possible effects.</p>
       </div>
       </div>
     </div>
     </div>
Line 316: Line 317:
   <div class="container">
   <div class="container">
     <h2 class="bs-docs-featurette-title">The answer is fusion.</h2>
     <h2 class="bs-docs-featurette-title">The answer is fusion.</h2>
-
     <p class="lead">We took out DNA from monkeys, and fused with human genes. In this way, we get genes that are suitable for human being to synthesize Vitamin C.</p>
+
     <p class="lead">Lemur catta,also called Lemur, is a kind of monkey and one of the two species of anthropoids with full and functional GLO gene. Lemur could be a good source of GLO gene if intend to regain our capability of producing vitamin C, just like our ancestors. However, there's still a long way to go.</p>
     <div class="row">
     <div class="row">
Line 325: Line 326:
       <div class="col-sm-4">
       <div class="col-sm-4">
-
         <img src="https://static.igem.org/mediawiki/2014/a/a9/Fusedgene.png" alt="" class="img-responsive">
+
         <img src="https://static.igem.org/mediawiki/2014/2/23/Genefused.png" alt="" class="img-responsive">
       </div>
       </div>
Line 355: Line 356:
   <p><br></p>
   <p><br></p>
-
   <p><font size=2.5>Built with love by<br>The iGEM14 team of University of Science and Technology Beijing</font></p>
+
   <p><font size=2.5>Built with love<br>By the iGEM14 team of <a href="http://www.ustb.edu.cn/">University of Science and Technology Beijing</a></font></p>
-
    <ul class="bs-docs-footer-links muted"> <font size=2.5>
+
-
      <li><a href="http://www.ustb.edu.cn">Visit us</a></li>
+
-
      <li>&middot;</li>
+
-
      <li><a href="http://twitter.com">Follow us on Twitter</a></li>
+
     </font>
     </font>
     </ul>
     </ul>

Latest revision as of 18:40, 16 October 2014

USTB iGEM14 Home