Team:Penn/HumanPractices
From 2013.igem.org
Line 14: | Line 14: | ||
$('body').scrollspy({ target: '#nav-circles' }); | $('body').scrollspy({ target: '#nav-circles' }); | ||
- | + | ||
+ | $("#one").click(function() { | ||
$('html, body').animate({ | $('html, body').animate({ | ||
scrollTop: $("#top").offset().top, | scrollTop: $("#top").offset().top, | ||
Line 43: | Line 44: | ||
/*hero unit positioning*/ | /*hero unit positioning*/ | ||
#text { | #text { | ||
- | + | align: center; | |
+ | float: center; | ||
padding: 50px; | padding: 50px; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | margin-top: 40px; | ||
+ | width: 400px; | ||
+ | overflow: hidden; | ||
} | } | ||
Line 55: | Line 62: | ||
z-index: 9999; | z-index: 9999; | ||
} | } | ||
+ | |||
- | #nav-circles li { | + | #nav-circles li, #icon { |
+ | overflow: hidden; | ||
display: block; | display: block; | ||
height: 30px; | height: 30px; | ||
Line 62: | Line 71: | ||
border-radius: 100%; | border-radius: 100%; | ||
margin:10px; | margin:10px; | ||
- | + | padding:3px; | |
top: 100px; | top: 100px; | ||
right: 100px; | right: 100px; | ||
Line 78: | Line 87: | ||
width: 100%; | width: 100%; | ||
margin-top: 100px; | margin-top: 100px; | ||
- | |||
} | } | ||
Line 84: | Line 92: | ||
height: 150px; | height: 150px; | ||
width: 150px; | width: 150px; | ||
+ | position: static; | ||
+ | -moz-border-radius: 100%; | ||
+ | -webkit-border-radius: 100%; | ||
+ | -khtml-border-radius: 100%; | ||
+ | border-radius: 100%; | ||
+ | overflow: hidden; | ||
+ | background-size: 300px; | ||
+ | background-position: -70px -20px; | ||
+ | |||
+ | display: inline-block; | ||
+ | |||
+ | } | ||
+ | |||
+ | .span_smaller { | ||
+ | font-family: arial, sans-serif; | ||
+ | text-align: center; | ||
+ | height: 100px; | ||
+ | width: 100px; | ||
position: relative; | position: relative; | ||
-moz-border-radius: 100%; | -moz-border-radius: 100%; | ||
Line 93: | Line 119: | ||
background-position: -70px -20px; | background-position: -70px -20px; | ||
opacity: .7; | opacity: .7; | ||
- | margin: | + | margin: 25px; |
+ | margin-top: 0px; | ||
display: inline-block; | display: inline-block; | ||
Line 100: | Line 127: | ||
.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 111: | Line 151: | ||
overflow: hidden; | overflow: hidden; | ||
height: 100px; | height: 100px; | ||
- | + | width: 100%; | |
- | + | background-size: 100%; | |
- | background-image: url("https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/ | + | 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-repeat: no-repeat; | background-repeat: no-repeat; | ||
+ | background-position: center; | ||
+ | position: relative; | ||
+ | margin-left: 0px; | ||
+ | margin-top: 20px; | ||
+ | margin-bottom: 20px; | ||
} | } | ||
- | . | + | a { |
- | + | -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; | |
+ | filter: alpha(opacity=80); | ||
+ | -moz-opacity: 0.8; | ||
+ | -khtml-opacity: 0.8; | ||
+ | opacity: 0.8; | ||
} | } | ||
+ | |||
+ | a:hover { | ||
+ | opacity: 1; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | .figure { | ||
+ | float: left; | ||
+ | margin: 7px; | ||
+ | display: inline; | ||
+ | max-height: 400px; | ||
+ | max-width: 400px; | ||
+ | } | ||
+ | .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> | </style> | ||
</head> | </head> | ||
- | <body | + | <body> |
- | + | <div class="navbar-wrapper"> | |
- | + | ||
<!-- Wrap the .navbar in .container to center it within the absolutely positioned parent. --> | <!-- Wrap the .navbar in .container to center it within the absolutely positioned parent. --> | ||
<div class="container"> | <div class="container"> | ||
Line 145: | Line 226: | ||
<ul class="nav"> | <ul class="nav"> | ||
- | <li><a href="https://2013.igem.org/Team:Penn">Penn iGEM</a></li> | + | <li class="active"><a href="https://2013.igem.org/Team:Penn">Penn iGEM</a></li> |
<li class="dropdown"> | <li class="dropdown"> | ||
<a href="#" class="dropdown-toggle" data-toggle="dropdown">About <b class="caret"></b></a> | <a href="#" class="dropdown-toggle" data-toggle="dropdown">About <b class="caret"></b></a> | ||
Line 152: | Line 233: | ||
<li><a href="https://2013.igem.org/Team:Penn/Sponsors">Sponsors</a></li> | <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><a href="https://igem.org/Team.cgi?id=1128">Official Team Profile</a></li> | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</ul> | </ul> | ||
</li> | </li> | ||
- | <li | + | <li><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><a href="https://2013.igem.org/Team:Penn/Notebook">Notebook</a></li> | ||
<li class="dropdown"> | <li class="dropdown"> | ||
Line 181: | Line 259: | ||
<div id="nav-circles"> | <div id="nav-circles"> | ||
<ul class="nav"> | <ul class="nav"> | ||
- | + | <a href="#top"><li id="one"></li></a> | |
- | <a href="#top"><li></li></a> | + | <a id="two" href="#first-section"><li style="background-image:url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/9E2cXZezHT/Discovery%20Day%20Clark%20Park/IMG_2055.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg'); background-size: 200%;"></li></a> |
- | <a href="#first-section"><li></li></a> | + | <a id="three" href="#second-section"><li style="background-image: url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/7LfqJB0eR9/Discovery%20Day%20Clark%20Park/IMG_2038.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg'); background-size: 200%;"></li></a> |
- | <a href="#second-section"><li></li></a> | + | <a id="four" href="#third-section"><li style="background-image: url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/MeiwwAmxBW/Discovery%20Day%20Clark%20Park/IMG_2057.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg'); background-size: 200%;"></li></a> |
- | <a href="#third-section"><li></li></a> | + | |
</ul> | </ul> | ||
</div> | </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> | ||
+ | |||
+ | |||
<!--First section--> | <!--First section--> | ||
<div class="section" id="first-section"> | <div class="section" id="first-section"> | ||
- | + | <div align="center" class="row" style="position: relative; margin-left: auto; margin-right: auto; display: block; width: 600px; max-height: 200px; margin-top: 170px; margin-bottom: 40px; overflow: hidden; position: static; white-space: nowrap;"> | |
- | <div class="span4" style="background-image: url('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/9E2cXZezHT/Discovery%20Day%20Clark%20Park/IMG_2055.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg'); margin: 0px 25px 0px 25px;"> |
</div><!-- /.span4 --> | </div><!-- /.span4 --> | ||
- | <div class="span4" style="background-image: url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/7LfqJB0eR9/Discovery%20Day%20Clark%20Park/IMG_2038.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg'); | + | <div class="span4" style="background-image: url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/7LfqJB0eR9/Discovery%20Day%20Clark%20Park/IMG_2038.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg'); margin: 0px 25px 0px 25px;"> |
<!--<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"/>--> | ||
</div><!-- /.span4 --> | </div><!-- /.span4 --> | ||
- | <div class="span4" style="background-image: url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/MeiwwAmxBW/Discovery%20Day%20Clark%20Park/IMG_2057.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg'); | + | <div class="span4" style="background-image: url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/MeiwwAmxBW/Discovery%20Day%20Clark%20Park/IMG_2057.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"/>--> | <!--<img src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/APrj2Se2i-/Lynch%20Labs%20PGFI/BE_LynchLabGroup_DSC2811.jpg?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>--> | ||
</div><!-- /.span4 --></div> | </div><!-- /.span4 --></div> | ||
- | |||
- | |||
<!--first hero unit--> | <!--first hero unit--> | ||
<div class="hero-unit" id="text"> | <div class="hero-unit" id="text"> | ||
- | + | <div id="icon"><img src="http://images.wikia.com/arresteddevelopment/images/7/77/Icon-summary.png"/></div> <h4></h4> | |
<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 | 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 | 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 | + | 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 | ||
sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p> | sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p> | ||
+ | <div class="hero-unit" id="text"> | ||
+ | <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.<img src="https://googledrive.com/host/0B4ZBZOYYKBzEdTRvdHVIRDI0OWM/" | ||
+ | class="figure"/><p class="caption">This is a caption</p> | ||
</div> | </div> | ||
</div> | </div> | ||
- | |||
- | <div class="img-span"> | + | <!--<div class="img-span"> |
- | </div> | + | </div>--> |
- | + | <div align="center" class="row" style="position: relative; margin-left: auto; margin-right: auto; display: block; width: 600px; max-height: 200px; margin-top: 170px; margin-bottom: 40px; overflow: hidden; position: static; white-space: nowrap;"> | |
- | + | <div class="span4" style="background-image: url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/9E2cXZezHT/Discovery%20Day%20Clark%20Park/IMG_2055.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg'); margin: 0px 25px 0px 25px;"> | |
- | + | ||
- | + | ||
- | <div class="span4" style="background-image: url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/9E2cXZezHT/Discovery%20Day%20Clark%20Park/IMG_2055.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg'); | + | |
</div><!-- /.span4 --> | </div><!-- /.span4 --> | ||
- | <div class="span4" style="background-image: url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/7LfqJB0eR9/Discovery%20Day%20Clark%20Park/IMG_2038.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg'); | + | <div class="span4" style="background-image: url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/7LfqJB0eR9/Discovery%20Day%20Clark%20Park/IMG_2038.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg'); margin: 0px 25px 0px 25px;"> |
<!--<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"/>--> | ||
</div><!-- /.span4 --> | </div><!-- /.span4 --> | ||
- | <div class="span4" style="background-image: url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/MeiwwAmxBW/Discovery%20Day%20Clark%20Park/IMG_2057.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg'); | + | <div class="span4" style="background-image: url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/MeiwwAmxBW/Discovery%20Day%20Clark%20Park/IMG_2057.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"/>--> | <!--<img src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/APrj2Se2i-/Lynch%20Labs%20PGFI/BE_LynchLabGroup_DSC2811.jpg?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>--> | ||
</div><!-- /.span4 --></div> | </div><!-- /.span4 --></div> | ||
- | |||
<!--first hero unit--> | <!--first hero unit--> | ||
<div class="hero-unit" id="text"> | <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>Section 2</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 | ||
+ | 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> | ||
+ | </div> | ||
+ | <div class="hero-unit" id="text"> | ||
+ | <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>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 | incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud | ||
- | exercitation | + | exercitation </p> |
- | + | ||
- | + | ||
</div> | </div> | ||
+ | </div><div class="clear"></div> | ||
+ | |||
</div> <!--endsection--> | </div> <!--endsection--> | ||
Line 255: | Line 356: | ||
- | <div class="img-span"> | + | <!--<div class="img-span"> |
- | </div> | + | </div>--> |
<div class="section" id="third-section"> | <div class="section" id="third-section"> | ||
- | + | <div align="center" class="row" style="position: relative; margin-left: auto; margin-right: auto; display: block; width: 600px; max-height: 200px; margin-top: 170px; margin-bottom: 40px; overflow: hidden; position: static; white-space: nowrap;"> | |
- | <div class="span4" style="background-image: url('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/9E2cXZezHT/Discovery%20Day%20Clark%20Park/IMG_2055.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg'); margin: 0px 25px 0px 25px;"> |
</div><!-- /.span4 --> | </div><!-- /.span4 --> | ||
- | <div class="span4" style="background-image: url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/7LfqJB0eR9/Discovery%20Day%20Clark%20Park/IMG_2038.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg'); | + | <div class="span4" style="background-image: url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/7LfqJB0eR9/Discovery%20Day%20Clark%20Park/IMG_2038.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg'); margin: 0px 25px 0px 25px;"> |
<!--<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"/>--> | ||
</div><!-- /.span4 --> | </div><!-- /.span4 --> | ||
- | <div class="span4" style="background-image: url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/MeiwwAmxBW/Discovery%20Day%20Clark%20Park/IMG_2057.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg'); | + | <div class="span4" style="background-image: url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/MeiwwAmxBW/Discovery%20Day%20Clark%20Park/IMG_2057.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"/>--> | <!--<img src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/APrj2Se2i-/Lynch%20Labs%20PGFI/BE_LynchLabGroup_DSC2811.jpg?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>--> | ||
</div><!-- /.span4 --></div> | </div><!-- /.span4 --></div> | ||
- | + | ||
+ | |||
+ | |||
<!--first hero unit--> | <!--first hero unit--> | ||
<div class="hero-unit" id="text"> | <div class="hero-unit" id="text"> | ||
- | <h4> | + | <div id="icon"><img src="http://c.dryicons.com/images/icon_sets/symbolize_icons_set/png/128x128/chart.png"/></div><h4>Section 3</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 | ||
+ | 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 | ||
+ | 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 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> | ||
+ | <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 | ||
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud | 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 | exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor | ||
Line 281: | Line 395: | ||
</div> | </div> | ||
- | </div> <!--endsection--> | + | |
+ | </div> <!--endsection--> | ||
</body> | </body> |
Revision as of 17:39, 4 August 2013
![](http://images.wikia.com/arresteddevelopment/images/7/77/Icon-summary.png)
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.
This is a caption
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.
This is a caption
![](http://clipartist.info/www/TATARTIST.NET/L/lab_icon_test_tube_2_black_white_line_art_tatoo_tattoo-555px.png)
Section 2
![](https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/jtmF8YkJ_P/device%20photo.jpg?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg)
This is a caption
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.
![](https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/FsZxKlaNDL/Screen%20shot%202013-05-31%20at%2015.29.53.png?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg)
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