Loading menubar.....

Difference between revisions of "Team:CAU China/Demonstrate"

Line 1: Line 1:
 
 
{{CAU_China/CSS/Top}}
 
{{CAU_China/CSS/Top}}
 
<html>
 
<html>
<div class="showCase container-fluid jumbotron jumbotron-fluid text-center bg-white align-items-center text-light mb-0">
+
<style>
        <div class="row" style="">
+
            <div class="col-12 col-md-6">
+
               
+
            </div>
+
            <div class="col-12 col-md-6 p-5">
+
               
+
                <span class="d-block mt-5">
+
               
+
             
+
               
+
            </div>
+
        </div>
+
  
        <div class="row mt-4" style="">
+
.pictureTitle{
         
+
    background: linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,.7)), url("");
        </div>
+
    background-repeat: no-repeat;
 +
    background-size: cover;
 +
    background-position:center;
 +
}
  
    </div>  
+
 
<div>
+
@media only screen and (max-width: 575.98px) {}
<h3>Demonstrate</h3>
+
 
 +
@media only screen and (max-width: 767.98px) {}
 +
 
 +
@media only screen and (max-width: 991.98px) {}
 +
 
 +
@media only screen and (max-width: 1199.98px) {}
 +
 
 +
</style>
 +
 
 +
<div class="pictureTitle container-fluid text-center mb-0 align-items-center text-light">
 +
 
 +
                    <div class="display-2 mb-0">
 +
                    Demonstrate
 +
                    </div>
 +
        <h4></h4>
  
 
</div>
 
</div>
<div class="showCase container-fluid jumbotron jumbotron-fluid text-center bg-white align-items-center text-light mb-0">
 
        <div class="row" style="">
 
            <div class="col-12 col-md-6">
 
               
 
            </div>
 
            <div class="col-12 col-md-6 p-5">
 
               
 
                <span class="d-block mt-5">
 
               
 
             
 
               
 
            </div>
 
        </div>
 
  
        <div class="row mt-4" style="">
 
         
 
        </div>
 
  
    </div>
+
<div class="phaContainer">
<div class="showCase container-fluid jumbotron jumbotron-fluid text-center bg-white align-items-center text-light mb-0">
+
  <aside id="phaContentsOuter">
        <div class="row" style="">
+
  <aside id="phaContents" class="table-of-contents">
            <div class="col-12 col-md-6">
+
    <!-- will be generated with JS -->
               
+
  </aside>
            </div>
+
  </aside>
            <div class="col-12 col-md-6 p-5">
+
               
+
                <span class="d-block mt-5">
+
               
+
             
+
               
+
            </div>
+
        </div>
+
  
        <div class="row mt-4" style="">
+
<main class="post-content">
         
+
        </div>
+
  
     </div>  
+
<div class="row">
 +
<div class="col-12">
 +
<h2></h2>
 +
      
 +
</div>
 +
</div>
 +
 
 +
<h5></h5>
 +
<div class="row align-items-center">
 +
<div class="col-6 col-md-4">
 +
    <img src="" class="img-fluid rounded mr-3" alt="A generic square placeholder image with rounded corners in a figure." style="width:50px;"> <span style="color: rgba(0, 158, 198,1); font-weight: bold;">Identification</span>
 +
</div>
 +
<div class="col-6 col-md-6">
 +
<span>Complete Genome, Plaque Assay</span>
 +
</div>
 +
</div>
 +
<div class="row align-items-center">
 +
<div class="col-6 col-md-4">
 +
    <img src="" class="img-fluid rounded mr-3" alt="A generic square placeholder image with rounded corners in a figure." style="width:50px;"> <span style="color: rgba(0, 158, 198,1); font-weight: bold;">Contamination</span>
 +
</div>
 +
<div class="col-6 col-md-6">
 +
<span>Microorganisms DNA Prophages
 +
</span>
 +
</div>
 +
</div>
 +
<div class="row align-items-center">
 +
<div class="col-6 col-md-4">
 +
    <img src="" class="img-fluid rounded mr-3" alt="A generic square placeholder image with rounded corners in a figure." style="width:50px;"> <span style="color: rgba(0, 158, 198,1); font-weight: bold;"></span>
 +
</div>
 +
<div class="col-6 col-md-6">
 +
<span>5 Endotoxin Units / kg bm</span>
 +
</div>
 +
</div>
 +
<div class="row align-items-center">
 +
<div class="col-6 col-md-4">
 +
    <img src="" class="img-fluid rounded mr-3" alt="A generic square placeholder image with rounded corners in a figure." style="width:50px;"> <span style="color: rgba(0, 158, 198,1); font-weight: bold;"></span>
 +
