<header>
  <div class="wrapper">
    <div id="logo-wrapper">
      <a href="<?= base_url() ?>">
        <img src="<?= base_url('assets/site/images/company/transp-tempo-logomarca-resized.png') ?>" alt="Transportadora Tempo" title="Transportadora Tempo" />
      </a>
    </div>
    <div id="burger">
      <div></div>
      <div></div>
    </div>
    <nav id="nav">
      <ul>
        <li class="<?= isset($page) && $page == 'home' ? 'active' : ''?>"><a href="<?= base_url() ?>">Início</a></li>
        <li class="<?= isset($page) && $page == 'about' ? 'active' : ''?>"><a href="<?= base_url('quem-somos') ?>">Quem somos</a></li>
        <li class="<?= isset($page) && $page == 'structure' ? 'active' : ''?>"><a href="<?= base_url('estrutura') ?>">Estrutura</a></li>
        <li class="<?= isset($page) && $page == 'cities' ? 'active' : ''?>"><a href="<?= base_url('cidades-atendidas') ?>">Cidades atendidas</a></li>
        <li class="<?= isset($page) && $page == 'online-quotes' ? 'active' : ''?>"><a href="<?= base_url('cotacao-online') ?>">Cotação online</a></li>
        <li class="<?= isset($page) && $page == 'documents' ? 'active' : ''?>"><a href="<?= base_url('documentos') ?>">Documentos</a></li>
        <li class="<?= isset($page) && $page == 'contact' ? 'active' : ''?>"><a href="<?= base_url('contato') ?>">Contato</a></li>
        <!-- <li class="button-item mx-2">
          <a href="<?= base_url('contato') ?>">
            <button class="btn btn--primary">Entrar em contato</button>
          </a>
        </li> -->
      </ul>
    </nav>
  </div>
</header>