A friend and I are starting our own little mini-business for freelance designing of t-shirts, handlettering, branding, etc. Website design is going to be part of it, and creating our own website from scratch is like our first big project. We've both done some in school but haven't touched it a lot since graduating a couple years ago and are trying to brush up on everything.
Long story short, we have a page on our site called Works, which houses 5 categories: Web Design, Merchandising, Handlettering, Branding, and my friend's college thesis project. I want each of those 5 to be its own photo gallery on the Works page when you click on a category, and then I want each category to have separate works to click into which opens a photo gallery I have set up already.
Basically, Works Page -> 5 Category Pages -> Projects to click into which opens the photo gallery.
What is the best/cleanest way to program this? As of now I have each category set up as its own html page, and then each project also set up as its own page, but is there a cleaner way to transition between pages so that it doesn't look like you are leaving and re-loading the main Works page each time you pick a different category/project? I've got all the basics down but am unsure of how to basically put these pages within pages within pages without it looking like they are on different pages, if that makes any sense. I'm not the best at describing things technically haha. If there's a way to nest all of these on ONE page for clean transitions between everything, awesome. I just don't know how to do it.
So yeah, any and all help is much appreciated!
Thanks in advance,
Nick