State Template v4

NOTE: This State Template version is now considered a legacy version with limited support. See the latest State Template.

State Template Responsive

View a demo version of the Legacy State Template v4 with working sample pages and instructional documentation. *The sample footer is specific to the California Department of Technology.  Please ensure that your footer links are specific to your organization.


v4.6 Patch

Version 4.6 has been added to eliminate some redundant color scheme classes and make the mobile navigation more consistent. In the previous versions, the background image used for the hero banner was hidden from the mobile view causing the organizational logo on desktop header to not have enough contrast on the darker mobile menu background.

v4.5 Patch

A version update has been developed to fix several several issues including the Google Custom Search implementation. Some visual improvements have also been made as well as page layout that spans the full width of the display.

Download Legacy State Template v4.6

View Template Demo


State Template v4(Legacy) provides:

  • Re-architected to utilize industry standard frameworks:
    • Bootstrap – for mobile first development
    • {Less} – extends the CSS language
    • Grunt – javascript task runner
    • Node js – cross-platform runtime environment
    • HTML5 – semantic elements & more…
  • Fully mobile and responsive design now with layout breakpoints
  • Re-architected to support semantic microdata referencing
    • Enabling greater integrated answers from intelligent services:
      Siri, Google Now, Cortana, etc.
    • Enabling enhanced search results from the major search vendors
  • Because of standardized architecture and semantic markup, future migrations are significantly simplified!
  • Improved Accessibility due to utilizing industry frameworks and accessibility plugins including content  semantics

Additional Information

The State Template v4 features a complete restructuring of the HTML markup, CSS, and JavaScript in addition to new content templates incorporating semantic naming conventions  while preserving the familiar look-and-feel of the 2013 Responsive Template.

Additionally, technologies such as LESS were introduced and new content modules also added for State agencies and departments to utilize when developing their websites.

Join us in building the statewide web resource you expect and deserve.
We encourage your feedback and suggestions!