<!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"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    
    <head>
       
        <!-- Character set -->
        <meta charset="UTF-8">
         
        <!-- Viewport -->
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        
        <!-- Invoke Chrome Frame install -->
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        
        <!-- Styles early on -->
        <link rel="stylesheet" href="style.css" type="text/css" media="screen">
        
        <!-- JS -->
        <script type="text/javascript">
	
            /* 
            ** No js Switchout 
            */

            document.documentElement.className = document.documentElement.className.replace(/\bno-js\b/,'js');
            
            /* 
            ** Google webfonts 
            */

            WebFontConfig = {
                google: { families: [ 'Open+Sans:400,300,700:latin' ] }
            };
            (function() {
                var wf = document.createElement('script');
                wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
                     '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
                wf.type = 'text/javascript';
                wf.async = 'true';
                var s = document.getElementsByTagName('script')[0];
                s.parentNode.insertBefore(wf, s);
            })();
	

            /* 
            ** IE viewport hack 
            */

            if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
                var msViewportStyle = document.createElement("style");
                msViewportStyle.appendChild(
                    document.createTextNode(
                        "@-ms-viewport{width:auto!important}"
                    )
                );
                document.getElementsByTagName("head")[0].
                    appendChild(msViewportStyle);
            }
            
        </script>
        
        <!-- Page title -->
        <title>{Page title}</title>
        
        <!-- Media -->
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <meta http-equiv="content-language" content="en">
        
        <!-- SEO -->
        <meta name="description" content="">
        <meta name="author" content="{author name}">
        <meta name="copyright" content="© {Year} {author name}">
        <meta name="keywords" content="{keywords}">
                
        <!-- RSS content -->
        <link rel="alternate" type="application/rss+xml" href="{Link to feed}">
        
        <!-- Open Graph spec -->
        <meta property="og:type" content="profile"> 
        <meta property="og:url" content="{url of site}">
        <meta property="og:image" content="{url: to preview image}">
        <meta property="og:title" content="{title}">
        <meta property="og:description" content="{description}">
        <meta property="profile:first_name" content="{author: first-name}">
        <meta property="profile:last_name" content="{author: last-name}">
        <meta property="profile:username" content="{facebook-username}">
        <meta property="profile:gender" content="{gender:male/female}">
                
        <!-- Twitter tags -->
        <meta name="twitter:site" content="{url of site}">
        <meta name="twitter:creator" content="{author name}">
    
        <!-- Cleartype -->
        <meta http-equiv="cleartype" content="on">
        
        <!-- Linked files -->
        <link rel="shortcut icon" href="{url: favicon.ico}">
        <link rel="apple-touch-icon-precomposed" sizes="144x144" href="{url: apple-touch-icon-144x144-precomposed.png}">
        <link rel="apple-touch-icon-precomposed" sizes="114x114" href="{url: apple-touch-icon-114x114-precomposed.png}">
        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="{url: apple-touch-icon-72x72-precomposed.png}">
        <link rel="apple-touch-icon-precomposed" href="{url: apple-touch-icon-57x57-precomposed.png}">
        
        <!-- Global js variables added server-side -->
        <script type="text/javascript">
            global = {
                em: "info#website+com+au"
            }
        </script>

		<!-- Viewport setting -->
        <style type="text/css">
            @-webkit-viewport{width:device-width}
            @-moz-viewport{width:device-width}
            @-ms-viewport{width:device-width}
            @-o-viewport{width:device-width}
            @viewport{width:device-width}
        </style>
    
    </head>

    <body>

        
    </body>
    
</html>