|
|
(57 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | <html> | + | <html lang="en"> |
- | <head>
| + | <head> |
- | <title></title> | + | <title>modeling</title> |
- | <meta name="viewport" content="width=device-width, initial-scale=1.0">
| + | <link href="https://googledrive.com/host/0B4ZBZOYYKBzEVHRaZEdUVGo5cjA" type="text/css" rel="stylesheet"/> |
- | <!-- Bootstrap and mainstyle css -->
| + | <script src="https://googledrive.com/host/0B4ZBZOYYKBzETkFqdnhMeV9fMzA" ></script> |
- | <link href="https://googledrive.com/host/0B4ZBZOYYKBzEeUFaR1lNWFZWMnc" rel="stylesheet" media="screen">
| + | <script src="https://googledrive.com/host/0B4ZBZOYYKBzEZTdBSFdUV19LYjQ" type="text/javascript"></script> |
- | <link href="https://googledrive.com/host/0B4ZBZOYYKBzEYUtsRS1ZWHM2bTQ" type="text/css" rel="stylesheet"/>
| + | <script src="https://googledrive.com/host/0B4ZBZOYYKBzEblVWdXkta245Y0k/" type="text/javascript"> </script> <!--javascript--> |
- | <script src="https://googledrive.com/host/0B4ZBZOYYKBzETkFqdnhMeV9fMzA" ></script>
| + | <script> |
- | <script src="https://googledrive.com/host/0B4ZBZOYYKBzEZTdBSFdUV19LYjQ"></script> | + | $(document).ready(function($) { |
- | <script src="https://googledrive.com/host/0B4ZBZOYYKBzEOFVQV0ZLWEZqN2M"></script>
| + | |
- |
| + | /*load in the sidebar*/ |
- | <script>
| + | $('.left_wrap').load('https://googledrive.com/host/0B4ZBZOYYKBzEclFHMmpZcVlydmc'); |
- | jQuery(document).ready(function($) {
| + | |
- |
| + | |
- | $('body').scrollspy({ target: '#nav-circles' });
| + | |
- |
| + | |
- | $("#one").click(function() {
| + | |
- | $('html, body').animate({
| + | |
- | scrollTop: $("#top").offset().top,
| + | |
- | }, '2400');
| + | |
- | });
| + | |
- |
| + | |
- | $("#two").click(function() {
| + | |
- | $('html, body').animate({
| + | |
- | scrollTop: $("#first-section").offset().top,
| + | |
- | }, '2400');
| + | |
- | });
| + | |
- |
| + | |
- | $("#three, #team").click(function() {
| + | |
- | $('html, body').animate({
| + | |
- | scrollTop: $("#second-section").offset().top,
| + | |
- | }, '2400');
| + | |
- | });
| + | |
| | | |
- | $("#four").click(function() {
| + | }); |
- | $('html, body').animate({
| + | </script> |
- | scrollTop: $("#third-section").offset().top,
| + | <style> |
- | }, '2400');
| + | |
- | });
| + | |
| | | |
- | });
| |
- | </script>
| |
- | <style>
| |
- | /*hero unit positioning*/
| |
- | #text {
| |
- | align: center;
| |
- | float: center;
| |
- | padding: 50px;
| |
- | margin-left: auto;
| |
- | margin-right: auto;
| |
- | margin-top: 40px;
| |
- | width: 400px;
| |
- | overflow: hidden;
| |
- |
| |
- | }
| |
- |
| |
- | /*navigation circles*/
| |
- | #nav-circles {
| |
- | position: fixed;
| |
- | top: 100px;
| |
- | right: 20px;
| |
- | z-index: 9999;
| |
- | }
| |
| | | |
| | | |
- | #nav-circles li, #icon {
| |
- | overflow: hidden;
| |
- | display: block;
| |
- | height: 30px;
| |
- | width: 30px;
| |
- | border-radius: 100%;
| |
- | margin:10px;
| |
- | padding:3px;
| |
- | top: 100px;
| |
- | right: 100px;
| |
- | background-color: gray;
| |
- | }
| |
- |
| |
- | /*Sections*/
| |
- | .section {
| |
- | min-height: 700px;
| |
- | min-width: 500px;
| |
- | }
| |
- |
| |
- | /*rows with images*/
| |
- | .row{
| |
- | width: 100%;
| |
- | margin-top: 100px;
| |
- | }
| |
- |
| |
- | .span4 {
| |
- | height: 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;
| |
- | -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;
| |
- |
| |
- | }
| |
- |
| |
- | .span4 img {
| |
- | height: 150px;
| |
- |
| |
- | position: relative;
| |
- | }
| |
- |
| |
- | .span4:hover {
| |
- | opacity: 1;
| |
- | }
| |
- | .span_smaller:hover {
| |
- | opacity: 1;
| |
- | }
| |
- |
| |
- | .span_smaller img {
| |
- | height: 100px;
| |
- |
| |
- | position: relative;
| |
- | }
| |
- |
| |
- | .span4:hover {
| |
- | opacity: 1;
| |
- | }
| |
- |
| |
- | .img-span {
| |
- | overflow: hidden;
| |
- | height: 100px;
| |
- | width: 100%;
| |
- | 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-repeat: no-repeat;
| |
- | background-position: center;
| |
- | position: relative;
| |
- | margin-left: 0px;
| |
- | margin-top: 20px;
| |
- | margin-bottom: 20px;
| |
- | }
| |
- |
| |
- | a li {
| |
- | -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 {
| |
- | -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
| |
- | filter: alpha(opacity=100);
| |
- | -moz-opacity: 1;
| |
- | -khtml-opacity: 1;
| |
- | 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>
| + | <img src="http://upload.wikimedia.org/wikipedia/en/d/d6/IGEM_official_logo.png" id="igem"/><!--igem logo--> |
- | <div class="navbar-wrapper">
| + | <img src="http://collegediabetesnetwork.org/wp-content/uploads/2012/07/UPenn_logo1.png" id="penn"/> <!--penn logo--> |
- | <!-- Wrap the .navbar in .container to center it within the absolutely positioned parent. -->
| + | <div class="left_wrap"> |
- | <div class="container">
| + | </div> </div> |
| + | <div class="section1" style="background-position: top;"> |
| + | <div class="text"> |
| + | <b><center><h1> |
| + | Project Description |
| + | </b></center></h1> |
| + | <br> |
| + | The code of life is more than a sequence of A’s, C’s, T’s and G’s; epigenetic modifications, such as DNA methylation, are powerful and heritable regulators of gene expression. Targeted methyltransferases are enzymes that catalyze sequence-specific methylation – the most useful tool for engineering the epigenome. With a synthetic biology approach, we developed an assay to test targeted methyltransferases without expensive, time-consuming traditional methods. Our modular single-plasmid system allows methyltransferases to be easily cloned and tested via inexpensive digestion assays, quickly measuring the existence and extent of targeted methylation. Additionally, our plasmid contains standardized primer-binding sites for methylation-sensitive sequencing, and our E. coli chassis effectively eliminated noise associated with methylation studies. We are using this assay to characterize our novel targeted methyltransferases, which could be used to study epigenetic modifications. In the future, synthetic biologists could embrace these tools to explore the next frontier in engineering biological systems: the epigenome.</center> |
| + | <br><br> |
| | | |
- | <div class="navbar navbar-inverse navbar-fixed-top">
| |
- | <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">
| |
- | <span class="icon-bar"></span>
| |
- | <span class="icon-bar"></span>
| |
- | <span class="icon-bar"></span>
| |
- | </button>
| |
- | <!-- <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">
| |
- |
| |
- | <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>
| |
- | <ul class="dropdown-menu">
| |
- | <li><a href="https://2013.igem.org/Team:Penn/Team">Team</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>
| |
- |
| |
- | </ul>
| |
- | </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 class="dropdown">
| |
- | <a href="#" class="dropdown-toggle" data-toggle="dropdown">Project <b class="caret"></b></a>
| |
- | <ul class="dropdown-menu">
| |
- |
| |
- | <li class="active"><a href="https://2013.igem.org/Team:Penn/Project">Project</a></li>
| |
- | <li><a href="https://2013.igem.org/Team:Penn/Parts">Parts</a></li>
| |
- | <li><a href="https://2013.igem.org/Team:Penn/Modeling">Modeling</a></li>
| |
- | <li><a href="https://2013.igem.org/Team:Penn/Safety">Safety</a></li>
| |
- | </ul>
| |
- | </li>
| |
- | </ul>
| |
- | </div><!--/.nav-collapse -->
| |
- | </div><!-- /.navbar-inner -->
| |
- | </div><!-- /.navbar -->
| |
| | | |
- | </div> <!-- /.container -->
| |
- | </div><!-- /.navbar-wrapper -->
| |
- |
| |
- | <!--link circles-->
| |
- | <div id="nav-circles">
| |
- | <ul class="nav">
| |
- | <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="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>
| |
- | </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-->
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- | <!--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: 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'); 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'); 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'); 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-->
| |
- | <div class="hero-unit" id="text">
| |
- | <div id="icon"><img src="http://images.wikia.com/arresteddevelopment/images/7/77/Icon-summary.png"/></div> <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
| |
- | 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
| |
- | 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
| |
- | 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 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>
| |
- | </div><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. Excepteur
| |
- | sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
| |
- | </div><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/0B4ZBZOYYKBzER09TYUNULWdHdU0" 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<
| |
- | <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 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
| |
- | 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 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 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 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>
| |
- |
| |
- | </div>
| |
- | </div>
| |
- |
| |
- |
| |
- | <!--<div class="img-span">
| |
- | </div>-->
| |
- |
| |
- | <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="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><!-- /.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'); 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'); 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-->
| |
- | <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
| |
- | 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
| |
- | incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
| |
- | exercitation </p>
| |
- | </div>
| |
- | </div><div class="clear"></div>
| |
- | <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
| |
- | </p><img class="figure" src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/jtmF8YkJ_P/device%20photo.jpg?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>
| |
- | </div>
| |
- | </div><div class="clear"></div>
| |
- | <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 </p>
| |
- | </div><div class="clear"></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
| |
- | incididunt ut labore et dolore magna aliqua. Ut enim ad minim </p>
| |
- |
| |
- | </div>
| |
- |
| |
- |
| |
- | </div>
| |
- |
| |
- | </div> <!--endsection-->
| |
- |
| |
| </div> | | </div> |
- |
| |
- |
| |
- | <!--<div class="img-span">
| |
- | </div>-->
| |
- |
| |
- | <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/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'); 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'); 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-->
| |
- | <div class="hero-unit" id="text">
| |
- | <div id="icon"><img src="http://c.dryicons.com/images/icon_sets/symbolize_icons_set/png/128x128/chart.png"/></div><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
| |
- | 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
| |
- | 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
| |
- | 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>
| |
| </div> | | </div> |
| | | |
- | <div class="hero-unit" id="text">
| |
- | <h4>Results 2</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. 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"/>
| |
- | <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
| |
- | 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
| |
- | 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 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 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"/>
| |
- | <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>
| |
- | <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 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>
| |
- |
| |
- | </div>
| |
- |
| |
- | <div class="hero-unit" id="text">
| |
- | <h4>Results 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. 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
| |
- | 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
| |
- | 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 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>
| |
- |
| |
- | </div>
| |
- |
| |
- | <div class="hero-unit" id="text">
| |
- | <h4>Results 4</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. 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"/>
| |
- | <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
| |
- | 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>
| |
- | </div>
| |
- |
| |
- | <div class="hero-unit" id="text">
| |
- | <h4>Results 5</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. 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"/>
| |
- | <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>
| |
| | | |
- |
| |
- | </div>
| |
- |
| |
- | <div class="hero-unit" id="text">
| |
- | <h4>Results 6</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. 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
| |
- | 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 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/"/>
| |
- | <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>
| |
- | <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>
| |
- |
| |
- | </div>
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- | </div> <!--endsection-->
| |
- |
| |
- | </body>
| |
- |
| |
- |
| |
| | | |
| + | </body> |
| + | <script> |
| + | </script>br/ |
| </html> | | </html> |