|
|
| (112 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> |
| | + | $(document).ready(function($) { |
| | | | |
| - |
| + | /*load in the sidebar*/ |
| - | <style>
| + | $('.left_wrap').load('https://googledrive.com/host/0B4ZBZOYYKBzEclFHMmpZcVlydmc'); |
| - | /*fonts/headings*/
| + | |
| - | h4 {
| + | }); |
| - | text-align: center;
| + | </script> |
| - | }
| + | <style> |
| | + | |
| | | | |
| - |
| |
| - |
| |
| - |
| |
| - | /*Brady Bunch Table and background section*/
| |
| - | .team {
| |
| - | float: center;
| |
| - | margin-left: 200px;
| |
| - | }
| |
| - |
| |
| - | .team td {
| |
| - | overflow: hidden;
| |
| - | height:175px;
| |
| - | width:220px;
| |
| - | display: inline-block;
| |
| - | padding:5px;
| |
| | | | |
| - | }
| |
| | | | |
| - | .hidden { /*change this class when hovered*/
| |
| - | display: none;
| |
| - | }
| |
| - | .team img {
| |
| - | max-width:100%;
| |
| - | max-height:100%;
| |
| - | }
| |
| - |
| |
| - | .name {
| |
| - | position: absolute;
| |
| - | margin-bottom: 30px;
| |
| - | width: 220px;
| |
| - | height: 0px;
| |
| - | display: none;
| |
| - | background-color: white;
| |
| - | margin-top: -50px;
| |
| - | -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
| |
| - | filter: alpha(opacity=70);
| |
| - | -moz-opacity: 0.7;
| |
| - | -khtml-opacity: 0.7;
| |
| - | opacity: 0.7;
| |
| - | }
| |
| - |
| |
| - | /*navigation circles that scroll when clicked*/
| |
| - | /*links and navigation*/
| |
| - | #navigation {
| |
| - | position: fixed;
| |
| - | right: 0px;
| |
| - | top: 20px;
| |
| - | list-style-type: none;
| |
| - | z-index: 9999999;
| |
| - | -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
| |
| - | filter: alpha(opacity=90);
| |
| - | -moz-opacity: 0.9;
| |
| - | -khtml-opacity: 0.9;
| |
| - | opacity: 0.9;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | #navigation li:hover{
| |
| - | -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
| |
| - | filter: alpha(opacity=60);
| |
| - | -moz-opacity: 0.6;
| |
| - | -khtml-opacity: 0.6;
| |
| - | opacity: 0.6;
| |
| - | }
| |
| - |
| |
| - | #navigation li {
| |
| - | z-index:9999;
| |
| - | height: 20px;
| |
| - | margin: 30px;
| |
| - | width: 20px;
| |
| - | background-color: white;
| |
| - | -moz-border-radius: 100%;
| |
| - | -ms-border-radius: 100%;
| |
| - | -webkit-border-radius: 100%;
| |
| - | -o-border-radius: 100%;
| |
| - | border-radius: 100%;
| |
| - | opacity: 1;
| |
| - | }
| |
| - |
| |
| - |
| |
| - |
| |
| - | /*Make hero unit slightly transparent and left align text*/
| |
| - | .hero-unit {
| |
| - | -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
| |
| - | filter: alpha(opacity=70);
| |
| - | -moz-opacity: 0.7;
| |
| - | -khtml-opacity: 0.7;
| |
| - | opacity: 0.7;
| |
| - | text-align: left;
| |
| - | }
| |
| - |
| |
| - | /*fix up featurette formatting*/
| |
| - |
| |
| - | .featurette {
| |
| - | padding: 50px;
| |
| - | margin: 50px;
| |
| - | text-align: left;
| |
| - | }
| |
| - |
| |
| - | body {
| |
| - | text-align: left;
| |
| - | }
| |
| - |
| |
| - | .pull-right {
| |
| - | float: right;
| |
| - | height: 200px;
| |
| - | width: auto;
| |
| - | }
| |
| - |
| |
| - | .span4 {
| |
| - | margin: 40px;
| |
| - | }
| |
| - |
| |
| - | .row{
| |
| - | float: center;
| |
| - | margin: auto;
| |
| - | }
| |
| - |
| |
| - | .pull-left {
| |
| - | float: left;
| |
| - | height: 200px;
| |
| - | width: auto;
| |
| - | }
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | /* CUSTOMIZE THE NAVBAR
| |
| - | -------------------------------------------------- */
| |
| - |
| |
| - | /* Special class on .container surrounding .navbar, used for positioning it into place. */
| |
| - | .navbar-wrapper {
| |
| - | position: absolute;
| |
| - | top: 0;
| |
| - | left: 0;
| |
| - | right: 0;
| |
| - | z-index: 10;
| |
| - | margin-top: 20px;
| |
| - | margin-bottom: -90px; /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
| |
| - | }
| |
| - | .navbar-wrapper .navbar {
| |
| - |
| |
| - | }
| |
| - |
| |
| - | /* Remove border and change up box shadow for more contrast */
| |
| - | .navbar .navbar-inner {
| |
| - | border: 0;
| |
| - | -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.25);
| |
| - | -moz-box-shadow: 0 2px 10px rgba(0,0,0,.25);
| |
| - | box-shadow: 0 2px 10px rgba(0,0,0,.25);
| |
| - | }
| |
| - |
| |
| - | /* Downsize the brand/project name a bit */
| |
| - | .navbar .brand {
| |
| - | padding: 14px 20px 16px; /* Increase vertical padding to match navbar links */
| |
| - | font-size: 16px;
| |
| - | font-weight: bold;
| |
| - | text-shadow: 0 -1px 0 rgba(0,0,0,.5);
| |
| - | }
| |
| - |
| |
| - | /* Navbar links: increase padding for taller navbar */
| |
| - | .navbar .nav > li > a {
| |
| - | padding: 15px 20px;
| |
| - | }
| |
| - |
| |
| - | /* Offset the responsive button for proper vertical alignment */
| |
| - | .navbar .btn-navbar {
| |
| - | margin-top: 10px;
| |
| - | }
| |
| - |
| |
| | </style> | | </style> |
| - | </head>
| + | </head> |
| - | <body>
| + | <body> |
| - |
| + | <img src="http://upload.wikimedia.org/wikipedia/en/d/d6/IGEM_official_logo.png" id="igem"/><!--igem logo--> |
| - |
| + | <img src="http://collegediabetesnetwork.org/wp-content/uploads/2012/07/UPenn_logo1.png" id="penn"/> <!--penn logo--> |
| - |
| + | <div class="left_wrap"> |
| - | <div class="navbar-wrapper"> | + | </div> </div> |
| - | <!-- Wrap the .navbar in .container to center it within the absolutely positioned parent. -->
| + | <div class=" section1" style="background- position: top;"> |
| - | <div class="container">
| + | <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">
| |
| - | <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" href="https://2013.igem.org/Team:Penn">Penn's iGEM Team</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="dropdown">
| |
| - | <a href="#" class="dropdown-toggle" data-toggle="dropdown">About <b class="caret"></b></a>
| |
| - | <ul class="dropdown-menu">
| |
| - | <li><a id="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>
| |
| - | <!--<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>
| |
| - | <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><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 -->
| |
| - |
| |
| - |
| |
| - |
| |
| - | <!--Circles on the side that scroll you to sections of the page-->
| |
| - | <ul id="navigation">
| |
| - | <li id="one"></li>
| |
| - | <li id="two"></li>
| |
| - | <li id="three"></li>
| |
| - | <li id="four"></li>
| |
| - | </ul>
| |
| - |
| |
| - |
| |
| - | <!--general human practices overview-->
| |
| - |
| |
| - | <div class="hero-unit">
| |
| - | <h1>Project</h1>
| |
| - | <p><!--Tagline goes here--></p>
| |
| - | <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
| |
| - | <!--<a class="btn btn-primary btn-large">
| |
| - | Learn more-->
| |
| - | </a>
| |
| - | </p>
| |
| - | </div><!--end hero unit-->
| |
| - |
| |
| - | <hr class="featurette-divider">
| |
| - |
| |
| - | <div class="row">
| |
| - | <div class="span4">
| |
| - | <a><img id="two"class="img-circle" data-src="holder.js/140x140" alt="140x140" src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/Y5d0PLu26o/photo-7.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg" style=" height:140px;"></a>
| |
| - | <h2>Abstract</h2>
| |
| - | <p>This is a brief overview of the a section of the page. Clicking the image or "more" will scroll down to that section</p>
| |
| - | <p><a class="btn" id="two">More »</a></p>
| |
| - | </div><!-- /.span4 -->
| |
| - |
| |
| - | <div class="span4">
| |
| - | <img id="three" class="img-circle" data-src="holder.js/140x140" alt="140x140" src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/1LlS0hsVIZ/Screen%20shot%202013-05-29%20at%2016.22.13.png?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg" style=" height:140px;">
| |
| - | <h2>Results</h2>
| |
| - | <p>This is a brief overview of the a section of the page. Clicking the image or "more" will scroll down to that section</p>
| |
| - | <p><a class="btn" href="" id="three">More »</a></p>
| |
| - | </div><!-- /.span4 -->
| |
| - |
| |
| - | <div class="span4">
| |
| - | <img class="img-circle" data-src="holder.js/140x140" alt="140x140" src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/mcUvmZSIS4/photo-5.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg" style=" height:140px;">
| |
| - | <h2>Methods</h2>
| |
| - | <p>This is a brief overview of the a section of the page. Clicking the image or "more" will scroll down to that section</p>
| |
| - | <p><a class="btn" href="" id="four">More »</a></p>
| |
| - | </div><!-- /.span4 -->
| |
| - |
| |
| - |
| |
| | </div> | | </div> |
| - | </div>
| + | </div> |
| - | | + | |
| - | | + | |
| - | | + | |
| - | <div class="four">
| + | |
| - | <div class="hero-unit"> | + | |
| - | <h1>Abstract</h1>
| + | |
| - | <p>Lorem ipsum dolor sit amet</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.
| + | |
| - | <!--<a class="btn btn-primary btn-large">
| + | |
| - | Learn more-->
| + | |
| - | </a>
| + | |
| - | </p>
| + | |
| - | </div><!--end hero unit--> | + | |
| - | | + | |
| - | <hr class="featurette-divider">
| + | |
| | | | |
| - | <div class="featurette">
| |
| - | <img class="featurette-image pull-right" src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/FsZxKlaNDL/Screen%20shot%202013-05-31%20at%2015.29.53.png?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>
| |
| - | <h2 class="featurette-heading">Abstract<span class="muted"><!--tagline-->.</span></h2>
| |
| - | <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper.
| |
| - | Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo. </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. <img class="span5" src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/FsZxKlaNDL/Screen%20shot%202013-05-31%20at%2015.29.53.png?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>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. <img class="span3" src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/1LlS0hsVIZ/Screen%20shot%202013-05-29%20at%2016.22.13.png?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"
| |
| - | style="margin: 4px;"/> 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>
| |
| - |
| |
| - | <hr class="featurette-divider">
| |
| | | | |
| - |
| + | |
| - | | + | </body> |
| - | | + | <script> |
| - | </div><!--/div class 2-->
| + | </script>br/ |
| - | </div>
| + | |
| - | | + | |
| - | | + | |
| - | <div class="three"><!--another section-->
| + | |
| - | <div class="hero-unit">
| + | |
| - | <h1>Results</h1> | + | |
| - | <p><!--Tagline goes here--></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
| + | |
| - | <!--<a class="btn btn-primary btn-large">
| + | |
| - | Learn more-->
| + | |
| - | </a>
| + | |
| - | </p>
| + | |
| - | </div><!--end hero unit-->
| + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | <hr class="featurette-divider">
| + | |
| - | | + | |
| - | <div class="featurette">
| + | |
| - | <img class="featurette-image pull-right" src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/FsZxKlaNDL/Screen%20shot%202013-05-31%20at%2015.29.53.png?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg">
| + | |
| - | <h2 class="featurette-heading">Heading 1 <span class="muted"><!--tagline-->.</span></h2>
| + | |
| - | <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</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>
| + | |
| - |
| + | |
| - | <hr class="featurette-divider">
| + | |
| - | | + | |
| - | <div class="featurette">
| + | |
| - | <img class="featurette-image pull-right" src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/FsZxKlaNDL/Screen%20shot%202013-05-31%20at%2015.29.53.png?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg">
| + | |
| - | <h2 class="featurette-heading"> Heading 2<span class="muted"><!--tagline-->.</span></h2>
| + | |
| - | <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</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. <img class="span5" src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/FsZxKlaNDL/Screen%20shot%202013-05-31%20at%2015.29.53.png?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>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. <img class="span3" src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/1LlS0hsVIZ/Screen%20shot%202013-05-29%20at%2016.22.13.png?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"
| + | |
| - | style="margin: 4px;"/>Excepteur
| + | |
| - | sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborumLorem 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>
| + | |
| - |
| + | |
| - | <hr class="featurette-divider">
| + | |
| - | | + | |
| - | <div class="featurette">
| + | |
| - | <img class="featurette-image pull-right" src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/MeiwwAmxBW/Discovery%20Day%20Clark%20Park/IMG_2057.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg">
| + | |
| - | <h2 class="featurette-heading">Heading 3<span class="muted"><!--tagline-->.</span></h2>
| + | |
| - | <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
| + | |
| - | </div>
| + | |
| - |
| + | |
| - |
| + | |
| - | | + | |
| - | | + | |
| - | </div><!--/div class 3-->
| + | |
| - | | + | |
| - | <div class="four"><!--another section-->
| + | |
| - | <div class="hero-unit">
| + | |
| - | <h1>Methods</h1>
| + | |
| - | <p><!--Tagline goes here--></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
| + | |
| - | <!--<a class="btn btn-primary btn-large">
| + | |
| - | Learn more-->
| + | |
| - | </a>
| + | |
| - | </p>
| + | |
| - | </div><!--end hero unit-->
| + | |
| - | | + | |
| - | | + | |
| - | <hr class="featurette-divider">
| + | |
| - | | + | |
| - | <div class="featurette">
| + | |
| - | <img class="featurette-image pull-right" src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/2DoiODoUy6/Discovery%20Day%20Clark%20Park/IMG_2048.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg">
| + | |
| - | <h2 class="featurette-heading">Heading 1 <span class="muted"><!--tagline-->.</span></h2>
| + | |
| - | <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
| + | |
| - | </div>
| + | |
| - |
| + | |
| - | <hr class="featurette-divider">
| + | |
| - | | + | |
| - | <div class="featurette">
| + | |
| - | <img class="featurette-image pull-right" src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/9E2cXZezHT/Discovery%20Day%20Clark%20Park/IMG_2055.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg">
| + | |
| - | <h2 class="featurette-heading"> Heading 2<span class="muted"><!--tagline-->.</span></h2>
| + | |
| - | <p class="lead">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 Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
| + | |
| - | <img class="span5" 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 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. <img class="span3" src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/-RV-MArbh8/Screen%20shot%202013-05-29%20at%2016.22.26.png?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"
| + | |
| - | style="margin: 4px;"/>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 4-->
| + | |
| - | | + | |
| - | </div>
| + | |
| - | | + | |
| - | | + | |
| - |
| + | |
| - |
| + | |
| - |
| + | |
| - |
| + | |
| - |
| + | |
| - |
| + | |
| - |
| + | |
| - | <script src="https://googledrive.com/host/0B4ZBZOYYKBzETkFqdnhMeV9fMzA" ></script>
| + | |
| - | <script src="https://googledrive.com/host/0B4ZBZOYYKBzEZTdBSFdUV19LYjQ"></script>
| + | |
| - | <script src="https://googledrive.com/d/0B4ZBZOYYKBzEZlhjVEdoamExdm8/"></script><!--scrolly-->
| + | |
| - | | + | |
| - |
| + | |
| - | <script src="../assets/js/jquery.js"></script>
| + | |
| - | <script src="../assets/js/bootstrap-transition.js"></script>
| + | |
| - | <script src="../assets/js/bootstrap-alert.js"></script>
| + | |
| - | <script src="../assets/js/bootstrap-modal.js"></script>
| + | |
| - | <script src="../assets/js/bootstrap-dropdown.js"></script>
| + | |
| - | <script src="../assets/js/bootstrap-scrollspy.js"></script>
| + | |
| - | <script src="../assets/js/bootstrap-tab.js"></script>
| + | |
| - | <script src="../assets/js/bootstrap-tooltip.js"></script>
| + | |
| - | <script src="../assets/js/bootstrap-popover.js"></script>
| + | |
| - | <script src="../assets/js/bootstrap-button.js"></script>
| + | |
| - | <script src="../assets/js/bootstrap-collapse.js"></script>
| + | |
| - | <script src="../assets/js/bootstrap-carousel.js"></script>
| + | |
| - | <script src="../assets/js/bootstrap-typeahead.js"></script>
| + | |
| - | <script>
| + | |
| - | !function ($) {
| + | |
| - | $(function(){
| + | |
| - |
| + | |
| - | $("#one").click(function() {
| + | |
| - | $('html, body').animate({
| + | |
| - | scrollTop: $(".one").offset().top,
| + | |
| - | }, '2400');
| + | |
| - | });
| + | |
| - |
| + | |
| - | $("#two").click(function() {
| + | |
| - | $('html, body').animate({
| + | |
| - | scrollTop: $(".two").offset().top,
| + | |
| - | }, '2400');
| + | |
| - | });
| + | |
| - |
| + | |
| - | $("#three").click(function() {
| + | |
| - | $('html, body').animate({
| + | |
| - | scrollTop: $(".three").offset().top,
| + | |
| - | }, '2400');
| + | |
| - |
| + | |
| - | $("#four").click(function() {
| + | |
| - | $('html, body').animate({
| + | |
| - | scrollTop: $(".four").offset().top,
| + | |
| - | }, '2400');
| + | |
| - | });
| + | |
| - |
| + | |
| - |
| + | |
| - |
| + | |
| - |
| + | |
| - | }(window.jQuery)
| + | |
| - | </script>
| + | |
| - | <script src="../assets/js/holder/holder.js"></script>
| + | |
| | </html> | | </html> |
"
