header.hbs

<div class="update-banner">
    <p>Update available - <a href="" id="update">click here to reload</a></p>
</div>
<header class="wrapper site-header" role="banner">
    <div class="container">
        <nav>
            <ul class="site-nav">
                <li class="nav__item logo">
                    <a href="/" class="nav-link">{{inc src="icon.hbs" icon="wordmark" class=""}}</a>
                </li>
                {{#each site.navigation}}
                <li class="nav__item {{#current this.url}}active{{/current}}"><a href="{{this.url}}" class="nav-link">{{this.label}}</a></li>
                {{/each}}
                <li class="nav__item nav__item--right">
                    <a href="{{site.links.source}}" class="nav-link" title="Browsersync on Github">{{inc src="icon.hbs" icon="github" class=""}}</a>
                    <a href="{{site.links.twitter}}" class="nav-link" title="@Browsersync on Twitter">{{inc src="icon.hbs" icon="twitter" class=""}}</a>
                    <a href="{{site.links.slack}}" class="nav-link" title="Browsersync Slack Team">{{inc src="icon.hbs" icon="slack" class=""}}</a>
                </li>
            </ul>
        </nav>
    </div>
</header><!-- .end .site-header -->