Difference between revisions of "Team:Warwick/Project"

Line 29: Line 29:
 
     <!-- Banner -->
 
     <!-- Banner -->
 
       <section id="banner">
 
       <section id="banner">
−
         <h1>IGEM Warwick</h1>
+
         <h1>Our Project</h1>
−
         <p>We do Science 'n Shit.</p>
+
         <p>WFrom design to Product.</p>
 
       </section>
 
       </section>
  
−
     <!-- One -->
+
     <!-- Header -->
 
       <section id="one" class="wrapper">
 
       <section id="one" class="wrapper">
 
         <div class="inner">
 
         <div class="inner">
Line 39: Line 39:
 
             <article>
 
             <article>
 
               <header>
 
               <header>
−
                 <h3>Magna tempus sed amet<br /> aliquam veroeros</h3>
+
                 <h3>The Brainstorm</h3>
 
               </header>
 
               </header>
−
               <p>Morbi interdum mollis sapien. Sed ac risus. Phasellus lacinia, magna a ullamcorper laoreet, lectus arcu.</p>
+
               <p>Planning our project</p>
 
               <footer>
 
               <footer>
−
                <a href="#" class="button special">More</a>
+
              <a href="#brainstorming" class="moreButton">More</a>
 
               </footer>
 
               </footer>
 
             </article>
 
             </article>
 
             <article>
 
             <article>
 
               <header>
 
               <header>
−
                 <h3>Interdum lorem pulvinar<br /> adipiscing vitae</h3>
+
                 <h3>The Lyme's Project</h3>
 
               </header>
 
               </header>
−
               <p>Morbi interdum mollis sapien. Sed ac risus. Phasellus lacinia, magna a ullamcorper laoreet, lectus arcu.</p>
+
               <p>Our Lyme's Disease detector.</p>
 
               <footer>
 
               <footer>
−
                 <a href="#" class="button special">More</a>
+
                 <a href="#" class="moreButton">More</a>
 
               </footer>
 
               </footer>
 
             </article>
 
             </article>
 
             <article>
 
             <article>
 
               <header>
 
               <header>
−
                 <h3>Libero purus magna sapien<br /> sed ullamcorper</h3>
+
                 <h3>Metal Aptamers<br /> Project</h3>
 
               </header>
 
               </header>
−
               <p>Morbi interdum mollis sapien. Sed ac risus. Phasellus lacinia, magna a ullamcorper laoreet, lectus arcu.</p>
+
               <p>Detecting Heavy Metals.</p>
 
               <footer>
 
               <footer>
−
                 <a href="#" class="button special">More</a>
+
                 <a href="#" class="moreButton">More</a>
 
               </footer>
 
               </footer>
 
             </article>
 
             </article>
Line 68: Line 68:
 
       </section>
 
       </section>
  
−
     <!-- Two -->
+
     <!-- Plasmids -->
 
       <section id="two" class="wrapper style1 special">
 
       <section id="two" class="wrapper style1 special">
 
         <div class="inner">
 
         <div class="inner">
−
          <header>
 
−
            <h2>Ipsum Feugiat</h2>
 
−
            <p>Semper suscipit posuere apede</p>
 
−
          </header>
 
 
           <div class="flex flex-4">
 
           <div class="flex flex-4">
 
             <div class="box person">
 
             <div class="box person">
 +
            <h3>Lyme's Plasmid</h3>
 
               <div class="image round">
 
               <div class="image round">
−
                 <img src="images/pic03.jpg" alt="Person 1" />
+
                 <img src="images/pic03.jpg" alt="Lyme's Plasmid" />
 
               </div>
 
               </div>
−
              <h3>Magna</h3>
 
−
              <p>Cipdum dolor</p>
 
 
             </div>
 
             </div>
 
             <div class="box person">
 
             <div class="box person">
 +
            <h3>L.Plasmid</h3>
 
               <div class="image round">
 
               <div class="image round">
−
                 <img src="images/pic04.jpg" alt="Person 2" />
+
                 <img src="images/pic03.jpg" alt="L.Plasmid" />
 
               </div>
 
               </div>
−
              <h3>Ipsum</h3>
 
−
              <p>Vestibulum comm</p>
 
 
             </div>
 
             </div>
 
             <div class="box person">
 
             <div class="box person">
 +
            <h3>L.Plasmid</h3>
 
               <div class="image round">
 
               <div class="image round">
−
                 <img src="images/pic05.jpg" alt="Person 3" />
+
                 <img src="images/pic03.jpg" alt="L.Plasmid" />
 
               </div>
 
               </div>
−
              <h3>Tempus</h3>
 
−
              <p>Fusce pellentes</p>
 
 
             </div>
 
             </div>
 
             <div class="box person">
 
             <div class="box person">
 +
            <h3>Metal Plasmid</h3>
 
               <div class="image round">
 
               <div class="image round">
−
                 <img src="images/pic06.jpg" alt="Person 4" />
+
                 <img src="images/pic03.jpg" alt="Metal Plasmid" />
 
               </div>
 
               </div>
−
              <h3>Dolore</h3>
 
−
              <p>Praesent placer</p>
 
 
             </div>
 
             </div>
 
           </div>
 
           </div>
Line 109: Line 101:
  
 
     <!-- Three -->
 
     <!-- Three -->
 +
    <div id="brainstorming">
 
       <section id="three" class="wrapper special">
 
       <section id="three" class="wrapper special">
 
         <div class="inner">
 
         <div class="inner">
Line 136: Line 129:
 
         </div>
 
         </div>
 
       </section>
 
       </section>
 +
    </div>
  
 
     <!-- Footer -->
 
     <!-- Footer -->

Revision as of 10:35, 14 September 2016

Theory by TEMPLATED

The Brainstorm

Planning our project

The Lyme's Project

Our Lyme's Disease detector.

Metal Aptamers
Project

Detecting Heavy Metals.

Lyme's Plasmid

Lyme's Plasmid

L.Plasmid

L.Plasmid

L.Plasmid

L.Plasmid

Metal Plasmid

Metal Plasmid

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