A navbar is a a navigation header that is placed at the top of the page. It makes it easier to travel through pages on a website like the one above this text. The navbar we have on our webpage is a tabs navbar, it is also fixed in place. You will be able to see when we scroll down on the page. This is the code that we used:

This is the code we used for the vertical navbar:


Once you scroll past this navbar, it will be fixed on the top of the page. This is how we coded it:

It has a dropdown menu, which is useful for subcategories on a webpage This is how we coded it:

This is good for searching webpages. This was our code: