<template name="dashboardLayoutHeader">
  <header class="main-header">

    <!-- Logo -->
    <a href="/" class="logo">
      <!-- mini logo for sidebar mini 50x50 pixels -->
      <span class="logo-mini"><b>Geri</b></span>
      <!-- logo for regular state and mobile devices -->
      <span class="logo-lg"><b>GeriLife</b><sup>®</sup></span>
    </a>

    <!-- Header Navbar -->
    <nav class="navbar navbar-static-top" role="navigation">
      <!-- Sidebar toggle button-->
      <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
        <span class="sr-only">Toggle navigation</span>
      </a>

    </nav>
  </header>
</template>

<template name="dashboardLayoutHeader">
  <header class="main-header">
    <!-- Header Navbar -->
    <nav class="navbar navbar-static-top" role="navigation">
      <div class="container">
        <div class="navbar-header">
          <a class="navbar-brand" href="/">
            PYM Online Registration
          </a>

          <button aria-expanded="false" type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse">
            <i class="fa fa-bars"></i>
          </button>

        </div> <!-- /.navbar-header -->
      </div> <!-- /.container -->
    </nav> <!-- /.navbar -->
  </header>
</template>

Restructure to match demo without sidebar
Restructure to match demo without sidebar
