Team:Penn/Project
From 2013.igem.org
Line 3: | Line 3: | ||
<title></title> | <title></title> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
- | <!-- Bootstrap --> | + | <!-- Bootstrap and mainstyle css --> |
<link href="https://googledrive.com/host/0B4ZBZOYYKBzEeUFaR1lNWFZWMnc" rel="stylesheet" media="screen"> | <link href="https://googledrive.com/host/0B4ZBZOYYKBzEeUFaR1lNWFZWMnc" rel="stylesheet" media="screen"> | ||
- | + | <link href="https://googledrive.com/host/0B4ZBZOYYKBzEYUtsRS1ZWHM2bTQ" type="text/css" rel="stylesheet"/> | |
Line 55: | Line 55: | ||
} | } | ||
- | + | /*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; | |
- | filter: alpha(opacity= | + | -khtml-opacity: 0.9; |
- | -moz-opacity: 0. | + | opacity: 0.9; |
- | -khtml-opacity: 0. | + | |
- | opacity: 0. | + | |
} | } | ||
- | + | #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; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | filter: alpha(opacity= | + | |
- | -moz-opacity: 0. | + | |
- | -khtml-opacity: 0. | + | |
- | opacity: 0. | + | |
} | } | ||
- | + | ||
- | + | #navigation li { | |
- | + | z-index:9999; | |
- | + | height: 20px; | |
- | background- | + | 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*/ | + | |
+ | |||
+ | /*Make hero unit slightly transparent and left align text*/ | ||
.hero-unit { | .hero-unit { | ||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; | -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; | ||
Line 108: | Line 102: | ||
-khtml-opacity: 0.7; | -khtml-opacity: 0.7; | ||
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; | ||
} | } | ||
Line 156: | Line 184: | ||
margin-top: 10px; | margin-top: 10px; | ||
} | } | ||
+ | |||
</style> | </style> | ||
</head> | </head> | ||
Line 161: | Line 190: | ||
- | + | ||
<div class="navbar-wrapper"> | <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. --> | ||
Line 212: | Line 241: | ||
</div><!-- /.navbar-wrapper --> | </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"> | <div class="hero-unit"> | ||
Line 222: | Line 262: | ||
</a> | </a> | ||
</p> | </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 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"> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </div><!--/div class 2--> | ||
</div> | </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--> | ||
+ | |||
Line 229: | Line 384: | ||
<div class="featurette"> | <div class="featurette"> | ||
- | <img class="featurette-image pull-right" src="../ | + | <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"> | + | <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 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> | </div> | ||
Line 237: | Line 408: | ||
<div class="featurette"> | <div class="featurette"> | ||
- | <img class="featurette-image pull-right" src="../ | + | <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"> | + | <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 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> | </div> | ||
Line 245: | Line 441: | ||
<div class="featurette"> | <div class="featurette"> | ||
- | <img class="featurette-image pull-right" src="../ | + | <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"> | + | <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> | <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><!--/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> | </div> | ||
Line 263: | Line 527: | ||
<script src="https://googledrive.com/host/0B4ZBZOYYKBzETkFqdnhMeV9fMzA" ></script> | <script src="https://googledrive.com/host/0B4ZBZOYYKBzETkFqdnhMeV9fMzA" ></script> | ||
<script src="https://googledrive.com/host/0B4ZBZOYYKBzEZTdBSFdUV19LYjQ"></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/jquery.js"></script> | ||
Line 280: | Line 546: | ||
!function ($) { | !function ($) { | ||
$(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'); | ||
+ | }); | ||
+ | |||
+ | |||
Line 287: | Line 576: | ||
</script> | </script> | ||
<script src="../assets/js/holder/holder.js"></script> | <script src="../assets/js/holder/holder.js"></script> | ||
- | |||
</html> | </html> |
Revision as of 16:50, 12 July 2013
Project
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.
Abstract
This is a brief overview of the a section of the page. Clicking the image or "more" will scroll down to that section
Results
This is a brief overview of the a section of the page. Clicking the image or "more" will scroll down to that section
Methods
This is a brief overview of the a section of the page. Clicking the image or "more" will scroll down to that section
Abstract
Lorem ipsum dolor sit amet
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.
Abstract.
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.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.