How to use Setup From index.html, copy <div id="dynamicNav"> (lines 45 to 57) into your <nav> Copy the styling from dynamicNav.css into your stylesheet Copy dynamicNav.js into your project From ids.js, copy lines 10, 21, and 26 into your ids.js Adding sections Wrap each of your sections in <section> </section> tags Add the data-index="" attribute to each section you want to include in the navbar Add the section's title between the quotes Ex: <section data-index="Section Title"> Notes Any html tag with the data-index attribute will be added to the navbar—the tag doesn't have to be a <section> More than 4 sections may require updates to the styling Live Examples Dynamic Navbar Template Published IDS example: Hoosier Heroes