Move X-UA-Compatible meta tag to be first

Hi John,

I've noticed that the ```<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />``` tag sits **after** a style tag in the template.  This should mean that the tag will be ineffective - see MSDN:

> The X-UA-Compatible header isn't case sensitive; however, it must appear in the header of the webpage (the HEAD section) before all other elements except for the title element and other meta elements. [- Full text here](http://msdn.microsoft.com/en-gb/library/jj676915(v=vs.85).aspx)

The simple fix is to amend the template from this:

```
    <style>
        /* This helps the ng-show/ng-hide animations start at the right place. */
        /* Since Angular has this but needs to load, this gives us the class early. */
        .ng-hide {
            display: none !important;
        }
    </style>
    <title data-ng-bind="title">Hot Towel Angular</title>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
```

To this:

```
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
    <style>
        /* This helps the ng-show/ng-hide animations start at the right place. */
        /* Since Angular has this but needs to load, this gives us the class early. */
        .ng-hide {
            display: none !important;
        }
    </style>
    <title data-ng-bind="title">Hot Towel Angular</title>
    <meta charset="utf-8" />
```

ie. Simply moving the meta tag above the ```<style``` tag.  It's a little thing, but if you've been bitten by Compatibility mode (I have :-1:) it can be painful....

Best,
John