</div>
 +
<div class="col-6 col-md-6">
 +
<span></span>
 +
</div>
 +
</div>
 +
<div class="row align-items-center">
 +
<div class="col-6 col-md-4">
 +
    <img src="" class="img-fluid rounded mr-3" alt="A generic square placeholder image with rounded corners in a figure." style="width:50px;"> <span style="color: rgba(0, 158, 198,1); font-weight: bold;"></span>
 +
</div>
 +
<div class="col-6 col-md-6">
 +
<span></span>
 +
</div>
 +
</div>
 +
<div class="row align-items-center">
 +
<div class="col-6 col-md-4">
 +
    <img src="" class="img-fluid rounded mr-3" alt="A generic square placeholder image with rounded corners in a figure." style="width:50px;"> <span style="color: rgba(0, 158, 198,1); font-weight: bold;"></span>
 +
</div>
 +
<div class="col-6 col-md-6">
 +
<span>2 - 8°C</span>
 +
</div>
 +
</div>
 +
 
 +
<h2></h2>
 +
<div class="row align-items-center">
 +
<div class="col-12">
 +
  <div class="h4">
 +
 
 +
 
 +
 
 +
      <div class="h4"></div>
 +
      <div class="row">
 +
      <div class="col-12 px-0 rounded">
 +
      <video autoplay loop style="width:100%;">
 +
      <source src="">
 +
     
 +
      </video>
 +
      </div>
 +
      </div>
 +
 
 +
 
 +
    <div class="row align-items-center">
 +
    <div class="col-12 col-md-6">
 +
      <div class="h4">
 +
       
 +
    </div>
 +
    <div class="col-12 col-md-6">
 +
    <figure class="figure">
 +
        <img src="http://2018.igem.org/wiki/images/9/92/T--Munich--Contamination.png" class="figure-img img-fluid rounded" alt="A generic square placeholder image with rounded corners in a figure." >
 +
        <figcaption class="figure-caption"></figcaption>
 +
        </figure>
 +
    </div>
 +
    </div>
 +
 
 +
 
 +
 
 +
<h2>Transcription-Translation System</h2>
 +
<div class="row align-items-center">
 +
<div class="col-12 col-md-6">
 +
  <div class="h4">
 +
  High Quality Cell Extract<img src="" class="img-fluid rounded" alt="A generic square placeholder image with rounded corners in a figure." style="width:50px;"></div>
 +
     
 +
<div class="h4">
 +
Low Endotoxin Amount<img src="http://2018.igem.org/wiki/images/0/0b/T--Munich--Measurement_3.png" class="img-fluid rounded" alt="A generic square placeholder image with rounded corners in a figure." style="width:50px;"></div>
 +
    </div>
 +
<div class="col-12 col-md-6">
 +
<figure class="figure">
 +
   
 +
</div>
 +
</div>
 +
<div class="row">
 +
<div class="col-12 px-0 rounded">
 +
<video controls style="width:100%;">
 +
<source src="http://2018.igem.org/wiki/images/1/15/T--Munich--TXTL_DEMO.mov">
 +
Your browser does not support the video tag.
 +
</video>
 +
</div>
 +
</div>
 +
<div class="row align-items-center">
 +
<div class="col-12 col-md-8">
 +
<div class="h4">Preservation of Cell Extract
 +
<img src="" class="img-fluid rounded" alt="A generic square placeholder image with rounded corners in a figure." style="width:50px;"></div>
 +
 
 +
</div>
 +
<div class="col-12 col-md-4">
 +
<figure class="figure">
 +
    <img src="" class="figure-img img-fluid rounded" alt="A generic square placeholder image with rounded corners in a figure." >
 +
    <figcaption class="figure-caption">Our two tested samples of cell extract retained 70 and 90 % of expression quality respectively after lyophilization.</figcaption>
 +
    </figure>
 +
</div>
 +
</div>
 +
 
 +
<h2>Phage Assembly</h2>
 +
<div class="row">
 +
<div class="col-12">
 +
   
 +
</div>
 +
</div>
 +
 
 +
 
 +
 
 +
 
 +
<div class="row align-items-center">
 +
<div class="col-12 col-md-8">
 +
<div class="h4">
 +
High Titer<img src="" class="img-fluid rounded" alt="A generic square placeholder image with rounded corners in a figure." style="width:50px;"></div>
 +
    <p></p>
 +
</div>
 +
<div class="col-12 col-md-4">
 +
