Crossbow has been built from the ground to support powerful layout features.
By default, Layouts live in the `_layouts` directory (although you configure this)
and are just regular `.html` or `.hbs` files that contain the special `\{{ content }}` tag.
Here's a tiny example of a layout file...
**_layouts/default.html**
```html
\{{page.title}}
\{{content}}
```
... and to use that, you might have an `index.html` file that looks like this:
```html
My awesome website
It was built with Crossbow
```
Now, after Crossbow has worked it's magic and flattened everything out,
you should end up with the following:
```html
My cool title
My awesome website
It was built with Crossbow
```
#Nested layouts
As you can see, the concept of **layouts** is *really* powerful. But we can go 1 step further -
with Nested Layouts.
The idea is simple - Layouts, can also have Layouts. This means you can have a single "master" or
"parent" layout that others can inherit from.
**_layouts/parent.html**
```html
\{{content}}
```
**_layouts/posts.html**
```html
---
layout: parent
---
\{{content}}
```
**Pro tip:** See those three lines `---`, this is called *front matter* and it's how you
can set configuration for each page. Running Crossbow with those two files from above would
result in the content from index being placed into `posts.html` which in
turn is placed into `parent.html`
You can do some pretty amazing things with this concept - give it a try!