Skip to content
Snippets Groups Projects
Commit effa5e75 authored by Riva Yan's avatar Riva Yan
Browse files

upload

parent ac12aa87
No related branches found
No related tags found
No related merge requests found
Pipeline #445703 passed
Stage: build
Stage: deploy
Hide whitespace changes
Inline Side-by-side
Showing
with 32 additions and 31 deletions
index.html
+ 32
− 31
View file @ effa5e75
......@@ -49,108 +49,109 @@
<h2 class="text-info">A Dual-Plasmid Biosensor for Copper Ion Detection <br>Using Synthetic Biology</h2>
<p>In our project, we introduce an innovative solution designed using synthetic biology: a specialized biomarker sensor for detecting copper ions. We’ll walk you through the design and implementation of our dual-plasmid system, showcasing the experiments and technology behind this advanced heavy metal detection method. Discover how our engineered sensor can make a difference in ensuring the safety and quality of the items we consume.</p>
</div>
第一张图
<!-- 下面是第一张图 -->
<div class="row align-items-center">
<div class="col-md-6"><img class="img-thumbnail" src="assets/img/scenery/image5.jpg"></div>
<div class="col-md-6"><img class="img-thumbnail" src="https://static.igem.wiki/teams/5459/index-imgs/index-1-n.png"></div>
<div class="col-md-6">
<h3>Lorem impsum dolor sit amet</h3>
<h3>Background</h3>
<div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
<p>In China, issues caused by the copper ion contamination are gradually increasing and the consequences are now beginning to surface. Not only is the problem of pollution of vegetables mentioned in the left picture, but many products in life are also affected by copper pollution, like red wines and aquatic products such as oysters.</p>
</div><button class="btn btn-outline-primary btn-lg" type="button">Join Now</button>
</div>
</div>
</div>
</section>
第二张图
<!-- 下面是第二张图 -->
<section class="clean-block clean-info dark">
<div class="container">
<div class="row align-items-center">
<div class="col-md-6 col-xxl-6">
<h3>Lorem impsum dolor sit amet</h3>
<h3>The Problem</h3>
<div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
<p>Under these circumstances, consumers are anxious about food contamination problems, including dizziness, nausea and stomach ache. Moreover, a lot of contaminated food products can't be sold. And as a result, farmers' yields and revenue significantly suffer. Copper pollution is a growing threat.</p>
</div><button class="btn btn-outline-primary btn-lg" type="button">Join Now</button>
</div>
<div class="col"><img class="img-thumbnail" alt="Persons Hand With Silver Ring" src="assets/img/pexels-photo-5716037.jpeg"></div>
<div class="col"><img class="img-thumbnail" alt="Persons Hand With Silver Ring" src="https://static.igem.wiki/teams/5459/index-imgs/index-2-n.jpg"></div>
</div>
</div>
</section>
第三张图
<!-- 下面是第三张图 -->
<section class="clean-block clean-info dark">
<div class="container">
<div class="row align-items-center">
<div class="col-md-6"><img class="img-thumbnail" src="assets/img/scenery/image5.jpg"></div>
<div class="col-md-6"><img class="img-thumbnail" src="https://static.igem.wiki/teams/5459/index-imgs/index-3-n.png"></div>
<div class="col-md-6">
<h3>Lorem impsum dolor sit amet</h3>
<h3>Current Solution is NOT Ideal</h3>
<div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
<p>Even though there are some relevant instruments, they are not ideal. But don't lose hope, our product is here to help. It is not only portable but also low cost and doesn't require professional control. Our project is different.</p>
</div><button class="btn btn-outline-primary btn-lg" type="button">Join Now</button>
</div>
</div>
</div>
</section>
第四张图
<!-- 下面是第四张图 -->
<section class="clean-block clean-info dark">
<div class="container">
<div class="row align-items-center">
<div class="col-md-6 col-xxl-6">
<h3>Lorem impsum dolor sit amet</h3>
<h3>Peer Review and Our Solution </h3>
<div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
<p>Unlike previous iGEM teams, we utilize the E. coli endogenic copper sensor CueR to regulate our signal plasmid. Where promoter pCopA will be activated by CueR-Copper complex to express the downstream fluorescent protein mVenus. Therefore, with a higher concentration of copper, the stronger the fluorescent signal.</p>
</div><button class="btn btn-outline-primary btn-lg" type="button">Join Now</button>
</div>
<div class="col"><img class="img-thumbnail" alt="Persons Hand With Silver Ring" src="assets/img/pexels-photo-5716037.jpeg"></div>
<div class="col"><img class="img-thumbnail" alt="Persons Hand With Silver Ring" src="https://static.igem.wiki/teams/5459/index-imgs/index-4-n.png"></div>
</div>
</div>
</section>
第五张图
<!-- 下面是第五张图 -->
<section class="clean-block clean-info dark">
<div class="container">
<div class="row align-items-center">
<div class="col-md-6"><img class="img-thumbnail" src="assets/img/scenery/image5.jpg"></div>
<div class="col-md-6"><img class="img-thumbnail" src="https://static.igem.wiki/teams/5459/index-imgs/index-5-n.png"></div>
<div class="col-md-6">
<h3>Lorem impsum dolor sit amet</h3>
<h3>Solution Upgrade</h3>
<div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
<p>Since we want to fine-tune our circuit dynamics with more CueR in E. coli, another plasmid was constructed for CureR over-expression under the control of a promoter library containing more than 50 different promoters.
</p>
<p>We demonstrated the response curves of the two plasmid systems with variable CueR concentration in vivo, which allowed us to customize our flexible copper biosensor in the future.</p>
</div><button class="btn btn-outline-primary btn-lg" type="button">Join Now</button>
</div>
</div>
</div>
</section>
第六张图
<!-- 下面是第六张图 -->
<section class="clean-block clean-info dark">
<div class="container">
<div class="row align-items-center">
<div class="col-md-6 col-xxl-6">
<h3>Lorem impsum dolor sit amet</h3>
<h3>Value Conclusion</h3>
<div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
<p>To conclude, our mission is to create a cutting edge instrument for detecting copper ions which we'll all benefit from. People will drink safer water, enjoy food that's free from contamination. This is the kind of world we want to build. </p>
</div><button class="btn btn-outline-primary btn-lg" type="button">Join Now</button>
</div>
<div class="col"><img class="img-thumbnail" alt="Persons Hand With Silver Ring" src="assets/img/pexels-photo-5716037.jpeg"></div>
<div class="col"><img class="img-thumbnail" alt="Persons Hand With Silver Ring" src="https://static.igem.wiki/teams/5459/index-imgs/index-6-n.png"></div>
</div>
</div>
</section>
第七张图
<!-- 下面是第七张图 -->
<section class="clean-block clean-info dark">
<div class="container">
<div class="row align-items-center">
<div class="col-md-6"><img class="img-thumbnail" src="assets/img/scenery/image5.jpg"></div>
<div class="col-md-6">
<h3>Lorem impsum dolor sit amet</h3>
<div class="col-md-6"><img class="img-thumbnail" src="https://static.igem.wiki/teams/5459/index-imgs/index-7.png
<h3>Join us</h3>
<div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
<p>Join us on this journey because clean water is not just a luxury, it's a right. This is what drives our project forward.</p>
</div><button class="btn btn-outline-primary btn-lg" type="button">Join Now</button>
</div>
</div>
......@@ -162,11 +163,11 @@
<section class="clean-block features">
<div class="container">
<div class="block-heading">
<h2 class="text-info">Features</h2><!-- Start: ml-video -->
<h2 class="text-info">Promotion Video</h2><!-- Start: ml-video -->
<div class="video-container"><iframe allowfullscreen="" frameborder="0" width="100%" height="800px" src="https://video.igem.org/videos/embed/2228aee2-6b46-409f-bbd3-08ac2b3f517e"></iframe></div><!-- End: ml-video -->
<!-- Start: Video Parallax Background v3 -->
<div id="videoContainer" class="mobile-background"></div><!-- End: Video Parallax Background v3 -->
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quam urna, dignissim nec auctor in, mattis vitae leo.</p>
<p></p>
</div>
</div>
</section>
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment