At the start of this chapter, we looked at the header with the navigation menu. Now let's implement the navigation links and controls. We have to assign unique IDs to the steps that we want appearing on the menu. Here I have assigned the IDs of the four pages for the href
attribute of the menu:
<ul> <li id="menu-about" ><a href="#/about">Home</a></li> <li id="menu-portfolio-overview" ><a href="#/portfolio-overview">Protfolio</a></li> <li id="menu-timeline-start" ><a href="#/timeline-start">Timeline</a></li> <li id="menu-services-overview" ><a href="#/services-overview">Services</a></li> </ul>
Whenever the user clicks on the link, the presentation will navigate to the step with the specified ID. Also, you may have noticed that we have used the same ID for the list item with menu-
as the prefix. We are going to use this ID to highlight the active...