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

<!-- boxed layout -->
<?php if ($layout == 'boxed') : ?>
  <div class="uk-container uk-container-center tm-container-boxed">
<?php endif; ?>

<!-- header -->
<div class="tm-header">
  <div class="uk-container uk-container-center">
    <div class="uk-flex uk-flex-center">

      <!-- 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>
    <div class="tm-right-offcanvas">
        <a href="#offcanvas" class="uk-navbar-toggle uk-visible-small" data-uk-offcanvas=""></a>
    </div>

  </div>
</div>

<!-- menu -->
<div class="uk-hidden-small">
  <nav class="tm-navbar uk-navbar" data-uk-sticky>
    <div class="uk-container uk-container-center uk-flex uk-flex-center">
      <ul class="uk-navbar-nav uk-hidden-small">

          <!-- menu -->
          <?php include("includes/nav.php"); ?>
          
      </ul>
    </div>
  </nav>
</div>

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

<!-- headerbar on small screens -->
<div class="uk-flex uk-flex-center">
  <div class="tm-headerbar uk-visible-small">
    <div class="">
      <div class="uk-grid" data-uk-grid-margin="">
        <div class="uk-width-medium-1-4 uk-width-small-1-2 uk-row-first">
          <div class="uk-flex">
            <div class="tm-block-icon uk-icon-7s-call"></div>
            <div class="tm-block-content">
              <h3>Talk to us now</h3>
              <p>+49 555 000 000</p>
            </div>
          </div>
        </div>
        <div class="uk-width-medium-1-4 uk-width-small-1-2">
          <div class="uk-flex">
            <div class="tm-block-icon uk-icon-7s-map-marker"></div>
            <div class="tm-block-content">
              <h3>Visit our offices</h3>
              <p>Mirage Plaza - Hamburg</p>
            </div>
          </div>
        </div>
        <div class="uk-width-medium-1-4 uk-width-small-1-2 uk-grid-margin uk-row-first">
          <div class="uk-flex">
            <div class="tm-block-icon uk-icon-7s-mail"></div>
            <div class="tm-block-content">
              <h3>Send us an email</h3>
              <p>hello@sandal.com</p>
            </div>
          </div>
        </div>
        <div class="uk-width-medium-1-4 uk-width-small-1-2 uk-grid-margin">
          <div class="uk-flex">
            <div class="tm-block-icon uk-icon-7s-clock"></div>
            <div class="tm-block-content">
              <h3>We are open all day</h3>
              <p>8:00 am to 10:00 pm daily</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>