"
Team:Penn/Project
From 2013.igem.org
| Line 1: | Line 1: | ||
| + | |||
<html> | <html> | ||
<head> | <head> | ||
| Line 94: | Line 95: | ||
opacity: .7; | opacity: .7; | ||
margin: 50px; | margin: 50px; | ||
| + | display: inline-block; | ||
| + | |||
| + | } | ||
| + | |||
| + | .span_smaller { | ||
| + | height: 100px; | ||
| + | width: 100px; | ||
| + | position: relative; | ||
| + | -moz-border-radius: 100%; | ||
| + | -webkit-border-radius: 100%; | ||
| + | -khtml-border-radius: 100%; | ||
| + | border-radius: 100%; | ||
| + | overflow: hidden; | ||
| + | background-size: 300px; | ||
| + | background-position: -70px -20px; | ||
| + | opacity: .7; | ||
| + | margin: 25px; | ||
| + | margin-top: 0px; | ||
display: inline-block; | display: inline-block; | ||
| Line 100: | Line 119: | ||
.span4 img { | .span4 img { | ||
height: 150px; | height: 150px; | ||
| + | |||
| + | position: relative; | ||
| + | } | ||
| + | |||
| + | .span4:hover { | ||
| + | opacity: 1; | ||
| + | } | ||
| + | .span_smaller:hover { | ||
| + | opacity: 1; | ||
| + | } | ||
| + | |||
| + | .span_smaller img { | ||
| + | height: 100px; | ||
position: relative; | position: relative; | ||
| Line 122: | Line 154: | ||
margin-top:10px; | margin-top:10px; | ||
width: 400px; | width: 400px; | ||
| + | } | ||
| + | |||
| + | .bubble-img { | ||
| + | height: 110px; | ||
| + | width: auto; | ||
| + | position: absolute; | ||
| + | display: inline-block; | ||
| + | top:370px; | ||
| + | left: 400px; | ||
| + | z-index: -200; | ||
| + | |||
| + | } | ||
| + | |||
| + | .bubble-wrap { | ||
| + | } | ||
| + | a { | ||
| + | opacity: 1; | ||
| + | } | ||
| + | |||
| + | a:hover { | ||
| + | opacity: 1; | ||
| + | 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; | ||
} | } | ||
| Line 217: | Line 283: | ||
<h1>Project</h1> | <h1>Project</h1> | ||
<p>Lorem ipsum dolor sit amet.</p> | <p>Lorem ipsum dolor sit amet.</p> | ||
| - | <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"> | ||
| + | <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%;"> | ||
| + | <h3 style="margin-top:30px;">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%;"> | ||
| + | <h3 style="margin-top:30px;">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%;"> | ||
| + | <h3 style="margin-top:30px; color:#380060 ;">Results</h3></div><!-- /.span4 --></a> | ||
| + | </div><!--/row--> | ||
| + | |||
| + | |||
</div> | </div> | ||
</div> | </div> | ||
| Line 228: | Line 312: | ||
<div class="section" id="first-section"> | <div class="section" id="first-section"> | ||
| - | + | ||
| - | + | ||
| - | + | ||
<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'); left: 15%;"> | ||
<!--<img src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/WTlON78GgW/IMG_0264.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>--> | <!--<img src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/WTlON78GgW/IMG_0264.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>--> | ||
Revision as of 16:27, 29 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
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 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 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 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
