Put links on every page so it's easy to navigate between pages

[mgatland]

As a user, I don't like having to remember all the URLs and type them in by hand.

I'd like to be able to click on links to get to every page on the site, and never get stuck on a page with no links.

• [ ] Make some HTML to add a list of links to all the pages in the site
• [ ] Add CSS to the style.css file to make the links appear as a bar going across the page instead of a list going down the page. You may need to put the links in a div with a new class, i.e. <div class="nav-bar">
• [ ] Add the HTML to every page
• [ ] check it works on every page

(This is often called the 'navigation bar' or 'nav bar')

Notes

this is what a navigation bar looks like

I googled 'how to make a navigation bar' and got this page https://www.w3schools.com/howto/howto_js_topnav.asp

Note: Links have a built in style that makes them blue and underlined. This rule will override the rules they inherit from the navbar. You need to make a more specific style to override the link styles. For example, if your navbar has class="navbar", this rule will change the color of the links inside the navbar and remove their underline:

.navbar a {
    color: pink;
    text-decoration: none;
}

That rule applies to links <a> that are inside something that has class="navbar"