Team:Penn/Project

From 2013.igem.org

(Difference between revisions)

Revision as of 15:43, 2 August 2013

Abstract

Methods

Results

Abstract

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborumLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum

Methods

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim

@@ Line 162: / Line 162: @@
 }
-a li {
+a {
-overflow: hidden;
+    opacity: 1;
-           -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
-  filter: alpha(opacity=80);
- -moz-opacity: 0.8;
- -khtml-opacity: 0.8;
-  opacity: 0.8;
 }
-a li:hover {
+a:hover {
-overflow: hidden;
+    opacity: 1;
-     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
+    text-decoration: none;
-  filter: alpha(opacity=100);
- -moz-opacity: 1;
- -khtml-opacity: 1;
-  opacity: 1;
 }
@@ Line 190: / Line 181: @@
       .clear { clear:both;} /*add a clear div if formatting gets weird because of float*/
-      .caption {
-        font-size: 10px;
-        font-family: arial;
-        margin-bottom: 15px;
-        line-height: 10px;
-text-align: center;
-      }
-      .caption2 {
-        font-size: 10px;
-        font-family: arial;
-        position: relative;
-        left: -150px;
-        top:-10px;
-        line-height: 10px;
-text-align: left;
-float: left;
-      }
      </style>
    </head>
@@ Line 264: / Line 236: @@
 <div id="nav-circles">
 <ul class="nav">
-<!--<a href="#top"><li id="one"></li></a>-->
+<a href="#top"><li id="one"></li></a>
-<a id="two" href="first-section"><li><img src="http://images.wikia.com/arresteddevelopment/images/7/77/Icon-summary.png"/></li></a>
+<a id="two" href="#first-section"><li><img src="http://images.wikia.com/arresteddevelopment/images/7/77/Icon-summary.png"/></li></a>
-<a id="three" href="second-section" ><li><img src="http://clipartist.info/www/TATARTIST.NET/L/lab_icon_test_tube_2_black_white_line_art_tatoo_tattoo-555px.png"/></li></a>
+<a id="three" href="#second-section"><li><img src="http://clipartist.info/www/TATARTIST.NET/L/lab_icon_test_tube_2_black_white_line_art_tatoo_tattoo-555px.png"/></li></a>
-<a id="four" href="third-section"><li><img src="http://c.dryicons.com/images/icon_sets/symbolize_icons_set/png/128x128/chart.png"/></li></a>
+<a id="four" href="#third-section"><li><img src="http://c.dryicons.com/images/icon_sets/symbolize_icons_set/png/128x128/chart.png"/></li></a>
 </ul>
      </div>
+    <div id="top">
+ <!--circle buttons in banner-->
+ <div class="row" style="position: relative !important;margin-left: auto; margin-right: auto; display: block; width: 600px; max-height: 100px; margin-top: 30px; overflow: hidden; ">
+       <a id="two" href="#first-section">
+<div class="span_smaller" style="float: left; margin:  0px 0px 70px 70px; background-image: url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/jtmF8YkJ_P/device%20photo.jpg?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg');">
+        <h3 style="margin-top:30px; color:#380060">Abstract<h3></div><!-- /.span4 --></a>
+       <a id="three" href="#second-section"><div class="span_smaller" style="align: center; float: center;  margin: 0px 0px 70px 70px; display: inline-block;background-image: url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/0RorW85BOS/Lynch%20Labs%20PGFI/BE_LynchLabGroup_DSC2733.jpg?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg'); ">
+        <h3 style="margin-top:30px; color:#380060;">Methods</h3></div><!-- /.span4 --></a>
+       <a id="four" href="#third-section"><div class="span_smaller" style="margin: 0px 0px 70px 70px; background-image: url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/FsZxKlaNDL/Screen%20shot%202013-05-31%20at%2015.29.53.png?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg');">
+        <h3 style="margin-top:30px; color:#380060;">Results</h3></div><!-- /.span4 --></a>
+         </div><!--/row-->
+</div>
+<div class="img-span">
+</div>
      <!--First section-->
@@ Line 299: / Line 288: @@
    exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
    in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.<img src="https://googledrive.com/host/0B4ZBZOYYKBzEdTRvdHVIRDI0OWM/"
-   class="figure"/><p class="caption">This is a caption</p><p>Excepteur
+   class="figure"/>Excepteur
    sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
                  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
@@ Line 322: / Line 311: @@
    exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
    in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
-   <img src="https://googledrive.com/host/0B4ZBZOYYKBzER09TYUNULWdHdU0" class="figure"/><p class="caption">This is a caption</p><p>Excepteur
+   <img src="https://googledrive.com/host/0B4ZBZOYYKBzER09TYUNULWdHdU0" class="figure"/>Excepteur
    sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p<
                                                  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
@@ Line 329: / Line 318: @@
    in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
    sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
-                                                        <img src="https://googledrive.com/host/0B4ZBZOYYKBzESmtGdU1XelBPVm8/" class="figure"/><p class="caption2">This is a caption</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                                                        <img src="https://googledrive.com/host/0B4ZBZOYYKBzESmtGdU1XelBPVm8/" class="figure"/> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
    incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
    exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
@@ Line 354: / Line 343: @@
+<div class="img-span">
+</div>
      <div class="section" id="second-section">
@@ Line 374: / Line 364: @@
      <div class="hero-unit" id="text">
         <div id="icon"> <img src="http://clipartist.info/www/TATARTIST.NET/L/lab_icon_test_tube_2_black_white_line_art_tatoo_tattoo-555px.png"/></div><h4>Methods</h4>
-        <img class="figure" src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/jtmF8YkJ_P/device%20photo.jpg?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/><p class="caption">This is a caption</p><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+        <img class="figure" src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/jtmF8YkJ_P/device%20photo.jpg?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
    incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
    exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
@@ Line 411: / Line 401: @@
+<div class="img-span">
+</div>
      <div class="section" id="third-section">
@@ Line 434: / Line 425: @@
    incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
    exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. <img src="https://googledrive.com/host/0B4ZBZOYYKBzEdTRvdHVIRDI0OWM/"
-   class="figure"/><p class="caption">This is a caption</p><p>Duis aute irure dolor
+   class="figure"/>Duis aute irure dolor
    in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
    sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
@@ Line 442: / Line 433: @@
    in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
    sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
-         <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod <img class="figure" src="https://googledrive.com/host/0B4ZBZOYYKBzESTd1bnpoX0hWNzA"/><p class="caption">This is a caption</p><p>tempor
+         <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod <img class="figure" src="https://googledrive.com/host/0B4ZBZOYYKBzESTd1bnpoX0hWNzA"/>tempor
    incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
    exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
@@ Line 456: / Line 447: @@
    in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
    sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p><img class="figure" src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/FsZxKlaNDL/Screen%20shot%202013-05-31%20at%2015.29.53.png?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>
-       <p class="caption">This is a caption</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
    incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
    exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
    in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
    sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
-        <img class="figure" src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/FsZxKlaNDL/Screen%20shot%202013-05-31%20at%2015.29.53.png?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>
+        <img class="figure" src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/FsZxKlaNDL/Screen%20shot%202013-05-31%20at%2015.29.53.png?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
-       <p class="caption">This is a caption</p><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
    incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
    exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
@@ Line 474: / Line 464: @@
              <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
    incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
-   exercitation ullamco labori<img class="figure" src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/jtmF8YkJ_P/device%20photo.jpg?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>
+   exercitation ullamco labori<img class="figure" src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/jtmF8YkJ_P/device%20photo.jpg?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>s nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
-  <p class="caption">This is a caption</p><p>s nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
    in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
    sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
@@ Line 496: / Line 485: @@
    incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
    exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
-   in <img class="figure" src="https://googledrive.com/host/0B4ZBZOYYKBzESTd1bnpoX0hWNzA"/><p class="caption">This is a caption</p><p>reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
+   in <img class="figure" src="https://googledrive.com/host/0B4ZBZOYYKBzESTd1bnpoX0hWNzA"/>reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
    sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
@@ Line 516: / Line 505: @@
    incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
    exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
-   in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. <img class="figure" src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/jtmF8YkJ_P/device%20photo.jpg?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>
+   in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. <img class="figure" src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/jtmF8YkJ_P/device%20photo.jpg?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>Excepteur
-  <p class="caption">This is a caption</p><p>Excepteur
    sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
@@ Line 531: / Line 519: @@
    incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
    exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
-   in reprehenderit in <img class="figure" src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/FsZxKlaNDL/Screen%20shot%202013-05-31%20at%2015.29.53.png?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>
+   in reprehenderit in <img class="figure" src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/FsZxKlaNDL/Screen%20shot%202013-05-31%20at%2015.29.53.png?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
-  <p class="caption">This is a caption</p><p>voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
    sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor</p>
@@ Line 545: / Line 532: @@
    exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
    in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur<img class="figure" src="https://googledrive.com/host/0B4ZBZOYYKBzER09TYUNULWdHdU0"/>
-  <p class="caption">This is a caption</p><p>
    sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
@@ Line 554: / Line 540: @@
          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
    incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
-   exercitation ullamco labo<img class="figure" src="https://googledrive.com/host/0B4ZBZOYYKBzESmtGdU1XelBPVm8/"/>
+   exercitation ullamco labo<img class="figure" src="https://googledrive.com/host/0B4ZBZOYYKBzESmtGdU1XelBPVm8/"/>ris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
-  <p class="caption2">This is a caption</p><p>ris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
    in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
    sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>

Team:Penn/Project

From 2013.igem.org

Revision as of 15:43, 2 August 2013

Abstract

Methods

Results

Abstract

Methods

Results

Results 2

Results 3

Results 4

Results 5

Results 6