Difference between revisions of "Team:Warwick"

 
(29 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" />
−
     <link rel="stylesheet" href="https://dl.dropbox.com/s/35wa4mc39p6vytg/main.css" />
+
     <link rel="stylesheet" type="text/css" href="http:\\2016.igem.org/Team:Warwick\css?action=raw&ctype=text/css" />
 
   </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">
−
                   &copy; Warwick iGem 2016. Design: <a href="https://templated.co">TEMPLATED</a>.
+
                   &copy; 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>

Latest revision as of 02:26, 20 October 2016

iGEM Warwick 2016 - Home

CRISPR/Cas9
Biosensor.

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.

Leptospirosis Impact and Diagnosis.

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.

Pollutant Detection: Heavy Metal Ions.

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.

© Warwick iGEM 2016.

We thankfully acknowledge generous funding support from our sponsors below.