Base template

Beta v.1.0.3 - Updated 25/08/16. Archives

Use the following code as a basis for any page/template built using this framework.

HTML

<!DOCTYPE html>
<html lang="en-GB" class="no-js">
<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />

	<title>...</title>
	<meta name="description" content="..." />

	<!-- Viewport for responsive -->
	<meta name="viewport" content="width=device-width,initial-scale=1.0" />

	<!-- Standard favicon -->
	<link rel="icon" type="image/ico" href="[ CDN Folder Path ]/images/favicon/favicon.ico" />

	<!-- Apple touch icon (also used by other devices eg Android) -->
	<link rel="apple-touch-icon" href="[ CDN Folder Path ]/images/favicon/apple-touch-icon.png" />

	<!-- MS tile image and colour -->
	<meta name="msapplication-TileImage" content="[ CDN Folder Path ]/images/favicon/aviva-windows-logo.png" />
	<meta name="msapplication-TileColor" content="#ffd900" />

	<!-- Canonical tag for SEO -->
	<link rel="canonical" href="[ Page URL ]" />

	<meta name="twitter:card" content="summary" />
	<meta name="twitter:site" content="@[ Twitter username ]" />
	<meta name="twitter:url" property="og:url" content="[ Page URL ]" />
	<meta name="twitter:title" property="og:title" content="[ Page title ]" />
	<meta name="twitter:description" property="og:description" content="[ Page description ]" />
	<meta name="twitter:image" property="og:image" content="[ Social card image ]" />

	<link media="all" href="[ CDN Folder Path ]/css/vendor/normalize/normalize.css" rel="stylesheet" />
	<!--[if !IE | gt IE 8]><!-->
	<link media="all" href="[ CDN Folder Path ]/css/postcss-split1.css" rel="stylesheet" />
	<link media="all" href="[ CDN Folder Path ]/css/postcss-split.css" rel="stylesheet" />
	<!-- [ Insert custom css for all browsers apart from IE8 here ]-->
	<!--<![endif]-->
	<!--[if IE 9]>
		<link media="all" href="[ CDN Folder Path ]/css/ie9.css" rel="stylesheet" />
		<!-- [ Insert custom IE9 fixes here ]-->
	<![endif]-->
	<!--[if lte IE 8]>
		<link media="all" href="[ CDN Folder Path ]/css/postcss.unmq-split1.css" rel="stylesheet" />
		<link media="all" href="[ CDN Folder Path ]/css/postcss.unmq-split.css" rel="stylesheet" />
		<link media="all" href="[ CDN Folder Path ]/css/ie8-below.css" rel="stylesheet" />
		<!-- [ Insert custom IE8 styles and fixes here ]-->
	<![endif]-->

	<link media="print" href="[ CDN Folder Path ]/css/print.css" rel="stylesheet" />
	<!-- [ Insert custom print styles here ]-->

	<!--[if !IE | gt IE 8]><!-->
	<script src="[ CDN Folder Path ]/js/vendor/core/modernizr.js"></script>
	<!--<![endif]-->

	<!--[if lte IE 8]>
		<script src="[ CDN Folder Path ]/js/vendor/core/html5shiv.js"></script>
		<script src="[ CDN Folder Path ]/js/vendor/core/html5shiv-printshiv.js"></script>
	<![endif]-->
</head>
<body>
	<div class="whole-page">
		[ Insert modules / elements here ]
	</div>
	<script id="js-init" src="[ CDN Folder Path ]/js/init.js"></script>
</body>
</html>