wordgame.html

<head>
  <title>Word viewer</title>
  <meta content="width=device-width, initial-scale=1" name="viewport">
  <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet">
  <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
  <script src="//rawgithub.com/timrwood/moment/2.1.0/min/moment.min.js"></script>
</head>

<body>
  <div id="game">
    {{> game}}
  </div>
</body>

<template name="game">
  {{> viewWord}}
  <nav class="navbar navbar-default navbar-fixed-bottom" role="navigation">
    <ul class="nav navbar-nav">
      {{> scoreBoard}}
  </ul>
	</nav>
</template>

<template name="viewWord">
  <h1>{{word}}</h1>
</template>

<template name="scoreBoard">
  <li><a href="#"><h2>Score: {{score}}</h2></a></li>
  <li><a class="btn btn-lg btn-success next-btn">Guessed it</a></li>
  <li><a class="btn btn-lg btn-danger skip-btn">Skip</a></li>
</template>