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 college/corporate)
Some pages are specific (content is different for college/corporate)
So there will be one navigation set up for college and one for corporate
Also, ideally the pages/links will be as follows:
/college/why-us/college/who-are-we/college/how-we-do-it/college/our-work/college/our-blog/college/connect/corporate/why-us/corporate/who-are-we/corporate/how-we-do-it/corporate/our-work/corporate/our-blog/corporate/connect
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”.
Global pages
who-we-arehow-we-do-itour-blogconnect
Specific pages
why-us-collegewhy-us-corporateour-work-collegeour-work-corporate
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 (why-us-colloge, 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.