Team:Penn/Project

From 2013.igem.org

(Difference between revisions)

Revision as of 15:03, 1 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

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. 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 1: / Line 1: @@
 <html>
    <head>
@@ Line 45: / Line 44: @@
          /*hero unit positioning*/
          #text {
-             margin-left: 20px;
+             align: center;
              padding: 50px;
@@ Line 85: / Line 84: @@
              height: 150px;
              width: 150px;
-             position: relative;
+             position: static;
                -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
@@ Line 93: / Line 92: @@
              background-size: 300px;
              background-position: -70px -20px;
-              opacity: .7;
-             margin: 50px;
               display: inline-block;
@@ Line 146: / Line 144: @@
 background-size: 100%;
      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-repeat: no-repeat;
+    background-position: center;
+    position: relative;
 margin-left: 0px;
+margin-top: 20px;
+margin-bottom: 20px;
 }
@@ Line 157: / Line 158: @@
 }
-.right {
-    width: 40%;
-    min-height: 670px;
-    display: inline-block;
-    position: absolute;
-    margin-left: 700px;
-  margin-top: -2000px;
-}
-.bubble-img {
-    height: 110px;
-    width: auto;
-    position: absolute;
-    display: inline-block;
-    top:370px;
-    left: 400px;
-    z-index: -200;
-}
-.bubble-wrap {
-}
 a {
      opacity: 1;
@@ Line 188: / Line 168: @@
      text-decoration: none;
 }
-.bubble-overlay {
-    opacity: .4;
-    height: 120px;
-    width: 120px;
-    position: relative;
-    left: 400px;
-     -moz-border-radius: 100%;
-    -webkit-border-radius: 100%;
-    -khtml-border-radius: 100%;
-            border-radius: 100%;
-    overflow: hidden;
-}
       .figure {
          width: 100%;
@@ Line 208: / Line 177: @@
       }
