<template name="header">
  <div class="header">
    <div class="row">
      <div class="col-sm-6">
        <h1 class="title">Fraction</h1>
      </div>
      <div class="col-sm-6">
        <button type="button" class="btn post-btn btn-lg btn-info">Post</button>
      </div>
    </div>
  </div>
</template>

<template name="header">
  <div class="header">
    <div class="row">
      <div class="col-sm-6">
        <h1 class="title">Fraction</h1>
      </div>
      <div class="col-sm-6">
        <button type="button" class="btn post-btn btn-lg btn-primary">Post</button>
      </div>
    </div>
  </div>
</template>

Change button from .btn-info to .btn-primary
Change button from .btn-info to .btn-primary

Keeping a super simple color scheme, it's probably better not to use .btn-info and use that weird turquoise.
