Please note: This site has been replaced with a newer version. It remains here for historical reference only.

Header and footer

Please note

You will get HTML validation errors on this page due to the examples doubling up IDs that are already used in this page.

Navigation bar

This bar is part of the standar OU information architecture and is a reserved element for Study at the OU, StudentHome, TutorHome, IntranetHome. You should not use this element for a site navigation bar. Please see navigation systems for tabs and other navigation elements.

  1. <div id="ia-nav">
  2. <ul>
  3. <li><a class="s1" href="index.php">StudentHome</a></li>
  4. <li><a class="s2" href="profile.php">Profile</a></li>
  5. <li><a class="s3" href="courses.php">Courses</a></li>
  6. <li><a class="s4" href="qualifications.php">Qualifications</a></li>
  7. <li><a class="s5" href="ou-life.php">OU Life</a></li>
  8. </ul>
  9. </div>

Site ident

Site title

Site description

  1. <div id="site-ident">
  2. <p id="site-title"><a rel="home" href="#">Site title</a></p>
  3. <p id="site-description">Site description</p>
  4. </div>

More site header and footer styles to follow.