• Templates
  • Examples

Basic starter

View Basic starter

Usage notes

This is a simple starter example which shows how to include the Javascript and CSS, the IE conditional comments and the skiplinks feature.

  
<!--[if IE]><![endif]-->
<!DOCTYPE html>
<!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7"><![endif]-->
<!--[if IE 7]><html class="no-js lt-ie9 lt-ie8 ie7"><![endif]-->
<!--[if IE 8]><html class="no-js lt-ie9 ie8"><![endif]-->
<!--[if IE 9]><html class="no-js ie9"><![endif]-->
<!--[if gt IE 8]><!-->
<!-->
<html class="no-js">
<!--<![endif]-->

<head>
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <title>- Office of National Statistics</title>
  <meta charset="utf-8" />
  <meta content="width=device-width,initial-scale=1.0" name="viewport" />
  <meta content="on" http-equiv="cleartype" />
  <meta name="format-detection" content="telephone=no">
  <!--[if IE]><![endif]-->
  <!--[if lte IE 8]>
<link rel="stylesheet" href="/dist/css/oldie.css"/>
<![endif]-->
  <!--[if gt IE 8]><!-->
  <link rel="stylesheet" href="/dist/css/main.css" />
  <![endif]-->
    <script src="/dist/js/header.js"></script>
  </head>
  <body class="">
    <a class="skiplink visuallyhidden focusable" href="#main" tabindex="0">
      <span>Skip to main content</span>
    </a>
    <!---
title: Basic starter
external: true
type: template
group: Examples
usage: |
  This is a simple starter example which shows how to include the Javascript and CSS, the IE conditional comments and the skiplinks feature.
-->
    <div class="wrapper panel--mar">
      <h1>Hello world!</h1>
    </div>
    <script src="/dist/js/footer.js"></script>
  </body>
</html>