-            /*jumbotron colors*/
-      .jumbotron {
-  position: relative;
-  min-height: 600px;
-  padding: 40px 0;
-  color: #fff;
-  text-align: center;
-  text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075);
-  background: #380060; /* Old browsers */
-  background: -moz-linear-gradient(45deg,  #380060 0%, #3fffe6 100%); /* FF3.6+ */
-  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#094b42), color-stop(100%,#3fffe6)); /* Chrome,Safari4+ */
-  background: -webkit-linear-gradient(45deg,  #380060 0%,#3fffe6 100%); /* Chrome10+,Safari5.1+ */
-  background: -o-linear-gradient(45deg,  #380060 0%,#3fffe6 100%); /* Opera 11.10+ */
-  background: -ms-linear-gradient(45deg,  #380060 0%,#3fffe6 100%); /* IE10+ */
-  background: linear-gradient(45deg,  #380060 0%,#3fffe6 100%); /* W3C */
-  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#380060', endColorstr='#3fffe6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
-  -webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
-     -moz-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
-          box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
-}
      </style>
    </head>
-     <body data-spy="scroll" data-target="#nav-circles">
+     <body>
-       <div class="navbar-wrapper">
+        <div class="navbar-wrapper">
        <!-- Wrap the .navbar in .container to center it within the absolutely positioned parent. -->
        <div class="container">
          <div class="navbar navbar-inverse navbar-fixed-top">
-           <div class="navbar-inner" style="padding-left: 50px;">
+           <div class="navbar-inner">
              <!-- Responsive Navbar Part 1: Button for triggering responsive navbar (not covered in tutorial). Include responsive CSS to utilize. -->
              <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
@@ Line 245: / Line 195: @@
                <span class="icon-bar"></span>
              </button>
-            <a class="brand" href="https://2013.igem.org/Team:Penn">Penn's iGEM Team</a>
+           <!-- <a class="brand" style="color: white; padding-left: 11%;" href="https://2013.igem.org/Team:Penn">Penn iGEM</a>-->
              <!-- Responsive Navbar Part 2: Place all navbar contents you want collapsed withing .navbar-collapse.collapse. -->
              <div class="nav-collapse collapse">
                <ul class="nav">
-                 <!-- Read about Bootstrap dropdowns at http://twitter.github.com/bootstrap/javascript.html#dropdowns -->
+                 <li class="active"><a href="https://2013.igem.org/Team:Penn">Penn iGEM</a></li>
                  <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">About <b class="caret"></b></a>
@@ Line 257: / Line 207: @@
                      <li><a href="https://2013.igem.org/Team:Penn/Sponsors">Sponsors</a></li>
                      <li><a href="https://igem.org/Team.cgi?id=1128">Official Team Profile</a></li>
-                    <!--<li class="divider"></li>
-                    <li class="nav-header">Nav header</li>
-                    <li><a href="#">Separated link</a></li>
-                    <li><a href="#">One more separated link</a></li>-->
                    </ul>
                  </li>
@@ Line 295: / Line 242: @@
      <div id="top">
-    <!--Giant Image At the Top-->
-    <div class="jumbotron masthead">
-  <div class="container">
-    <h1>Project</h1>
-    <p>Lorem ipsum dolor sit amet.</p>
-    <!--<div class="bubble-wrap"><p><div class="bubble-overlay" style="background-image:url('https://googledrive.com/host/0B4ZBZOYYKBzEZGFCenBwMDFhVm8')"/></p></div>
-    <!--<img  class="bubble-img" src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/jtmF8YkJ_P/device%20photo.jpg?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>-->
- <!-- </div></div>-->
   <!--circle buttons in banner-->
-  <div class="row">
+  <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="background-image: url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/jtmF8YkJ_P/device%20photo.jpg?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg'); left: 20%;">
+<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="background-image: url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/0RorW85BOS/Lynch%20Labs%20PGFI/BE_LynchLabGroup_DSC2733.jpg?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg'); left: 25%;">
+        <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>
+         <h3 style="margin-top:30px; color:#380060;">Methods</h3></div><!-- /.span4 --></a>
-        <a id="four" href="#third-section"><div class="span_smaller" style="background-image: url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/FsZxKlaNDL/Screen%20shot%202013-05-31%20at%2015.29.53.png?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg'); left: 30%;">
+        <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>
+         <h3 style="margin-top:30px; color:#380060;">Results</h3></div><!-- /.span4 --></a>
           </div><!--/row-->
 </div>
-        </div>
 <div class="img-span">
@@ Line 330: / Line 265: @@
      <div class="section" id="first-section">
-     <div class="row">
+     <div align="center" class="row" style="position: relative; margin-left: auto; margin-right: auto; display: block; width: 600px; max-height: 200px; margin-top: 140px; margin-bottom: 40px; overflow: hidden; position: static; white-space: nowrap;">
-<div class="span4" style="background-image: url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/jtmF8YkJ_P/device%20photo.jpg?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg'); left: 5%;">
+<div class="span4" style="background-image: url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/jtmF8YkJ_P/device%20photo.jpg?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg'); margin: 0px 25px 0px 25px;">
      </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" style="background-image: url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/WTlON78GgW/IMG_0264.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg'); margin: auto; align: center; margin: 0px 25px 0px 25px;">
            <!--<img src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/WTlON78GgW/IMG_0264.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>-->
          </div><!-- /.span4 -->
-<div class="span4" style="background-image: url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/Y5d0PLu26o/photo-7.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg');left: 30%;">
+<div class="span4" style="background-image: url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/Y5d0PLu26o/photo-7.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg'); margin: auto; margin: 0px 25px 0px 25px;">
            <!--<img src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/APrj2Se2i-/Lynch%20Labs%20PGFI/BE_LynchLabGroup_DSC2811.jpg?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>-->
          </div><!-- /.span4 --></div>
      <!--first hero unit-->
@@ Line 395: / Line 327: @@
 </div>
-      </div>
 <div class="img-span">
@@ Line 401: / Line 332: @@
      <div class="section" id="second-section">
+     <div align="center" class="row" style="position: relative; margin-left: auto; margin-right: auto; display: block; width: 600px; max-height: 200px; margin-top: 180px; margin-bottom: 40px; overflow: hidden; position: static; white-space: nowrap;">
-    <div class="row">
+        <div class="span4" style="background-image: url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/0RorW85BOS/Lynch%20Labs%20PGFI/BE_LynchLabGroup_DSC2733.jpg?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg');  margin: 0px 25px 0px 25px;">
-        <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" style="background-image: url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/8auH76HSpC/Lynch%20Labs%20PGFI/BE_LynchLabGroup_DSC2721.jpg?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg');  margin: 0px 25px 0px 25px;">
            <!--<img src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/WTlON78GgW/IMG_0264.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>-->
          </div><!-- /.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%;">
+<div class="span4" style="background-image: url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/Cqv03LbbM-/Lynch%20Labs%20PGFI/BE_LynchLabGroup_DSC2809.jpg?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg'); margin: 0px 25px 0px 25px;">
            <!--<img src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/APrj2Se2i-/Lynch%20Labs%20PGFI/BE_LynchLabGroup_DSC2811.jpg?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>-->
          </div><!-- /.span4 --></div>
@@ Line 436: / Line 366: @@
      <div class="section" id="third-section">
-        <div class="row">
+         <div align="center" class="row" style="position: relative; margin-left: auto; margin-right: auto; display: block; width: 600px; max-height: 200px; margin-top: 140px; margin-bottom: 40px; overflow: hidden; position: static; white-space: nowrap;">
-        <div class="span4" style="background-image: url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/FsZxKlaNDL/Screen%20shot%202013-05-31%20at%2015.29.53.png?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg'); left: 5%;">
+        <div class="span4" style="background-image: url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/FsZxKlaNDL/Screen%20shot%202013-05-31%20at%2015.29.53.png?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg');  margin: 0px 25px 0px 25px;">
          </div><!-- /.span4 -->
-     <div class="span4" style="background-image: url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/-RV-MArbh8/Screen%20shot%202013-05-29%20at%2016.22.26.png?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg'); left: 15%;">
+     <div class="span4" style="background-image: url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/-RV-MArbh8/Screen%20shot%202013-05-29%20at%2016.22.26.png?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg');  margin: 0px 25px 0px 25px;">
            <!--<img src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/WTlON78GgW/IMG_0264.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>-->
          </div><!-- /.span4 -->
-<div class="span4" style="background-image: url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/-RV-MArbh8/Screen%20shot%202013-05-29%20at%2016.22.26.png?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg');left: 30%;">
+<div class="span4" style="background-image: url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/-RV-MArbh8/Screen%20shot%202013-05-29%20at%2016.22.26.png?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg'); margin: 0px 25px 0px 25px;">
            <!--<img src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/APrj2Se2i-/Lynch%20Labs%20PGFI/BE_LynchLabGroup_DSC2811.jpg?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>-->
          </div><!-- /.span4 --></div>

Team:Penn/Project

From 2013.igem.org

Revision as of 15:03, 1 August 2013

Abstract

Methods

Results

Abstract

Methods

Results

Results 2