|
|
Line 1: |
Line 1: |
| <html> | | <html> |
− | <object data="https://dl.dropbox.com/s/272dkpipq1uqdq1/header.html"> | + | <head> |
− | Your browser doesn’t support the object tag. | + | <title>Theory by TEMPLATED</title> |
− | </object> | + | <meta charset="utf-8" /> |
| + | <meta name="viewport" content="width=device-width, initial-scale=1" /> |
| + | <link rel="stylesheet" href="https://dl.dropbox.com/s/35wa4mc39p6vytg/main.css" /> |
| + | </head> |
| + | <body> |
| + | <!-- Header --> |
| + | <header id="header"> |
| + | <div class="inner"> |
| + | <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"> |
| + | </a> |
| + | <nav id="nav"> |
| + | <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/Project">Project</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> |
| + | </nav> |
| + | <a href="#navPanel" class="navPanelToggle"><span class="fa fa-bars"></span></a> |
| + | </div> |
| + | </header> |
| + | |
| + | <!-- Banner --> |
| + | <section id="banner"> |
| + | <h1>Warwick iGEM 2016</h1> |
| + | <p>Application of CRISPR/Cas9 as a novel modular biosensor</p> |
| + | </section> |
| + | |
| + | <!-- One --> |
| + | <section id="one" class="wrapper"> |
| + | <div class="inner"> |
| + | <div class="flex flex-3"> |
| + | <article> |
| + | <header> |
| + | <h3>CRISPR/Cas9<br /> biosensor.</h3> |
| + | </header> |
| + | <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="#" class="button special">More</a> |
| + | </footer> |
| + | </article> |
| + | <article> |
| + | <header> |
| + | <h3>Lyme's disease<br /> impact and diagnosis.</h3> |
| + | </header> |
| + | <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="#" class="button special">More</a> |
| + | </footer> |
| + | </article> |
| + | <article> |
| + | <header> |
| + | <h3>Pollutant Detection:<br /> Heavy Metal Ions.</h3> |
| + | </header> |
| + | <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="#" class="button special">More</a> |
| + | </footer> |
| + | </article> |
| + | </div> |
| + | </div> |
| + | </section> |
| + | |
| + | <!-- Two --> |
| + | <section id="two" class="wrapper style1 special"> |
| + | <div class="inner"> |
| + | <header> |
| + | <h2>Ipsum Feugiat</h2> |
| + | <p>Semper suscipit posuere apede</p> |
| + | </header> |
| + | <div class="flex flex-4"> |
| + | <div class="box person"> |
| + | <div class="image round"> |
| + | <img src="images/pic03.jpg" alt="Person 1" /> |
| + | </div> |
| + | <h3>Magna</h3> |
| + | <p>Cipdum dolor</p> |
| + | </div> |
| + | <div class="box person"> |
| + | <div class="image round"> |
| + | <img src="images/pic04.jpg" alt="Person 2" /> |
| + | </div> |
| + | <h3>Ipsum</h3> |
| + | <p>Vestibulum comm</p> |
| + | </div> |
| + | <div class="box person"> |
| + | <div class="image round"> |
| + | <img src="images/pic05.jpg" alt="Person 3" /> |
| + | </div> |
| + | <h3>Tempus</h3> |
| + | <p>Fusce pellentes</p> |
| + | </div> |
| + | <div class="box person"> |
| + | <div class="image round"> |
| + | <img src="images/pic06.jpg" alt="Person 4" /> |
| + | </div> |
| + | <h3>Dolore</h3> |
| + | <p>Praesent placer</p> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </section> |
| + | |
| + | <!-- Three --> |
| + | <section id="three" class="wrapper special"> |
| + | <div class="inner"> |
| + | <header class="align-center"> |
| + | <h2>Nunc Dignissim</h2> |
| + | <p>Aliquam erat volutpat nam dui </p> |
| + | </header> |
| + | <div class="flex flex-2"> |
| + | <article> |
| + | <div class="image fit"> |
| + | <img src="images/pic01.jpg" alt="Pic 01" /> |
| + | </div> |
| + | <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> |
| + | <header> |
| + | <h3>Fusce pellentesque tempus</h3> |
| + | </header> |
| + | <p>Sed adipiscing ornare risus. Morbi est est, blandit sit amet, sagittis vel, euismod vel, velit. Pellentesque egestas sem. Suspendisse commodo ullamcorper magna non comodo sodales tempus.</p> |
| + | <footer> |
| + | <a href="#" class="button special">More</a> |
| + | </footer> |
| + | </article> |
| + | </div> |
| + | </div> |
| + | </section> |
| + | |
| + | <!-- Footer --> |
| + | <div class="inner"> |
| + | <div class="flex"> |
| + | <div class="copyright"> |
| + | © Untitled. Design: <a href="https://templated.co">TEMPLATED</a>. Images: <a href="https://unsplash.com">Unsplash</a>. |
| + | </div> |
| + | <ul class="icons"> |
| + | <li><a href="https://www.facebook.com/WarwickIGEM" class="icon fa-facebook"><span class="label">Facebook</span></a></li> |
| + | <li><a href="https://twitter.com/warwickigem" class="icon fa-twitter"><span class="label">Twitter</span></a></li> |
| + | </ul> |
| + | </div> |
| + | </div> |
| + | <footer id="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> |
| </html> | | </html> |