Team:Penn/Project

From 2013.igem.org

(Difference between revisions)

Revision as of 21:27, 25 July 2013

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

@@ Line 56: / Line 56: @@
              width: 100%;
              margin-top: 100px;
-             margin-left: auto;
+             margin-left: 5px;
          }
-        .span4 {
+      .span4 {
              height: 150px;
              width: 150px;
--moz-border-radius: 100%;
+            position: relative;
+              -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
      -khtml-border-radius: 100%;
              border-radius: 100%;
              overflow: hidden;
-            margin: 50px;
-            background-image: url("https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/WTlON78GgW/IMG_0264.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg");
              background-size: 300px;
              background-position: -70px -20px;
               opacity: .7;
+             margin: 50px;
+             display: inline-block;
          }
@@ Line 81: / Line 82: @@
          }
-         .span4:hover {
+                 .span4:hover {
              opacity: 1;
          }
@@ Line 92: / Line 93: @@
      background-image: url("https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/uN-wv6h07i/Unified%20Artwork%20Styles%20Here/science%21%21%21/20130513135201-0.jpg?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg");
      background-attachment: fixed;
+    background-size: 100%;
+    background-repeat: no-repeat;
+   background-position: 20px;
 }
+.hero-unit{
-      /*jumbotron colors*/
+    margin-top:10px;
+}
+           /*jumbotron colors*/
        .jumbotron {
    position: relative;
@@ Line 115: / Line 122: @@
            box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
 }
      </style>
    </head>
@@ Line 150: / Line 157: @@
                    </ul>
                  </li>
-                 <li><a href="https://2013.igem.org/Team:Penn/HumanPractices">Human Practices</a></li>
+                 <li class="active"><a href="https://2013.igem.org/Team:Penn/HumanPractices">Human Practices</a></li>
 <li><a href="https://2013.igem.org/Team:Penn/Notebook">Notebook</a></li>
                  <li class="dropdown">
@@ Line 184: / Line 191: @@
      <div class="jumbotron masthead">
    <div class="container">
+   <!--<div class="hero-unit" id="text">
+       <p>Human Practices<p>
+    </div>-->
      <h1>Project</h1>
      <p>Lorem ipsum dolor sit amet.</p>
@@ Line 191: / Line 201: @@
 <div class="img-span">
-    <!--<img src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/uN-wv6h07i/Unified%20Artwork%20Styles%20Here/science%21%21%21/20130513135201-0.jpg?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>-->
 </div>
@@ Line 198: / Line 207: @@
      <div class="row">
-        <div class="span4">
+       <div class="span4" style="background-image: url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/jtmF8YkJ_P/device%20photo.jpg?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg'); left: 5%;">
-          <img src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/35eLg5LSQs/Unified%20Artwork%20Styles%20Here/wikipedia%20wikimedia%20commons/Average_prokaryote_cell-_en-150dpi.jpg?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>
          </div><!-- /.span4 -->
+     <div class="span4" style="background-image: url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/WTlON78GgW/IMG_0264.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg'); left: 15%;">
-        <div class="span4">
            <!--<img src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/WTlON78GgW/IMG_0264.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>-->
          </div><!-- /.span4 -->
-            <div class="span4">
+<div class="span4" style="background-image: url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/Y5d0PLu26o/photo-7.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg');left: 30%;">
            <!--<img src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/APrj2Se2i-/Lynch%20Labs%20PGFI/BE_LynchLabGroup_DSC2811.jpg?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>-->
-         </div><!-- /.span4 -->
+         </div><!-- /.span4 --></div>
-        </div>
      <!--first hero unit-->
      <div class="hero-unit" id="text">
-         <h4>First Section</h4>
+         <h4>Abstract</h4>
          <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
@@ Line 224: / Line 231: @@
 </div>
+      </div>
 <div class="img-span">
-  <img src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/2DoiODoUy6/Discovery%20Day%20Clark%20Park/IMG_2048.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>
 </div>
      <div class="section" id="second-section">
-         <div class="row">
-        <div class="span4">
+    <div class="row">
-         <img src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/9E2cXZezHT/Discovery%20Day%20Clark%20Park/IMG_2055.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>
+       <div class="span4" style="background-image: url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/0RorW85BOS/Lynch%20Labs%20PGFI/BE_LynchLabGroup_DSC2733.jpg?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg'); left: 5%;">
          </div><!-- /.span4 -->
+     <div class="span4" style="background-image: url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/8auH76HSpC/Lynch%20Labs%20PGFI/BE_LynchLabGroup_DSC2721.jpg?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg'); left: 15%;">
-        <div class="span4">
+           <!--<img src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/WTlON78GgW/IMG_0264.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>-->
-           <img src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/7LfqJB0eR9/Discovery%20Day%20Clark%20Park/IMG_2038.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>
          </div><!-- /.span4 -->
-            <div class="span4">
+<div class="span4" style="background-image: url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/Cqv03LbbM-/Lynch%20Labs%20PGFI/BE_LynchLabGroup_DSC2809.jpg?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg');left: 30%;">
-           <img src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/MeiwwAmxBW/Discovery%20Day%20Clark%20Park/IMG_2057.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>
+           <!--<img src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/APrj2Se2i-/Lynch%20Labs%20PGFI/BE_LynchLabGroup_DSC2811.jpg?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>-->
-         </div><!-- /.span4 -->
+         </div><!-- /.span4 --></div>
-        </div>
      <!--first hero unit-->
      <div class="hero-unit" id="text">
-         <h4>Second Section</h4>
+         <h4>Methods</h4>
          <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
@@ Line 259: / Line 263: @@
      </div> <!--endsection-->
+        </div>
 <div class="img-span">
-    <img src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/2DoiODoUy6/Discovery%20Day%20Clark%20Park/IMG_2048.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>
 </div>
@@ Line 269: / Line 274: @@
           <div class="row">
          <div class="span4">
-           <img src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/9E2cXZezHT/Discovery%20Day%20Clark%20Park/IMG_2055.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>
+           <img src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/FsZxKlaNDL/Screen%20shot%202013-05-31%20at%2015.29.53.png?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>
          </div><!-- /.span4 -->
          <div class="span4">
-           <img src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/7LfqJB0eR9/Discovery%20Day%20Clark%20Park/IMG_2038.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>
+           <img src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/-RV-MArbh8/Screen%20shot%202013-05-29%20at%2016.22.26.png?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>
          </div><!-- /.span4 -->
              <div class="span4">
-           <img src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/MeiwwAmxBW/Discovery%20Day%20Clark%20Park/IMG_2057.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>
+           <img src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/-RV-MArbh8/Screen%20shot%202013-05-29%20at%2016.22.26.png?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>
          </div><!-- /.span4 -->
          </div>
      <!--first hero unit-->
      <div class="hero-unit" id="text">
-         <h4>Third Section</h4>
+         <h4>Results</h4>
          <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