|
|
(27 intermediate revisions by 2 users not shown) |
Line 1: |
Line 1: |
| <html> | | <html> |
| <head> | | <head> |
− | <title>Theory by TEMPLATED</title> | + | <title>iGEM Warwick 2016 - Home</title> |
| <meta charset="utf-8" /> | | <meta charset="utf-8" /> |
| <meta name="viewport" content="width=device-width, initial-scale=1" /> | | <meta name="viewport" content="width=device-width, initial-scale=1" /> |
Line 7: |
Line 7: |
| </head> | | </head> |
| <body> | | <body> |
− | <!-- Header --> | + | <header id="header"> |
− | <header id="header">
| + | |
| <div class="inner"> | | <div class="inner"> |
− | <a href="https://2016.igem.org/Team:Warwick" class="logo" >
| + | <a href="https://2016.igem.org/Team:Warwick" class="logo" > |
− | <img src="https://dl.dropbox.com/s/z381m7hq0no0qz2/Final%20logo.png" alt="IGEM WARWICK" class="logo"> | + | <img src="https://static.igem.org/mediawiki/2016/c/cd/T--Warwick--Logo.png" alt="IGEM WARWICK" class="logo"> |
− | </a>
| + | </a> |
| <nav id="nav"> | | <nav id="nav"> |
| <a href="https://2016.igem.org/Team:Warwick">Home</a> | | <a href="https://2016.igem.org/Team:Warwick">Home</a> |
| <a href="https://2016.igem.org/Team:Warwick/Team">Team</a> | | <a href="https://2016.igem.org/Team:Warwick/Team">Team</a> |
− | <a href="https://2016.igem.org/Team:Warwick/Project">Project</a> | + | <div class="dropdown"> |
− | <a href="https://2016.igem.org/Team:Warwick/Parts">Parts</a> | + | <a href="https://2016.igem.org/Team:Warwick/Description">Project</a> |
− | <a href="https://2016.igem.org/Team:Warwick/Safety">Safety</a> | + | <div class="dropdown-content"> |
| + | <a href="https://2016.igem.org/Team:Warwick/Description">Description</a> |
| + | <a href="https://2016.igem.org/Team:Warwick/Design">Design</a> |
| + | <a href="https://2016.igem.org/Team:Warwick/Parts">Parts</a> |
| + | <a href="https://2016.igem.org/Team:Warwick/Model">Model</a> |
| + | <a href="https://2016.igem.org/Team:Warwick/Software">Software</a> |
| + | </div> |
| + | </div> |
| + | <div class="dropdown"> |
| + | <a href="https://2016.igem.org/Team:Warwick/LabBook">Labs</a> |
| + | <div class="dropdown-content"> |
| + | <a href="https://2016.igem.org/Team:Warwick/LabBook">Lab Book</a> |
| + | <a href="https://2016.igem.org/Team:Warwick/Safety">Safety</a> |
| + | <a href="https://2016.igem.org/Team:Warwick/Interlab">Interlab</a> |
| + | <a href="https://2016.igem.org/Team:Warwick/Protocols">Protocols</a> |
| + | </div> |
| + | </div> |
| + | <div class="dropdown"> |
| <a href="https://2016.igem.org/Team:Warwick/Attributions">Attributions</a> | | <a href="https://2016.igem.org/Team:Warwick/Attributions">Attributions</a> |
| + | <div class="dropdown-content"> |
| + | <a href="https://2016.igem.org/Team:Warwick/Collaborations">Collaborations</a> |
| + | </div> |
| + | </div> |
| + | <div class="dropdown"> |
| <a href="https://2016.igem.org/Team:Warwick/Human_Practices">Human Practices</a> | | <a href="https://2016.igem.org/Team:Warwick/Human_Practices">Human Practices</a> |
− | <a href="https://2016.igem.org/Team:Warwick/Awards">Awards</a> | + | <div class="dropdown-content"> |
| + | <a href="https://2016.igem.org/Team:Warwick/Human_Practices">Summary</a> |
| + | <a href="https://2016.igem.org/Team:Warwick/HP/Silver">Silver</a> |
| + | <a href="https://2016.igem.org/Team:Warwick/HP/Gold">Gold</a> |
| + | <a href="https://2016.igem.org/Team:Warwick/Integrated_Practices">Integrated Practices</a> |
| + | <a href="https://2016.igem.org/Team:Warwick/Education">Education</a> |
| + | </div> |
| + | </div> |
| </nav> | | </nav> |
| <a href="#navPanel" class="navPanelToggle"><span class="fa fa-bars"></span></a> | | <a href="#navPanel" class="navPanelToggle"><span class="fa fa-bars"></span></a> |
| </div> | | </div> |
− | </header>
| + | </header> |
| + | |
| + | |
| | | |
| <!-- Banner --> | | <!-- Banner --> |
| <section id="banner"> | | <section id="banner"> |
− | <h1>Our Project</h1> | + | <h1>Warwick iGEM 2016</h1> |
− | <p>From design to Product.</p> | + | <p>Application of CRISPR/Cas9 as a novel modular biosensor</p> |
| </section> | | </section> |
| | | |
− | <!-- Header --> | + | <!-- One --> |
| <section id="one" class="wrapper"> | | <section id="one" class="wrapper"> |
| <div class="inner"> | | <div class="inner"> |
Line 39: |
Line 69: |
| <article> | | <article> |
| <header> | | <header> |
− | <h3>The Brainstorm</h3> | + | <h3>CRISPR/Cas9<br /> Biosensor.</h3> |
| </header> | | </header> |
− | <p>Planning our project</p> | + | <p>Using a dCas9 protein and an RNA-binding protein (RBP) fused to an effector, transcription of a fluorescent reporter gene can be regulated, with a significant colour change indicating the presence of targeted RNA.</p> |
− | <footer>
| + | |
− | <a href="#brainstorming" class="moreButton">More</a>
| + | |
− | </footer>
| + | |
| </article> | | </article> |
| <article> | | <article> |
| <header> | | <header> |
− | <h3>The Lyme's Project</h3> | + | <h3>Leptospirosis Impact and Diagnosis.</h3> |
| </header> | | </header> |
− | <p>Our Lyme's Disease detector.</p> | + | <p>Our project will enable diagnosis of the disease at an early stage, increasing the likelihood of successful treatment and reducing the risk of irreversible bodily damage.</p> |
− | <footer>
| + | |
− | <a href="#lymes" class="moreButton">More</a>
| + | |
− | </footer>
| + | |
| </article> | | </article> |
| <article> | | <article> |
| <header> | | <header> |
− | <h3>Metal Aptamers Project</h3> | + | <h3>Pollutant Detection: Heavy Metal Ions.</h3> |
| </header> | | </header> |
− | <p>Detecting Heavy Metals.</p> | + | <p>Our team has developed a system capable of detecting these ions in water sources, potentially improving the quality of human life on a global scale, in an inexpensive easily accessible manner.</p> |
− | <footer>
| + | |
− | <a href="#metals" class="moreButton">More</a>
| + | |
− | </footer>
| + | |
| </article> | | </article> |
| </div> | | </div> |
| </div> | | </div> |
| </section> | | </section> |
− |
| |
− | <!-- Plasmids -->
| |
− | <section id="two" class="wrapper style1 special">
| |
− | <div class="inner">
| |
− | <div class="flex flex-4">
| |
− | <div class="box person">
| |
− | <h3>Lyme's Plasmid</h3>
| |
− | <div class="image round">
| |
− | <img src="images/pic03.jpg" alt="Lyme's Plasmid" />
| |
− | </div>
| |
− | </div>
| |
− | <div class="box person">
| |
− | <h3>L.Plasmid</h3>
| |
− | <div class="image round">
| |
− | <img src="images/pic03.jpg" alt="L.Plasmid" />
| |
− | </div>
| |
− | </div>
| |
− | <div class="box person">
| |
− | <h3>L.Plasmid</h3>
| |
− | <div class="image round">
| |
− | <img src="images/pic03.jpg" alt="L.Plasmid" />
| |
− | </div>
| |
− | </div>
| |
− | <div class="box person">
| |
− | <h3>Metal Plasmid</h3>
| |
− | <div class="image round">
| |
− | <img src="images/pic03.jpg" alt="Metal Plasmid" />
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </section>
| |
− |
| |
− | <!-- Brainstorming -->
| |
− | <div id="brainstorming">
| |
− | <section id="three" class="wrapper special">
| |
− | <div class="inner">
| |
− | <header class="align-center">
| |
− | <h2>Brainstorming</h2>
| |
− | </header>
| |
− | <div class="flex flex-2">
| |
− | <article>
| |
− | <header>
| |
− | <h3>Praesent placerat magna</h3>
| |
− | </header>
| |
− | <p>Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor lorem ipsum.</p>
| |
− | <footer>
| |
− | <a href="#" class="button special">More</a>
| |
− | </footer>
| |
− | </article>
| |
− | <article>
| |
− | <div class="image fit">
| |
− | <img src="images/pic02.jpg" alt="Pic 02" />
| |
− | </div>
| |
− | </article>
| |
− | </div>
| |
− | </div>
| |
− | </section>
| |
− | </div>
| |
| | | |
− | <!-- Lyme's Project -->
| |
− | <div id="lymes">
| |
− | <section id="three" class="wrapper special">
| |
− | <div class="inner">
| |
− | <header class="align-center">
| |
− | <h2>The Lyme's Project</h2>
| |
− | <p>Aliquam erat volutpat nam dui </p>
| |
− | </header>
| |
− | <div class="flex flex-2">
| |
− | <article>
| |
− | <header>
| |
− | <h3>Praesent placerat magna</h3>
| |
− | </header>
| |
− | <p>Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor lorem ipsum.</p>
| |
− | <footer>
| |
− | <a href="#" class="button special">More</a>
| |
− | </footer>
| |
− | </article>
| |
− | <article>
| |
− | <div class="image fit">
| |
− | <img src="images/pic02.jpg" alt="Pic 02" />
| |
− | </div>
| |
− | </article>
| |
− | <article>
| |
− | <header>
| |
− | <h3>Praesent placerat magna</h3>
| |
− | </header>
| |
− | <p>Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor lorem ipsum.</p>
| |
− | <footer>
| |
− | <a href="#" class="button special">More</a>
| |
− | </footer>
| |
− | </article>
| |
− | <article>
| |
− | <div class="image fit">
| |
− | <img src="images/pic02.jpg" alt="Pic 02" />
| |
− | </div>
| |
− | </article>
| |
− | <article>
| |
− | <header>
| |
− | <h3>Praesent placerat magna</h3>
| |
− | </header>
| |
− | <p>Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor lorem ipsum.</p>
| |
− | <footer>
| |
− | <a href="#" class="button special">More</a>
| |
− | </footer>
| |
− | </article>
| |
− | <article>
| |
− | <div class="image fit">
| |
− | <img src="images/pic02.jpg" alt="Pic 02" />
| |
− | </div>
| |
− | </article>
| |
− | <article>
| |
− | <header>
| |
− | <h3>Praesent placerat magna</h3>
| |
− | </header>
| |
− | <p>Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor lorem ipsum.</p>
| |
− | <footer>
| |
− | <a href="#" class="button special">More</a>
| |
− | </footer>
| |
− | </article>
| |
− | <article>
| |
− | <div class="image fit">
| |
− | <img src="images/pic02.jpg" alt="Pic 02" />
| |
− | </div>
| |
− | </article>
| |
− | <article>
| |
− | <header>
| |
− | <h3>Praesent placerat magna</h3>
| |
− | </header>
| |
− | <p>Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor lorem ipsum.</p>
| |
− | <footer>
| |
− | <a href="#" class="button special">More</a>
| |
− | </footer>
| |
− | </article>
| |
− | <article>
| |
− | <div class="image fit">
| |
− | <img src="images/pic02.jpg" alt="Pic 02" />
| |
− | </div>
| |
− | </article>
| |
− | <article>
| |
− | <header>
| |
− | <h3>Praesent placerat magna</h3>
| |
− | </header>
| |
− | <p>Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor lorem ipsum.</p>
| |
− | <footer>
| |
− | <a href="#" class="button special">More</a>
| |
− | </footer>
| |
− | </article>
| |
− | <article>
| |
− | <div class="image fit">
| |
− | <img src="images/pic02.jpg" alt="Pic 02" />
| |
− | </div>
| |
− | </article>
| |
− | </div>
| |
− | </div>
| |
− | </section>
| |
− | </div>
| |
| | | |
| | | |
− | <!-- metals -->
| |
− | <div id="metals">
| |
− | <section id="three" class="wrapper special">
| |
− | <div class="inner">
| |
− | <header class="align-center">
| |
− | <h2>The Metal Aptamer Project</h2>
| |
− | <p>Aliquam erat volutpat nam dui </p>
| |
− | </header>
| |
− | <div class="flex flex-2">
| |
− | <article>
| |
− | <header>
| |
− | <h3>Praesent placerat magna</h3>
| |
− | </header>
| |
− | <p>Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor lorem ipsum.</p>
| |
− | <footer>
| |
− | <a href="#" class="button special">More</a>
| |
− | </footer>
| |
− | </article>
| |
− | <article>
| |
− | <div class="image fit">
| |
− | <img src="images/pic02.jpg" alt="Pic 02" />
| |
− | </div>
| |
− | </article>
| |
− | <article>
| |
− | <header>
| |
− | <h3>Praesent placerat magna</h3>
| |
− | </header>
| |
− | <p>Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor lorem ipsum.</p>
| |
− | <footer>
| |
− | <a href="#" class="button special">More</a>
| |
− | </footer>
| |
− | </article>
| |
− | <article>
| |
− | <div class="image fit">
| |
− | <img src="images/pic02.jpg" alt="Pic 02" />
| |
− | </div>
| |
− | </article>
| |
− | <article>
| |
− | <header>
| |
− | <h3>Praesent placerat magna</h3>
| |
− | </header>
| |
− | <p>Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor lorem ipsum.</p>
| |
− | <footer>
| |
− | <a href="#" class="mButt">More</a>
| |
− | </footer>
| |
− | </article>
| |
− | <article>
| |
− | <div class="image fit">
| |
− | <img src="images/pic02.jpg" alt="Pic 02" />
| |
− | </div>
| |
− | </article>
| |
− | <article>
| |
− | <header>
| |
− | <h3>Praesent placerat magna</h3>
| |
− | </header>
| |
− | <p>Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor lorem ipsum.</p>
| |
− | <footer>
| |
− | <a href="#" class="mButt">More</a>
| |
− | </footer>
| |
− | </article>
| |
− | <article>
| |
− | <div class="image fit">
| |
− | <img src="images/pic02.jpg" alt="Pic 02" />
| |
− | </div>
| |
− | </article>
| |
− | <article>
| |
− | <header>
| |
− | <h3>Praesent placerat magna</h3>
| |
− | </header>
| |
− | <p>Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor lorem ipsum.</p>
| |
− | <footer>
| |
− | <a href="#" class="mButt">More</a>
| |
− | </footer>
| |
− | </article>
| |
− | <article>
| |
− | <div class="image fit">
| |
− | <img src="images/pic02.jpg" alt="Pic 02" />
| |
− | </div>
| |
− | </article>
| |
− | <article>
| |
− | <header>
| |
− | <h3>Praesent placerat magna</h3>
| |
− | </header>
| |
− | <p>Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor lorem ipsum.</p>
| |
− | <footer>
| |
− | <a href="#" class="button special">More</a>
| |
− | </footer>
| |
− | </article>
| |
− | <article>
| |
− | <div class="image fit">
| |
− | <img src="images/pic02.jpg" alt="Pic 02" />
| |
− | </div>
| |
− | </article>
| |
− | </div>
| |
− | </div>
| |
− | </section>
| |
− | </div>
| |
| | | |
− |
| + | <!-- Footer --> |
− | | + | |
− | <!-- Metals Project -->
| + | |
− | <div id="metals">
| + | |
− | </div>
| + | |
− | | + | |
− | <!-- Footer -->
| + | |
| <footer id="footer"> | | <footer id="footer"> |
| <div class="inner"> | | <div class="inner"> |
| <div class="flex"> | | <div class="flex"> |
| <div class="copyright"> | | <div class="copyright"> |
− | © Warwick iGem 2016. Design: <a href="https://templated.co">TEMPLATED</a>. | + | © Warwick iGEM 2016. |
| <ul class="icons"> | | <ul class="icons"> |
− | <li><a href="https://www.facebook.com/WarwickIGEM" class="logo" ><img src="https://dl.dropbox.com/s/4glmgypg4818k37/1473711361_Facebook_Color.png" alt="Facebook" class="logo"> | + | <li><a href="https://www.facebook.com/WarwickIGEM" class="logo" ><img src="https://static.igem.org/mediawiki/2016/6/6f/T--Warwick--Facebook.png" alt="Facebook" class="logo"> |
| </a></li> | | </a></li> |
− | <li><a href="https://twitter.com/warwickigem" class="logo" ><img src="https://dl.dropbox.com/s/hg113rzniw2pxdq/1473711356_Twitter_Color.png" alt="Twitter" class="logo"> | + | <li><a href="https://twitter.com/warwickigem" class="logo" ><img src="https://static.igem.org/mediawiki/2016/7/7e/T--Warwick--Twitter.png" alt="Twitter" class="logo"> |
| </a></li> | | </a></li> |
| </ul> | | </ul> |
− | <div class="links"> | + | <p>We thankfully acknowledge generous funding support from our sponsors below.</p> |
− | <a href="https://2016.igem.org/Team:Warwick">Home</a>
| + | <a href="https://2016.igem.org/Team:Warwick/Attributions" class="logo" > |
− | <a href="https://2016.igem.org/Team:Warwick/Team">Team</a>
| + | <img src="https://static.igem.org/mediawiki/2016/f/f6/T--Warwick--banner.png" alt="IGEM WARWICK" class="bannertop"> |
− | <a href="https://2016.igem.org/Team:Warwick/Project">Project</a>
| + | </a> |
− | <a href="https://2016.igem.org/Team:Warwick/Parts">Parts</a> | + | |
− | <a href="https://2016.igem.org/Team:Warwick/Safety">Safety</a>
| + | |
− | <a href="https://2016.igem.org/Team:Warwick/Attributions">Attributions</a>
| + | |
− | <a href="https://2016.igem.org/Team:Warwick/Human_Practices">Human Practices</a>
| + | |
− | <a href="https://2016.igem.org/Team:Warwick/Awards">Awards</a>
| + | |
− | </div> | + | |
| </div> | | </div> |
| </div> | | </div> |
| </div> | | </div> |
| </footer> | | </footer> |
− |
| |
− | <!-- Scripts -->
| |
− | <script src="assets/js/jquery.min.js"></script>
| |
− | <script src="assets/js/skel.min.js"></script>
| |
− | <script src="assets/js/util.js"></script>
| |
− | <script src="assets/js/main.js"></script>
| |
| </body> | | </body> |
| </html> | | </html> |