Difference between revisions of "Team:UCL"

Line 2: Line 2:
 
<html>
 
<html>
 
<head>
 
<head>
  <body class="ess-carousel-body-background-setter">
+
<body class="ess-carousel-body-background-setter">
    <main class="cd-main-content ess-menu-bgd-prettify-blue">
+
<main class="cd-main-content ess-menu-bgd-prettify-blue">
      <div id="ess-landing-carousel-container">
+
   
 +
    <div id="ess-landing-carousel-container">
 
         <div id="ess-landing-carousel" class="owl-carousel owl-theme">
 
         <div id="ess-landing-carousel" class="owl-carousel owl-theme">
          <div class="ess-landing-carousel-slide"><img src="https://static.igem.org/mediawiki/2016/4/4a/Ucligemaman.jpg" alt="Image 1"/></div>
+
            <div class="ess-landing-carousel-slide"><img src="https://static.igem.org/mediawiki/2016/4/4a/Ucligemaman.jpg" alt="Image 1"/></div>
          <div class="ess-landing-carousel-slide"><img src="https://static.igem.org/mediawiki/2016/b/ba/T--UCL--carousel11.png" alt="Image 2"/></div>
+
            <div class="ess-landing-carousel-slide"><img src="https://static.igem.org/mediawiki/2016/b/ba/T--UCL--carousel11.png" alt="Image 2"/></div>
          <div class="ess-landing-carousel-slide"><img src="https://static.igem.org/mediawiki/2016/b/b8/T--UCL--carousel12.png" alt="Image 2"/></div>
+
            <div class="ess-landing-carousel-slide"><img src="https://static.igem.org/mediawiki/2016/b/b8/T--UCL--carousel12.png" alt="Image 2"/></div>
          <div class="ess-landing-carousel-slide"><img src="https://static.igem.org/mediawiki/2016/9/93/T--UCL--cover8.png" alt="Image 2"/></div>
+
            <div class="ess-landing-carousel-slide"><img src="https://static.igem.org/mediawiki/2016/9/93/T--UCL--cover8.png" alt="Image 2"/></div>
          <div class="ess-landing-carousel-slide"><img src="https://static.igem.org/mediawiki/2016/c/c4/T--UCL--carousel2.png" alt="Image 2"/></div>
+
            <div class="ess-landing-carousel-slide"><img src="https://static.igem.org/mediawiki/2016/c/c4/T--UCL--carousel2.png" alt="Image 2"/></div>
          <div class="ess-landing-carousel-slide"><img src="https://static.igem.org/mediawiki/2016/6/62/T--UCL--carousel9.png" alt="Image 3"/></div>
+
            <div class="ess-landing-carousel-slide"><img src="https://static.igem.org/mediawiki/2016/6/62/T--UCL--carousel9.png" alt="Image 3"/></div>
 
         </div>
 
         </div>
      </div>
+
    </div>
</head>
+
  
 
     <div id="main-content-container">
 
     <div id="main-content-container">
 +
        <div id="ess-template-page" class="ess-template-page">
  
        <div class="ess-template-page">
+
            <br />
<br><br>
+
            <br />
  
                <div class="row">
+
            <div class="row">
                    <div class="col-md-10 col-md-offset-1 text-center ess-template-general animate-box"> <h2 style='font-size: 30px; line-height: 40px;'> <font color="004574">BioSynth</font><font color="ff99000">Age</font>: Do not go gentle into that good night </font> </h2>  
+
                <div class="col-md-10 col-md-offset-1 text-center ess-template-general animate-box">
                        <h4> We envision a time in which the human population lives a healthier life, for longer. We will use synthetic biology to ensure the ageing world population can both maintain their quality of life and extend their lifespan - increasing their ‘healthspan’. The health challenges currently posed by ageing are many and complex so we propose a suite of synthetic biology solutions to tackle these challenges. Have a look through our wiki or watch our project video below to find out how we are approaching this!   </h4> </div>
+
                    <h2 style='font-size: 30px; line-height: 40px;'>
               
+
                        <span style="color: #004574">BioSynth</span>
 +
                        <span style="color: #ff9900">Age</span>
 +
                        : Do not go gentle into that good night
 +
                    </h2>
 +
                    <h4>
 +
                        We envision a time in which the human population lives a healthier life, for longer. We will use
 +
                        synthetic biology to ensure the ageing world population can both maintain their quality of life
 +
                        and extend their lifespan - increasing their ‘healthspan’. The health challenges currently posed
 +
                        by ageing are many and complex so we propose a suite of synthetic biology solutions to tackle these
 +
                        challenges. Have a look through our wiki or watch our project video below to find out how we are
 +
                        approaching this!
 +
                    </h4>
 +
                </div>
 
             </div>
 
             </div>
    <br>
 
<br>
 
            <div class="ess-template-general-section ess-template-light-grey-section">
 
<center>
 
<video width="50%" controls="">
 
            <source src="https://static.igem.org/mediawiki/2016/f/fd/T--UCL--frontvid.mp4" type="video/mp4"/>
 
 
</center>
 
          </video>
 
</div>
 
 
  
 +
            <br />
 +
            <br />
  
 +
            <div class="ess-template-general-section ess-template-light-grey-section" style="text-align: center">
 +
                <video width="50%" controls="">
 +
                    <source src="https://static.igem.org/mediawiki/2016/f/fd/T--UCL--frontvid.mp4" type="video/mp4"/>
 +
                </video>
 +
            </div>
  
 
             <div class="ess-template-boxes-section ess-template-light-blue-section">
 
             <div class="ess-template-boxes-section ess-template-light-blue-section">
 
                 <div class="container">
 
                 <div class="container">
 
                     <div class="row">
 
                     <div class="row">
                         <div class="col-md-6 col-md-offset-3 text-center ess-template-heading animate-box"><h2> Our wiki </h2>
+
                         <div class="col-md-6 col-md-offset-3 text-center ess-template-heading animate-box">
                             <h4> Click on the boxes below to navigate to different parts of our wiki </h4></div>
+
                            <h2>Our wiki</h2>
 +
                             <h4>Click on the boxes below to navigate to different parts of our wiki</h4>
 +
                        </div>
 
                     </div>
 
                     </div>
 
                     <div class="row">
 
                     <div class="row">
                         <div class="col-md-4 animate-box"><a href="https://2016.igem.org/Team:UCL/Overview" class="item-grid text-center">
+
                         <div class="col-md-4 animate-box">
                            <div style="background-image: url(https://static.igem.org/mediawiki/2016/8/81/T--UCL--chemicompcell.png)"
+
                            <a href="https://2016.igem.org/Team:UCL/Overview" class="item-grid text-center">
                                class="image"></div>
+
                                <div style="background-image: url(https://static.igem.org/mediawiki/2016/8/81/T--UCL--chemicompcell.png)"
                            <div class="v-align">
+
                                    class="image">
                                <div class="v-align-middle"><h3 class="title"> Labwork </h3><h5 class="category">
+
                                </div>
                                  <font color = black > Have a look at our data! </font> </h5></div>
+
                                <div class="v-align">
                            </div>
+
                                    <div class="v-align-middle">
                        </a></div>
+
                                        <h3 class="title">Labwork</h3>
 +
                                        <h5 class="category" style="color: black">Have a look at our data!</h5>
 +
                                    </div>
 +
                                </div>
 +
                            </a>
 +
                        </div>
  
                         <div class="col-md-4 animate-box"><a href="https://2016.igem.org/Team:UCL/Entrepreneurship" class="item-grid text-center">
+
                         <div class="col-md-4 animate-box">
                            <div style="background-image: url(https://static.igem.org/mediawiki/2016/a/af/T--UCL--icon-alphabrickblue.png)"
+
                            <a href="https://2016.igem.org/Team:UCL/Entrepreneurship" class="item-grid text-center">
                                class="image"></div>
+
                                <div style="background-image: url(https://static.igem.org/mediawiki/2016/a/af/T--UCL--icon-alphabrickblue.png)"
                            <div class="v-align">
+
                                    class="image">
                                <div class="v-align-middle"><h3 class="title"> Entrepreneurship </h3><h5 class="category">
+
                                </div>
                                    <font color = black > Have a look at our novel bioprocess to produce sweetner Xylitol and our software Alphabrick designed to make experimentation easier. </font> </h5></div>
+
                                <div class="v-align">
                            </div>
+
                                    <div class="v-align-middle">
                        </a></div>
+
                                        <h3 class="title">Entrepreneurship</h3>
                         <div class="col-md-4 animate-box"><a href="https://2016.igem.org/Team:UCL/Human_Practices" class="item-grid text-center">
+
                                        <h5 class="category" style="color: black">
                            <div style="background-image: url(https://static.igem.org/mediawiki/2016/a/ab/T--UCL--londonoutreach.png)"
+
                                            Have a look at our novel bioprocess to produce sweetner Xylitol and our software  
                                class="image"></div>
+
                                            Alphabrick designed to make experimentation easier.
                            <div class="v-align">
+
                                        </h5>
                                <div class="v-align-middle"><h3 class="title"> Human practices </h3><h5 class="category">
+
                                    </div>
                                    <font color = black > We have been up to alot of things! </font> </h5></div>
+
                                </div>
                            </div>
+
                            </a>
                        </a></div>
+
                        </div>
                         <div class="col-md-12 text-center animate-box"><h5><a href="https://2016.igem.org/Team:UCL/Description"
+
                       
                                                                            class="btn btn-primary with-arrow">View
+
                         <div class="col-md-4 animate-box">
                            our project description <i class="icon-arrow-right"></i></a></h5></div>
+
                            <a href="https://2016.igem.org/Team:UCL/Human_Practices" class="item-grid text-center">
 +
                                <div style="background-image: url(https://static.igem.org/mediawiki/2016/a/ab/T--UCL--londonoutreach.png)"
 +
                                    class="image"></div>
 +
                                <div class="v-align">
 +
                                    <div class="v-align-middle">
 +
                                        <h3 class="title">Human practices</h3>
 +
                                        <h5 class="category" style="color: black">
 +
                                            We have been up to alot of things!
 +
                                        </h5>
 +
                                    </div>
 +
                                </div>
 +
                            </a>
 +
                        </div>
 +
                       
 +
                         <div class="col-md-12 text-center animate-box">
 +
                            <h5>
 +
                                <a href="https://2016.igem.org/Team:UCL/Description" class="btn btn-primary with-arrow">
 +
                                    View our project description <i class="icon-arrow-right"></i>
 +
                                </a>
 +
                            </h5>
 +
                        </div>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
  
</div>
+
            </div>
      </div>
+
        </div>
     </main>
+
     </div>
  </body>
+
 
 +
</main>
 +
</body>
 
</html>
 
</html>
 
{{UCL/TemplateAfter}}
 
{{UCL/TemplateAfter}}

Revision as of 22:51, 11 October 2016

<!DOCTYPE html>

UCL iGEM 2016 | BioSynthAge


BioSynth Age : Do not go gentle into that good night

We envision a time in which the human population lives a healthier life, for longer. We will use synthetic biology to ensure the ageing world population can both maintain their quality of life and extend their lifespan - increasing their ‘healthspan’. The health challenges currently posed by ageing are many and complex so we propose a suite of synthetic biology solutions to tackle these challenges. Have a look through our wiki or watch our project video below to find out how we are approaching this!