Difference between revisions of "Team:Warwick"

(Replaced content with "<html> <object data="https://dl.dropbox.com/s/272dkpipq1uqdq1/header.html"> Your browser doesn’t support the object tag. </object> </html>")
Line 1: Line 1:
 
<html>
 
<html>
  <head>
+
     <object data="https://dl.dropbox.com/s/272dkpipq1uqdq1/header.html">  
    <title>Theory by TEMPLATED</title>
+
         Your browser doesn’t support the object tag.  
     <meta charset="utf-8" />
+
     </object>
    <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">
+
              &copy; 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>

Revision as of 12:34, 12 September 2016

Your browser doesn’t support the object tag.