Difference between revisions of "Team:TU Delft/Parts"
(Prototype team page) |
|||
Line 1: | Line 1: | ||
− | {{TU_Delft}} | + | {{:Team:TU_Delft/Header_Test}} |
<html> | <html> | ||
+ | <!-- Page Title --> | ||
− | < | + | <div class="bgparts"></div> |
+ | <div class="jumbotron" id="cover"> | ||
+ | <h1>Hardware Title</h1> | ||
+ | <p class="lead">Subtitle</p> | ||
+ | </div> | ||
− | <p> | + | <span class="anchor" id="overview"></span> |
− | <p> | + | <div id="white"> |
+ | <div class="jumbotron"> | ||
+ | <div class="container"> | ||
+ | <h1>Overview</h1> | ||
+ | <p class="lead text-muted"> Subtitle or summary goes here. Should be short - two or three sentences.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="container"> | ||
+ | <p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ultrices tincidunt ipsum, vitae tempor nibh porta ac. Fusce consectetur neque et dolor vestibulum iaculis. Nunc pretium turpis at arcu tempus vehicula. Nam nec accumsan metus, ac | ||
+ | tempus tortor. Aenean euismod elit vitae ex ultrices pulvinar. Etiam rhoncus non urna vel volutpat. Donec ut erat ornare, faucibus quam a, posuere urna. Phasellus at nisl sed erat ultricies commodo vel ut mauris. Morbi ac mauris dui. Cras sit | ||
+ | amet ornare nisl. Suspendisse lectus mi, ullamcorper et dolor a, vulputate condimentum velit. Morbi dolor eros, cursus euismod magna sit amet, tempus volutpat quam. Morbi at est sed erat efficitur lobortis nec non elit. Integer urna nisi, dapibus | ||
+ | nec magna non, pharetra sodales felis. Fusce dignissim elit sit amet purus aliquet, quis luctus tortor commodo. Donec viverra enim vel ultrices iaculis. | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <span class="anchor" id="regulations"></span> | ||
+ | <div id="grey"> | ||
+ | <div class="jumbotron"> | ||
+ | <div class="container"> | ||
+ | <h1>Title</h1> | ||
+ | <p class="lead text-muted">Subtitle or summary goes here. Should be short - two or three sentences.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="container"> | ||
+ | <p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ultrices tincidunt ipsum, vitae tempor nibh porta ac. Fusce consectetur neque et dolor vestibulum iaculis. Nunc pretium turpis at arcu tempus vehicula. Nam nec accumsan metus, ac | ||
+ | tempus tortor. Aenean euismod elit vitae ex ultrices pulvinar. Etiam rhoncus non urna vel volutpat. Donec ut erat ornare, faucibus quam a, posuere urna. Phasellus at nisl sed erat ultricies commodo vel ut mauris. Morbi ac mauris dui. Cras sit | ||
+ | amet ornare nisl. Suspendisse lectus mi, ullamcorper et dolor a, vulputate condimentum velit. Morbi dolor eros, cursus euismod magna sit amet, tempus volutpat quam. Morbi at est sed erat efficitur lobortis nec non elit. Integer urna nisi, dapibus | ||
+ | nec magna non, pharetra sodales felis. Fusce dignissim elit sit amet purus aliquet, quis luctus tortor commodo. Donec viverra enim vel ultrices iaculis. | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
− | <div class=" | + | <span class="anchor" id="ethics"></span> |
− | < | + | <div id="white"> |
− | <p | + | <div class="jumbotron"> |
− | </div> | + | <div class="container"> |
+ | <h1>Title</h1> | ||
+ | <p class="lead text-muted"> Subtitle or summary goes here. Should be short - two or three sentences.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="container"> | ||
+ | <p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ultrices tincidunt ipsum, vitae tempor nibh porta ac. Fusce consectetur neque et dolor vestibulum iaculis. Nunc pretium turpis at arcu tempus vehicula. Nam nec accumsan metus, ac | ||
+ | tempus tortor. Aenean euismod elit vitae ex ultrices pulvinar. Etiam rhoncus non urna vel volutpat. Donec ut erat ornare, faucibus quam a, posuere urna. Phasellus at nisl sed erat ultricies commodo vel ut mauris. Morbi ac mauris dui. Cras sit | ||
+ | amet ornare nisl. Suspendisse lectus mi, ullamcorper et dolor a, vulputate condimentum velit. Morbi dolor eros, cursus euismod magna sit amet, tempus volutpat quam. Morbi at est sed erat efficitur lobortis nec non elit. Integer urna nisi, dapibus | ||
+ | nec magna non, pharetra sodales felis. Fusce dignissim elit sit amet purus aliquet, quis luctus tortor commodo. Donec viverra enim vel ultrices iaculis. | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <span class="anchor" id="social"></span> | ||
+ | <div id="grey"> | ||
+ | <div class="jumbotron"> | ||
+ | <div class="container"> | ||
+ | <h1>Title</h1> | ||
+ | <p class="lead text-muted"> Subtitle or summary goes here. Should be short - two or three sentences.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="container"> | ||
+ | <p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ultrices tincidunt ipsum, vitae tempor nibh porta ac. Fusce consectetur neque et dolor vestibulum iaculis. Nunc pretium turpis at arcu tempus vehicula. Nam nec accumsan metus, ac | ||
+ | tempus tortor. Aenean euismod elit vitae ex ultrices pulvinar. Etiam rhoncus non urna vel volutpat. Donec ut erat ornare, faucibus quam a, posuere urna. Phasellus at nisl sed erat ultricies commodo vel ut mauris. Morbi ac mauris dui. Cras sit | ||
+ | amet ornare nisl. Suspendisse lectus mi, ullamcorper et dolor a, vulputate condimentum velit. Morbi dolor eros, cursus euismod magna sit amet, tempus volutpat quam. Morbi at est sed erat efficitur lobortis nec non elit. Integer urna nisi, dapibus | ||
+ | nec magna non, pharetra sodales felis. Fusce dignissim elit sit amet purus aliquet, quis luctus tortor commodo. Donec viverra enim vel ultrices iaculis. | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <script> | ||
+ | initiateNavigation("parts"); | ||
+ | $('#accordion2').on('shown.bs.collapse', function (e) { | ||
− | + | // Validate this panel belongs to this accordian, and not an embedded one | |
− | + | var actualAccordianId = $('a[href="#' + $(e.target).attr('id') + '"').data('parent'); | |
− | + | var targetAccordianId = '#' + $(this).attr('id'); | |
+ | if (actualAccordianId !== targetAccordianId) return; | ||
− | + | var clickedHeader = $(this).find('.panel > .collapse.in').closest('.panel').find('.panel-heading'); | |
− | + | var offset = clickedHeader.offset(); | |
− | + | var top = $(window).scrollTop(); | |
− | + | if(offset) { | |
− | + | var topOfHeader = offset.top; | |
− | + | if(topOfHeader < top) { | |
− | + | $('html,body').animate({ scrollTop: topOfHeader}, 700, 'swing'); | |
− | + | } | |
− | + | } | |
− | + | }); | |
− | + | </script> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </ | + | |
</html> | </html> | ||
+ | {{:Team:TU_Delft/Footer}} |
Revision as of 11:59, 3 August 2015
Hardware Title
Subtitle
Overview
Subtitle or summary goes here. Should be short - two or three sentences.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ultrices tincidunt ipsum, vitae tempor nibh porta ac. Fusce consectetur neque et dolor vestibulum iaculis. Nunc pretium turpis at arcu tempus vehicula. Nam nec accumsan metus, ac tempus tortor. Aenean euismod elit vitae ex ultrices pulvinar. Etiam rhoncus non urna vel volutpat. Donec ut erat ornare, faucibus quam a, posuere urna. Phasellus at nisl sed erat ultricies commodo vel ut mauris. Morbi ac mauris dui. Cras sit amet ornare nisl. Suspendisse lectus mi, ullamcorper et dolor a, vulputate condimentum velit. Morbi dolor eros, cursus euismod magna sit amet, tempus volutpat quam. Morbi at est sed erat efficitur lobortis nec non elit. Integer urna nisi, dapibus nec magna non, pharetra sodales felis. Fusce dignissim elit sit amet purus aliquet, quis luctus tortor commodo. Donec viverra enim vel ultrices iaculis.
Title
Subtitle or summary goes here. Should be short - two or three sentences.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ultrices tincidunt ipsum, vitae tempor nibh porta ac. Fusce consectetur neque et dolor vestibulum iaculis. Nunc pretium turpis at arcu tempus vehicula. Nam nec accumsan metus, ac tempus tortor. Aenean euismod elit vitae ex ultrices pulvinar. Etiam rhoncus non urna vel volutpat. Donec ut erat ornare, faucibus quam a, posuere urna. Phasellus at nisl sed erat ultricies commodo vel ut mauris. Morbi ac mauris dui. Cras sit amet ornare nisl. Suspendisse lectus mi, ullamcorper et dolor a, vulputate condimentum velit. Morbi dolor eros, cursus euismod magna sit amet, tempus volutpat quam. Morbi at est sed erat efficitur lobortis nec non elit. Integer urna nisi, dapibus nec magna non, pharetra sodales felis. Fusce dignissim elit sit amet purus aliquet, quis luctus tortor commodo. Donec viverra enim vel ultrices iaculis.
Title
Subtitle or summary goes here. Should be short - two or three sentences.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ultrices tincidunt ipsum, vitae tempor nibh porta ac. Fusce consectetur neque et dolor vestibulum iaculis. Nunc pretium turpis at arcu tempus vehicula. Nam nec accumsan metus, ac tempus tortor. Aenean euismod elit vitae ex ultrices pulvinar. Etiam rhoncus non urna vel volutpat. Donec ut erat ornare, faucibus quam a, posuere urna. Phasellus at nisl sed erat ultricies commodo vel ut mauris. Morbi ac mauris dui. Cras sit amet ornare nisl. Suspendisse lectus mi, ullamcorper et dolor a, vulputate condimentum velit. Morbi dolor eros, cursus euismod magna sit amet, tempus volutpat quam. Morbi at est sed erat efficitur lobortis nec non elit. Integer urna nisi, dapibus nec magna non, pharetra sodales felis. Fusce dignissim elit sit amet purus aliquet, quis luctus tortor commodo. Donec viverra enim vel ultrices iaculis.
Title
Subtitle or summary goes here. Should be short - two or three sentences.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ultrices tincidunt ipsum, vitae tempor nibh porta ac. Fusce consectetur neque et dolor vestibulum iaculis. Nunc pretium turpis at arcu tempus vehicula. Nam nec accumsan metus, ac tempus tortor. Aenean euismod elit vitae ex ultrices pulvinar. Etiam rhoncus non urna vel volutpat. Donec ut erat ornare, faucibus quam a, posuere urna. Phasellus at nisl sed erat ultricies commodo vel ut mauris. Morbi ac mauris dui. Cras sit amet ornare nisl. Suspendisse lectus mi, ullamcorper et dolor a, vulputate condimentum velit. Morbi dolor eros, cursus euismod magna sit amet, tempus volutpat quam. Morbi at est sed erat efficitur lobortis nec non elit. Integer urna nisi, dapibus nec magna non, pharetra sodales felis. Fusce dignissim elit sit amet purus aliquet, quis luctus tortor commodo. Donec viverra enim vel ultrices iaculis.