navigator.html

<div id="header">
  <nav class="global-nav">
    <div class="navigator-left"></div>
    <div class="navigator-header">SikhiToTheMax</div>
    <!-- <ul class="right no-bullet noselect" id="buttons">
      <li></li>
    </ul> -->
  </nav>
</div>
<div id="main-ui">
  <div class="nav-page" id="search-page">
    <div class="navigator-header">Search</div>
    <div class="search-div"></div>
    <section class="block-list">
      <ul id="results" class="gurmukhi"></ul>
    </section>
  </div>
  <div class="nav-page" id="session-page">
    <div class="navigator-header">History</div>
    <section class="block-list">
      <ul id="session" class="gurmukhi"></ul>
    </section>
  </div>
  <div class="nav-page" id="shabad-page">
    <div class="navigator-header">Current Shabad</div>
    <section class="block-list">
      <ul id="shabad" class="gurmukhi"></ul>
    </section>
  </div>
  <div class="takeover-page" id="menu-page">
    <div class="navigator-header">Menu</div>
  </div>
</div>
<div id="footer">
  <div class="menu-group">
    <div class="menu-group-left"></div>
    <!-- <div class="menu-group-right">
      <ul class="menu-bar">
        <li>
          <a class="action" data-action="settings.openSettings"><span class="small"><i class="fa fa-fw fa-cog"></i></span><span class="medium">Settings</span></a>
        </li>
      </ul>
    </div> -->
  </div>
</div>