|
|
| 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&ctype=text/javascript"></script> |
| | </html> | | </html> |
| | + | |
| | {{CAU_China/CSS/Footer}} | | {{CAU_China/CSS/Footer}} |