The Hantsweb template keeps CSS and Scripts simple. There is one principle CSS file.

Sub-sites may have their own CSS file, applied at the template level.

WCMS use use

The base HTML5 page structure for all Hantsweb content is as follows:

<!doctype html>
<html lang="en">
  <base href="" />
  <meta charset="utf-8">
  <title>Hampshire County Council</title>
  <!--[if lt IE 9]>
   <script src="//"></script>
  <meta name="viewport" content="initial-scale=1" /> 
  <link id="styles-core" rel="stylesheet" href="//"/>
  <!--[if lt IE 9]>
   <link rel="stylesheet" href="//"/>
  <link rel="shortcut icon" href="images/favicon.ico"/>
  <link rel="apple-touch-icon-precomposed" href="wcms-hcc-57.png"/>
  <link rel="apple-touch-icon-precomposed" sizes="72x72" href="wcms-hcc-72.png" />
  <link rel="apple-touch-icon-precomposed" sizes="114x114" href="wcms-hcc-114.png" />
  <link rel="apple-touch-icon-precomposed" sizes="144x144" href="wcms-hcc-144.png" /> 
   <nav class="skip-links two columns alpha">
    <ul class="remove-sides">
      <a href="registration-new.htm#page" class="thumbnail">Skip to section navigation</a>
      <a href="registration-new.htm#page_content" class="thumbnail">Skip to content</a>
      <a href="registration-new.htm#global_footer" class="thumbnail">Skip to footer</a>
   <!-- googleoff: all -->
   <!-- start: global header -->
   <!-- end: header -->
   <!-- start: site-wide alerts -->
   <!-- end: site-wide alerts -->
   <section id="page">
    <!-- start: site header -->
    <!-- end: site header -->
    <!-- start: site navigation -->
    <!-- end: site navigation -->
    <div class="container">
     <div class="content" id="page_content" role="main">
      <!-- googleon: all -->
      <!-- googleoff: all -->
    <!-- start: site footer -->
    <!-- end: site footer -->
   <!-- start: global footer -->
   <!-- end: global footer -->
  <script src="//"></script>
  <script type="text/javascript" src="//"></script>
  <script type="text/javascript" src="//"></script>
  <!-- start: custom scripts -->
  <!-- end: custom scripts -->
  <!-- googleon: all -->
Version and status
  • 1.0
  • current version
  • Concept