<nav class="navbar navbar-expand-lg navbar-fixed navbar-skyblue">
  <div class="navbar-inner">

    <div class="navbar-intro justify-content-xl-between">

      <button type="button" class="btn btn-burger burger-arrowed static collapsed ml-2 d-flex d-xl-none" data-toggle-mobile="sidebar" data-target="#sidebar">
        <span class="bars"></span>
      </button>

      <!-- LOGO -->
      <a class="navbar-brand d-flex align-items-center" href="#">
        <img src="assets/image/avatar/BOYACA.png" alt="Lotería de Boyacá" style="height:50px;">
      </a>

      <button type="button" class="btn btn-burger mr-2 d-none d-xl-flex" data-toggle="sidebar" data-target="#sidebar">
        <span class="bars"></span>
      </button>

    </div>

    <div class="navbar-content">

      <button class="navbar-toggler py-2" type="button" data-toggle="collapse" data-target="#navbarSearch">
        <i class="fa fa-search text-white text-90 py-1"></i>
      </button>

      <div class="collapse navbar-collapse navbar-backdrop" id="navbarSearch">
        <form class="d-flex align-items-center pl-45 py-2 ml-lg-4 pl-lg-1">
          <i class="fa fa-search text-white text-105 mr-n45"></i>
          <input type="text" class="navbar-input pr-2 pl-475 py-2 radius-1" placeholder="Busqueda..." />
        </form>
      </div>

    </div>

    <!-- USUARIO -->
    <button class="navbar-toggler ml-1 mr-2 px-1" type="button" data-toggle="collapse" data-target="#navbarMenu">
      <span class="pos-rel">
        <img class="border-2 brc-white-tp1 radius-round" width="36" src="assets/image/avatar/LOGO21.png">
      </span>
    </button>

    <div class="navbar-menu collapse navbar-collapse navbar-backdrop" id="navbarMenu">

      <div class="navbar-nav">
        <ul class="nav border-0 has-active-border">

          <li class="nav-item dropdown order-first order-lg-last dropdown-hover">
            <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#">
              
              <img class="d-none d-lg-inline-block radius-round border-2 brc-white-tp1 mr-2 w-6" src="assets/image/avatar/LOGO21.png">

              <span>
                <span class="text-90">Bienvenido</span>
                <span class="nav-user-name"><?php echo $usuario; ?></span>
              </span>

            </a>

            <div class="dropdown-menu dropdown-caret dropdown-menu-right">

              <a class="dropdown-item" href="perfil.php">
                <i class="fa fa-user mr-1"></i> Perfil
              </a>

              <a class="dropdown-item" href="cambiar_contra.php">
                <i class="fa fa-cog mr-1"></i> Cambiar Contraseña
              </a>

              <div class="dropdown-divider"></div>

              <a class="dropdown-item" href="control/desconectar_usuario.php">
                <i class="fa fa-power-off mr-1"></i> Cerrar Sesión
              </a>

            </div>
          </li>

        </ul>
      </div>

    </div>

  </div>
</nav>