use template with handlebars

### improved website by template

- use '*handlebars*' for template

> js

```javascript
server.route({
    method: 'GET',
    path: '/',
    handler: function (request, reply) {
        reply.view('index', {
            menus: [
                {
                    "name": "About",
                    "href": "#about"
                },
                {
                    "name": "Portfolio",
                    "href": "#portfolio"
                },
                {
                    "name": "Download",
                    "href": "#download"
                },
                {
                    "name": "Contact",
                    "href": "#contact"
                },
                {
                    "name": "Map",
                    "href": "#map"
                }
            ]
        });
    }
});
```
> html

```HTML
  <ul class="nav navbar-nav">
    <li class="hidden">
      <a href="#page-top"></a>
    </li>
    {{#each menus}}
    <li>
      <a class="page-scroll" href="{{href}}">{{name}}</a>
    </li>
    {{/each}}
  </ul>
```


- screenshot: 
![use-handlebars](https://cloud.githubusercontent.com/assets/9525174/4934603/0932d776-65a3-11e4-948f-b8a9f6fe304a.gif)