## The Application Template

The application template is the default template that is rendered when
your application starts. 

You should put your header, footer, and any other decorative content
here. Additionally, you should have at least one `{{outlet}}`:
a placeholder that the router will fill in with the appropriate template
based on the current state of the application.

Here's an example template:

```handlebars
<header>
  <h1>Igor's Blog</h1>
</header>

<div>
  {{outlet}}
</div>

<footer>
  &copy;2013 Igor's Publishing, Inc.
</footer>
```

The header and footer will always be displayed on screen, but the
contents of the `<div>` will change depending on if the user is
currently at `/posts` or `/posts/15`, for example.

If you are keeping your templates in HTML, create a `<script>` tag
without a template name. It will automatically be compiled and appended
to the screen.

```html
<script type="text/x-handlebars">
  <div>
    {{outlet}}
  </div>
</script>
```

If you're using build tools to load your templates, make sure you name
the template `application`.

For more information, see [Templates](/guides/templates/handlebars-basics) and [Routing](/guides/routing/).

## The Application Template

The application template is the default template that is rendered when
your application starts. 

You should put your header, footer, and any other decorative content
here. Additionally, you should have at least one `{{outlet}}`:
a placeholder that the router will fill in with the appropriate template,
based on the current state of the application.

Here's an example template:

```handlebars
<header>
  <h1>Igor's Blog</h1>
</header>

<div>
  {{outlet}}
</div>

<footer>
  &copy;2013 Igor's Publishing, Inc.
</footer>
```

The header and footer will always be displayed on screen, but the
contents of the `<div>` will change depending on if the user is
currently at `/posts` or `/posts/15`, for example.

If you are keeping your templates in HTML, create a `<script>` tag
without a template name. It will automatically be compiled and appended
to the screen.

```html
<script type="text/x-handlebars">
  <div>
    {{outlet}}
  </div>
</script>
```

If you're using build tools to load your templates, make sure you name
the template `application`.

For more information, see [Templates](/guides/templates/handlebars-basics) and [Routing](/guides/routing/).

Add comma to prevent run-on sentence.
Add comma to prevent run-on sentence.
