Difference between revisions of "Team:Warwick/Project"

Line 4: Line 4:
 
     <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>
Line 48: Line 48:
 
             <article>
 
             <article>
 
               <header>
 
               <header>
−
                 <h3>The Lyme's Project</h3>
+
                 <h3>The Leptospirosis Project</h3>
 
               </header>
 
               </header>
−
               <p>Our Lyme's Disease detector.</p>
+
               <p>Our Leptospirosis detector.</p>
 
               <footer>
 
               <footer>
 
                 <a href="#lymes" class="moreButton">More</a>
 
                 <a href="#lymes" class="moreButton">More</a>
Line 73: Line 73:
 
           <div class="flex flex-4">
 
           <div class="flex flex-4">
 
             <div class="box person">
 
             <div class="box person">
−
             <h3>Lyme's Plasmid</h3>
+
             <h3>Leptospirosis Plasmid</h3>
 
               <div class="image round">
 
               <div class="image round">
 
                 <img src="images/pic03.jpg" alt="Lyme's Plasmid" />
 
                 <img src="images/pic03.jpg" alt="Lyme's Plasmid" />
Line 79: Line 79:
 
             </div>
 
             </div>
 
             <div class="box person">
 
             <div class="box person">
−
             <h3>L.Plasmid</h3>
+
             <h3>Leptospirosis Plasmid</h3>
 
               <div class="image round">
 
               <div class="image round">
 
                 <img src="images/pic03.jpg" alt="L.Plasmid" />
 
                 <img src="images/pic03.jpg" alt="L.Plasmid" />
Line 85: Line 85:
 
             </div>
 
             </div>
 
             <div class="box person">
 
             <div class="box person">
−
             <h3>L.Plasmid</h3>
+
             <h3>Leptospirosis Plasmid</h3>
 
               <div class="image round">
 
               <div class="image round">
 
                 <img src="images/pic03.jpg" alt="L.Plasmid" />
 
                 <img src="images/pic03.jpg" alt="L.Plasmid" />
Line 132: Line 132:
 
         <div class="inner">
 
         <div class="inner">
 
           <header class="align-center">
 
           <header class="align-center">
−
             <h2>The Lyme's Project</h2>
+
             <h2>Activation using CRISPR/Cas9</h2>
−
            <p>Aliquam erat volutpat nam dui </p>
+
 
           </header>
 
           </header>
 
           <div class="flex flex-2">
 
           <div class="flex flex-2">
Line 231: Line 230:
 
         <div class="inner">
 
         <div class="inner">
 
           <header class="align-center">
 
           <header class="align-center">
−
             <h2>The Metal Aptamer Project</h2>
+
             <h2>Detection Via RNA</h2>
−
            <p>Aliquam erat volutpat nam dui </p>
+
 
           </header>
 
           </header>
 
           <div class="flex flex-2">
 
           <div class="flex flex-2">
Line 256: Line 254:
 
               <footer>
 
               <footer>
 
                 <a href="#" class="button special">More</a>
 
                 <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>
 
               </footer>
 
             </article>
 
             </article>
Line 277: Line 317:
 
               </div>
 
               </div>
 
             </article>
 
             </article>
 +
          </div>
 +
        </div>
 +
      </section>
 +
  </div>
 +
     
 +
     
 +
  <!-- Next Step -->
 +
  <div id="nextstep">
 +
        <section id="three" class="wrapper special">
 +
        <div class="inner">
 +
          <header class="align-center">
 +
            <h2>The Next Step</h2>
 +
          </header>
 +
          <div class="flex flex-2">
 
             <article>
 
             <article>
 
               <header>
 
               <header>
Line 298: Line 352:
 
               <footer>
 
               <footer>
 
                 <a href="#" class="button special">More</a>
 
                 <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>
 
               </footer>
 
             </article>
 
             </article>
Line 322: Line 418:
 
         </div>
 
         </div>
 
       </section>
 
       </section>
−
   </div>
+
   </div>  
 
        
 
        
 
        
 
        

Revision as of 10:18, 20 September 2016

Theory by TEMPLATED

The Brainstorm

Planning our project

The Leptospirosis Project

Our Leptospirosis detector.

Metal Aptamers Project

Detecting Heavy Metals.

Leptospirosis Plasmid

Lyme's Plasmid

Leptospirosis Plasmid

L.Plasmid

Leptospirosis Plasmid

L.Plasmid

Metal Plasmid

Metal Plasmid

Brainstorming

Praesent placerat magna

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.

Pic 02

Activation using CRISPR/Cas9

Praesent placerat magna

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.

Pic 02

Praesent placerat magna

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.

Pic 02

Praesent placerat magna

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.

Pic 02

Praesent placerat magna

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.

Pic 02

Praesent placerat magna

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.

Pic 02

Praesent placerat magna

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.

Pic 02

Detection Via RNA

Praesent placerat magna

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.

Pic 02

Praesent placerat magna

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.

Pic 02

Praesent placerat magna

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.

Pic 02

Praesent placerat magna

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.

Pic 02

Praesent placerat magna

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.

Pic 02

Praesent placerat magna

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.

Pic 02

The Next Step

Praesent placerat magna

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.

Pic 02

Praesent placerat magna

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.

Pic 02

Praesent placerat magna

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.

Pic 02

Praesent placerat magna

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.

Pic 02

Praesent placerat magna

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.

Pic 02

Praesent placerat magna

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.

Pic 02