<!-- toolbar -->
<?php include("includes/toolbar.php"); ?>

<!-- header -->
<div class="tm-header tm-header-right" data-uk-sticky>
  <div class="uk-container uk-container-center">
    <div class="uk-flex uk-flex-middle uk-flex-space-between">

      <!-- logo -->
      <a class="tm-logo uk-hidden-small" href="?page=home">
        <img src="images/demo/default/logo/logo.svg" width="180" height="50" alt="demo">
      </a>

      <!-- small logo -->
      <a class="tm-logo-small uk-visible-small" href="?page=home">
        <img src="images/demo/default/logo/logo-small.svg" width="140" height="40" alt="demo">
      </a>

      <div class="uk-flex uk-flex-right">
        <div class="uk-hidden-small">
          <nav class="tm-navbar uk-navbar tm-navbar-transparent">
            <div class="uk-container uk-container-center">
              <ul class="uk-navbar-nav uk-hidden-small">
                
        				<!-- menu -->
        				<?php include("includes/nav.php"); ?>

              </ul>
            </div>
          </nav>
        </div>

        <!-- offcanvas nav icon -->
        <a href="#offcanvas" class="uk-navbar-toggle uk-visible-small" data-uk-offcanvas></a>

        <!-- search button -->
        <div class="uk-navbar-content tm-navbar-more uk-visible-large uk-margin-left" data-uk-dropdown="{mode:'click'}">
          <a class="uk-link-reset"></a>
          <div class="uk-dropdown uk-dropdown-flip">
            <form action="#" class="uk-search" data-uk-search="" id="search-page" method="post" name="search-box">
              <input class="uk-search-field" name="searchword" placeholder="search..." type="text"> <input name="task" type="hidden" value="search"> 
              <input name="option" type="hidden" value=""> <input name="Itemid" type="hidden" value="502">
            </form>
          </div>
        </div>
      </div>

    </div>
  </div>
</div>

<!-- headerbar -->
<?php include("includes/headerbar.php"); ?>