How to make a single page website with no nav bar in first page, but nav bar appears on the other page? I have refer to fullPage.js. but i dont know how to hide the nav bar in first page.

The overflow of the website is like this:
-no nav bar, when click arrow, it will goes to second page.

2nd page
-have fixed navbar, with slideshow under it. when click arrow it will goes to 3rd page. with navbar remain at that position, not moving.

3rd page
-3rd page and the rest have the same flow.

Is it possible if i do the first page in another file, and put linking/scrolling effects to 2nd page, in another html file? Or overall can be done in one html file?