Team:Penn/Project
From 2013.igem.org
Line 14: | Line 14: | ||
$('body').scrollspy({ target: '#nav-circles' }); | $('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({ | ||
+ | scrollTop: $("#third-section").offset().top, | ||
+ | }, '2400'); | ||
+ | }); | ||
}); | }); | ||
Line 179: | Line 202: | ||
<div id="nav-circles"> | <div id="nav-circles"> | ||
<ul class="nav"> | <ul class="nav"> | ||
- | + | <a href="#top"><li id="one"></li></a> | |
- | <a href="#top"><li></li></a> | + | <a id="two" href="#first-section"><li></li></a> |
- | <a href="#first-section"><li></li></a> | + | <a id="three" href="#second-section"><li></li></a> |
- | <a href="#second-section"><li></li></a> | + | <a id="four" href="#third-section"><li></li></a> |
- | <a href="#third-section"><li></li></a> | + | |
</ul> | </ul> | ||
</div> | </div> | ||
- | <div id="top"> | + | |
+ | <div id="top"> | ||
+ | |||
+ | |||
<!--Giant Image At the Top--> | <!--Giant Image At the Top--> | ||
<div class="jumbotron masthead"> | <div class="jumbotron masthead"> | ||
Line 194: | Line 219: | ||
<p> | <p> | ||
</div> | </div> | ||
- | </div></div> | + | </div> |
+ | </div> | ||
<div class="img-span"> | <div class="img-span"> |
Revision as of 12:13, 26 July 2013
Project
Lorem ipsum dolor sit amet.
Abstract
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
Methods
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum