<ul class="navbar-nav bg-gradient-primary sidebar sidebar-dark accordion" id="accordionSidebar">
  <!-- Sidebar - Brand -->
  <a class="sidebar-brand d-flex align-items-center justify-content-center" href="/tecnico">
    <div class="sidebar-brand-icon rotate-n-15">
      <i class="fas fa-satellite-dish"></i>
    </div>
    <div class="sidebar-brand-text mx-2">Tecnico</div>
  </a>

  <!-- Divider -->
  <hr class="sidebar-divider my-0" />

  <!-- Nav 1 - Dashboard -->
  <li class="nav-item" id="nav1">
    <a class="nav-link" href="/tecnico">
      <i class="fas fa-fw fa-tachometer-alt"></i>
      <span>Inicio</span></a>
  </li>

  <!-- Divider -->
  <hr class="sidebar-divider" />

  <!-- Heading -->
  <div class="sidebar-heading">Visitas</div>

  <!-- Nav 2 - Menu -->
  <li class="nav-item" id="nav2">
    <a id="navlink1" class="nav-link collapsed" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
      <i class="fas fa-fw fa-folder"></i>
      <span>Consolidaciones</span>
    </a>
    <div id="collapseOne" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionSidebar">
      <div class="bg-white py-2 collapse-inner rounded">
        <a id="show1" class="collapse-item" href="/tecnico/Consolidaciones/Ver">Ver Consolidaciones</a>
        <a id="show2" class="collapse-item" href="/tecnico/Consolidaciones/Enviar">Enviar Consolidaciones</a>
      </div>
    </div>
  </li>

  <!-- Divider -->
  <hr class="sidebar-divider">

  <!-- Heading -->
  <div class="sidebar-heading">
    Informaci√≥n
  </div>

  <!-- Nav Item - Menu Hoja de Vida -->
  <li class="nav-item" id="nav3">
    <a id="navlink2" class="nav-link collapsed" data-toggle="collapse" data-target="#collapseThree" aria-expanded="true" aria-controls="collapseThree">
      <i class="fas fa-fw fa-store"></i>
      <span>Hojas de Vida</span>
    </a>
    <div id="collapseThree" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionSidebar">
      <div class="bg-white py-2 collapse-inner rounded">
        <a id="show3" class="collapse-item" href="/tecnico/HojaVida/ConsultarHV">Consultar</a>
        <a id="show4" class="collapse-item" href="/tecnico/HojaVida/InscribirHV">Inscribir</a>
      </div>
    </div>
  </li>


  <!-- Divider -->
  <hr class=" sidebar-divider d-none d-md-block" />

  <!-- Sidebar Toggler (Sidebar) -->
  <div class="text-center d-none d-md-inline">
    <button class="rounded-circle border-0" id="sidebarToggle"></button>
  </div>
</ul>