Difference between revisions of "Team:Warwick"

Line 1: Line 1:
 
<html>
 
<html>
 
   <head>
 
   <head>
−
     <title>iGEM Warwick 2016 - Home</title>
+
     <title>Theory by TEMPLATED</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" type="text/css" href="http:\\2016.igem.org/Team:Warwick\css?action=raw&ctype=text/css" />
+
     <link rel="stylesheet" href="https://dl.dropbox.com/s/35wa4mc39p6vytg/main.css" />
 
   </head>
 
   </head>
 
   <body>
 
   <body>
−
     <header id="header">
+
     <!-- 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://static.igem.org/mediawiki/2016/c/cd/T--Warwick--Logo.png" alt="IGEM WARWICK" class="logo">
+
             <img src="https://dl.dropbox.com/s/z381m7hq0no0qz2/Final%20logo.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>
−
            <div class="dropdown">
+
             <a href="https://2016.igem.org/Team:Warwick/Project">Project</a>
−
             <a href="https://2016.igem.org/Team:Warwick/Description">Project</a>
+
             <a href="https://2016.igem.org/Team:Warwick/Parts">Parts</a>
−
             <div class="dropdown-content">
+
             <a href="https://2016.igem.org/Team:Warwick/Safety">Safety</a>
−
                <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>
−
             <div class="dropdown-content">
+
             <a href="https://2016.igem.org/Team:Warwick/Awards">Awards</a>
−
                <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>Warwick iGEM 2016</h1>
+
         <h1>IGEM Warwick</h1>
−
         <p>Application of CRISPR/Cas9 as a novel modular biosensor</p>
+
         <p>We do Science 'n Shit.</p>
 
       </section>
 
       </section>
  
Line 69: Line 39:
 
             <article>
 
             <article>
 
               <header>
 
               <header>
−
                 <h3>CRISPR/Cas9<br /> biosensor.</h3>
+
                 <h3>Magna tempus sed amet<br /> aliquam veroeros</h3>
 
               </header>
 
               </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>
+
               <p>Morbi interdum mollis sapien. Sed ac risus. Phasellus lacinia, magna a ullamcorper laoreet, lectus arcu.</p>
 
               <footer>
 
               <footer>
−
                 <a href="#" class="morebutton">More</a>
+
                 <a href="#" class="button special">More</a>
 
               </footer>
 
               </footer>
 
             </article>
 
             </article>
 
             <article>
 
             <article>
 
               <header>
 
               <header>
−
                 <h3>Leptospirosis impact and diagnosis.</h3>
+
                 <h3>Interdum lorem pulvinar<br /> adipiscing vitae</h3>
 
               </header>
 
               </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>
+
               <p>Morbi interdum mollis sapien. Sed ac risus. Phasellus lacinia, magna a ullamcorper laoreet, lectus arcu.</p>
 
               <footer>
 
               <footer>
−
                 <a href="#" class="morebutton">More</a>
+
                 <a href="#" class="button special">More</a>
 
               </footer>
 
               </footer>
 
             </article>
 
             </article>
 
             <article>
 
             <article>
 
               <header>
 
               <header>
−
                 <h3>Pollutant Detection: Heavy Metal Ions.</h3>
+
                 <h3>Libero purus magna sapien<br /> sed ullamcorper</h3>
 
               </header>
 
               </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>
+
               <p>Morbi interdum mollis sapien. Sed ac risus. Phasellus lacinia, magna a ullamcorper laoreet, lectus arcu.</p>
 
               <footer>
 
               <footer>
−
                 <a href="#" class="morebutton">More</a>
+
                 <a href="#" class="button special">More</a>
 
               </footer>
 
               </footer>
 
             </article>
 
             </article>
Line 97: Line 67:
 
         </div>
 
         </div>
 
       </section>
 
       </section>
−
        
+
 
−
        
+
    <!-- Two -->
−
        
+
       <section id="two" class="wrapper style1 special">
−
        
+
        <div class="inner">
−
  <!-- Footer -->
+
          <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 -->
 
     <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.
+
                   &copy; Warwick iGem 2016. Design: <a href="https://templated.co">TEMPLATED</a>.
 
                 <ul class="icons">
 
                 <ul class="icons">
−
                     <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">
+
                     <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">
 
                     </a></li>
 
                     </a></li>
−
                     <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">
+
                     <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">
 
                     </a></li>
 
                     </a></li>
 
                 </ul>
 
                 </ul>
−
                <a href="https://2016.igem.org/Team:Warwick" class="logo" >
 
−
                    <img src="https://static.igem.org/mediawiki/2016/f/f6/T--Warwick--banner.png" alt="IGEM WARWICK" class="bannertop">
 
−
                </a>
 
 
                 <div class="links">
 
                 <div class="links">
 
                     <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>
 
                     <a href="https://2016.igem.org/Team:Warwick/Project">Project</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/Parts">Parts</a>
 
                     <a href="https://2016.igem.org/Team:Warwick/Safety">Safety</a>
 
                     <a href="https://2016.igem.org/Team:Warwick/Safety">Safety</a>

Revision as of 02:25, 20 October 2016

Theory by TEMPLATED

Magna tempus sed amet
aliquam veroeros

Morbi interdum mollis sapien. Sed ac risus. Phasellus lacinia, magna a ullamcorper laoreet, lectus arcu.

Interdum lorem pulvinar
adipiscing vitae

Morbi interdum mollis sapien. Sed ac risus. Phasellus lacinia, magna a ullamcorper laoreet, lectus arcu.

Libero purus magna sapien
sed ullamcorper

Morbi interdum mollis sapien. Sed ac risus. Phasellus lacinia, magna a ullamcorper laoreet, lectus arcu.

Ipsum Feugiat

Semper suscipit posuere apede

Person 1

Magna

Cipdum dolor

Person 2

Ipsum

Vestibulum comm

Person 3

Tempus

Fusce pellentes

Person 4

Dolore

Praesent placer

Nunc Dignissim

Aliquam erat volutpat nam dui

Pic 01

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

Fusce pellentesque tempus

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.