I’m building a site that is broken up into two views (or sections): College and Corporate.
» See it here
When the College tab is active, the site will use college-styles.css (orange background)
When the Corporate tab is active, the site will use corporate-styles.css (blue background)
Some pages are global (content is the same for
Some pages are specific (content is different for
So there will be one navigation set up for college and one for corporate
Also, ideally the pages/links will be as follows:
What is the best way to handle this? I remember a few years back where it was popular for sites to have two stylesheets (usually a light and dark version) and allow the user to select one. But I need more than just a style switcher, I need to load a whole new page and navigation. Also, ideally there would be a way to not have to create duplicate pages for the ones that are “global”.
One way that was suggested was to create a blank college page and a blank corporate page and then make a college version of every page (
who-we-are-college, etc.), a corporate version of every page and make them child pages of college/corporate. But I don’t really want a separate blog for both, nor a separate connect page for both.
Thoughts, ideas? Any help/input would be greatly appreciated.