<figure class="figure">
 +
    <img src="" class="figure-img img-fluid rounded" alt="A generic square placeholder image with rounded corners in a figure." >
 +
    <figcaption class="figure-caption"> Overview of the successfully assembled phages. MS2 (RNA-phage), T4 (DNA phage), T5 (DNA phage), T7 (DNA phage), CLB-P2 (clinically relevant), CLB-P2 (clinically relevant), GEC-3S P2 (clinically relevant).</figcaption>
 +
    </figure>
 +
</div>
 +
</div>
 +
 
 +
<div class="row align-items-center">
 +
<div class="col-12 col-md-8">
 +
<div class="h4">
 +
High Purity<img src="" class="img-fluid rounded" alt="A generic square placeholder image with rounded corners in a figure." style="width:50px;"></div>
 +
 
 +
</div>
 +
<div class="col-12 col-md-4">
 +
<figure class="figure">
 +
    <img src="" class="figure-img img-fluid rounded" alt="A generic square placeholder image with rounded corners in a figure." >
 +
    <figcaption class="figure-caption">TEM (Transmission Electron Microscopy) of the CLB-P3 phage</figcaption>
 +
    </figure>
 +
</div>
 +
</div>
 +
 
 +
<div class="row align-items-center">
 +
<div class="col-12"><div class="h4">Packaging
 +
  <img src="" class="img-fluid rounded" alt="A generic square placeholder image with rounded corners in a figure." style="width:50px;"></div>
 +
 
 +
</div>
 +
</div>
 +
 
 +
<div class="row align-items-center">
 +
<div class="col-12 col-md-4">
 +
<figure class="figure">
 +
   
 +
</div>
 +
<div class="col-12 col-md-4">
 +
 
 +
</div>
 +
<div class="col-12 col-md-4">
 +
 
 +
</div>
 +
</div>
 +
 
 +
 
 +
 
 +
<h2>Clinically Relevant Bacteriophages</h2><div class="row">
 +
<div class="col-12">
 +
 
 +
</div>
 +
</div>
 +
<h3>Clinical Trial</h3>
 +
<div class="row">
 +
<div class="col-12 px-0 rounded">
 +
 
 +
</div>
 +
</div>
 +
 
 +
 
 +
<div id="phareferences" class="row">
 +
<h3>References</h3>
 +
<div class="col-12">
 +
<ol>
 +
<li><a href="">Pirnay et al., “Quality and Safety Requirements for Sustainable Phage Therapy Products”, Pharm Res. 2015; 32: 2173–2179</a></li>
 +
</ol>
 +
</div>
 +
</div>
 +
 
 +
</main>
 +
</div>
 +
 
 +
<script type="text/javascript" src="https://2019.igem.org/Template:CAU_China/5test_js?action=raw&amp;ctype=text/javascript"></script>
 
</html>
 
</html>
 +
 
{{CAU_China/CSS/Footer}}
 
{{CAU_China/CSS/Footer}}

Revision as of 13:30, 28 June 2019










Phactory

Demonstrate

A generic square placeholder image with rounded corners in a figure. Identification
Complete Genome, Plaque Assay
A generic square placeholder image with rounded corners in a figure. Contamination
Microorganisms DNA Prophages
A generic square placeholder image with rounded corners in a figure.
5 Endotoxin Units / kg bm
A generic square placeholder image with rounded corners in a figure.
A generic square placeholder image with rounded corners in a figure.
A generic square placeholder image with rounded corners in a figure.
2 - 8°C

A generic square placeholder image with rounded corners in a figure.

Transcription-Translation System

High Quality Cell ExtractA generic square placeholder image with rounded corners in a figure.
Low Endotoxin AmountA generic square placeholder image with rounded corners in a figure.
Preservation of Cell Extract A generic square placeholder image with rounded corners in a figure.
A generic square placeholder image with rounded corners in a figure.
Our two tested samples of cell extract retained 70 and 90 % of expression quality respectively after lyophilization.

Phage Assembly

High TiterA generic square placeholder image with rounded corners in a figure.

A generic square placeholder image with rounded corners in a figure.
Overview of the successfully assembled phages. MS2 (RNA-phage), T4 (DNA phage), T5 (DNA phage), T7 (DNA phage), CLB-P2 (clinically relevant), CLB-P2 (clinically relevant), GEC-3S P2 (clinically relevant).
High PurityA generic square placeholder image with rounded corners in a figure.
A generic square placeholder image with rounded corners in a figure.
TEM (Transmission Electron Microscopy) of the CLB-P3 phage
Packaging A generic square placeholder image with rounded corners in a figure.

Clinically Relevant Bacteriophages

Clinical Trial