------HOGAR-----

<header class="container-fluid bg-danger text-white position-sticky top-0">

<ul
class="nav nav-pills mb-3 py-3 container"
id="pills-tab"
role="tablist"
>

<li class="nav-item" role="presentation">

<a
class="nav-link text-white"
href="./index.html"
>Compra Express</a
>
</li>

<li class="nav-item " role="presentation">

<a
class="nav-link text-white"
href="./frutasyverduras.html"
>Frutas y Verduras</a
>
</li>

<li class="nav-item" role="presentation">

<a
class="nav-link text-white"
href="./carnes.html"
>Carnes y Aves</a
>
</li>

<li class="nav-item" role="presentation">

<a
class="nav-link text-white"
href="./bebidas.html"
>Bebidas y Jugos</a
>
</li>

<li class="nav-item" role="presentation">

<a
class="nav-link text-white"
href="./cerveza.html"
>Cervezas, Licores y Vinos</a
>
</li>
<li class="nav-item text-primary" role="presentation">
<a
class="nav-link active text-white"
id="pills-profile-tab"
data-bs-toggle="pill"
data-bs-target="#pills-profile"
type="button"
role="tab"
 aria-controls="pills-profile"
aria-selected="true"
>Cuidado del Hogar</a>

<li class="nav-item" role="presentation">

<a
class="nav-link text-white"
id="pills-contact-tab"
data-bs-toggle="pill"
data-bs-target="#pills-contact"
type="button"
role="tab"
aria-controls="pills-contact"
aria-selected="false"
>Carrito</a
>
</li>
</ul>
</header>

-------BEBIDAS-------

<header class="container-fluid bg-danger text-white position-sticky top-0">

<ul
class="nav nav-pills mb-3 py-3 container"
id="pills-tab"
role="tablist"
>
<li class="nav-item" role="presentation">
<a
class="nav-link text-white"
href="./index.html"
>Compra Express</a
>
</li>
<li class="nav-item " role="presentation">
<a
class="nav-link text-white"
href="./frutasyverduras.html"
>Frutas y Verduras</a
>
</li>

<li class="nav-item" role="presentation">

<a
class="nav-link text-white"
href="./carnes.html"
>Carnes y Aves</a
>
</li>

<li class="nav-item text-primary" role="presentation">

<a
class="nav-link active text-white"
id="pills-profile-tab"
data-bs-toggle="pill"
 data-bs-target="#pills-profile"
type="button"
role="tab"
aria-controls="pills-profile"
aria-selected="true"
>Bebidas y Jugos</a

>
<li class="nav-item" role="presentation">
<a
class="nav-link text-white"
href="./cerveza.html"
>Cervezas, Licores y Vinos</a
>
</li>

<li class="nav-item" role="presentation">

<a
class="nav-link text-white"
href="./Hogar.html"
>Cuidado del Hogar</a
>
</li>

<li class="nav-item" role="presentation">

<a
class="nav-link text-white"
id="pills-contact-tab"
data-bs-toggle="pill"
data-bs-target="#pills-contact"
type="button"
role="tab"
aria-controls="pills-contact"
aria-selected="false"
>Carrito</a
>
</li>
</ul>
</header>

-------CARNES------

<header class="container-fluid bg-danger text-white position-sticky top-0">

<ul
class="nav nav-pills mb-3 py-3 container"
id="pills-tab"
role="tablist"
>
<li class="nav-item" role="presentation">
<a
class="nav-link text-white"
 href="./index.html"
>Compra Express</a
>
</li>
</li>
<li class="nav-item" role="presentation">
<a
class="nav-link text-white"
href="./frutasyverduras.html"
>Frutas y Verduras</a
>
</li>

<li class="nav-item text-primary" role="presentation">

<a
class="nav-link active text-white"
id="pills-profile-tab"
data-bs-toggle="pill"
data-bs-target="#pills-profile"
type="button"
role="tab"
aria-controls="pills-profile"
aria-selected="true"
>Carnes y Aves</a

>
<li class="nav-item" role="presentation">
<a
class="nav-link text-white"
href="./bebidas.html"
>Bebidas y Jugos</a
>
</li>

<li class="nav-item" role="presentation">

<a
class="nav-link text-white"
href="./cerveza.html"
>Cervezas, Licores y Vinos</a
>
</li>

<li class="nav-item" role="presentation">

<a
class="nav-link text-white"
href="./Hogar.html"
>Cuidado del Hogar</a
>
</li>

<li class="nav-item" role="presentation">

<a
class="nav-link text-white"
id="pills-contact-tab"
 data-bs-toggle="pill"
data-bs-target="#pills-contact"
type="button"
role="tab"
aria-controls="pills-contact"
aria-selected="false"
>Carrito</a
>
</li>
</ul>
</header>

---------CERVEZA--------

<header class="container-fluid bg-danger text-white position-sticky top-0">

<ul
class="nav nav-pills mb-3 py-3 container"
id="pills-tab"
role="tablist"
>
<li class="nav-item" role="presentation">
<a
class="nav-link text-white"
href="./index.html"
>Compra Express</a
>
</li>

</li>
<li class="nav-item" role="presentation">
<a
class="nav-link text-white"
href="./frutasyverduras.html"
>Frutas y Verduras</a
>
</li>

<li class="nav-item" role="presentation">

<a
class="nav-link text-white"
href="./carnes.html"
>Carnes y Aves</a
>
</li>

<li class="nav-item" role="presentation">

<a
class="nav-link text-white"
href="./bebidas.html"
>Bebidas y Jugos</a
>
</li>

<li class="nav-item text-primary" role="presentation">

<a
class="nav-link active text-white"
id="pills-profile-tab"
 data-bs-toggle="pill"
data-bs-target="#pills-profile"
type="button"
role="tab"
aria-controls="pills-profile"
aria-selected="true"
>Cervezas, Licores y Vinos</a

>

<li class="nav-item" role="presentation">

<a
class="nav-link text-white"
href="./Hogar.html"
>Cuidado del Hogar</a
>
</li>

<li class="nav-item" role="presentation">

<a
class="nav-link text-white"
id="pills-contact-tab"
data-bs-toggle="pill"
data-bs-target="#pills-contact"
type="button"
role="tab"
aria-controls="pills-contact"
aria-selected="false"
>Carrito</a
>
</li>
</ul>
</header>

---------FRUTASYVERDURAS-------

<header class="container-fluid bg-danger text-white position-sticky top-0">

<ul
class="nav nav-pills mb-3 py-3 container"
id="pills-tab"
role="tablist"
>
<li class="nav-item" role="presentation">
<a
class="nav-link text-white"
href="./index.html"
>Compra Express</a
>
</li>

<li class="nav-item text-primary" role="presentation">

<a
class="nav-link active text-white"
 id="pills-profile-tab"
data-bs-toggle="pill"
data-bs-target="#pills-profile"
type="button"
role="tab"
aria-controls="pills-profile"
aria-selected="true"
>Frutas y Verduras</a

>

<li class="nav-item" role="presentation">

<a
class="nav-link text-white"
href="./carnes.html"
>Carnes y Aves</a
>
</li>

<li class="nav-item" role="presentation">

<a
class="nav-link text-white"
href="./bebidas.html"
>Bebidas y Jugos</a
>
</li>

<li class="nav-item" role="presentation">

<a
class="nav-link text-white"
href="./cerveza.html"
>Cervezas, Licores y Vinos</a
>
</li>

<li class="nav-item" role="presentation">

<a
class="nav-link text-white"
href="./Hogar.html"
>Cuidado del Hogar</a
>
</li>

<li class="nav-item" role="presentation">

<a
class="nav-link text-white"
id="pills-contact-tab"
data-bs-toggle="pill"
data-bs-target="#pills-contact"
type="button"
role="tab"
aria-controls="pills-contact"
aria-selected="false"
>Carrito</a
>
 </li>
</ul>
</header>

-------------INDEX-------------

<header class="container-fluid bg-danger text-white position-sticky top-0">

<ul
class="nav nav-pills mb-3 py-3 container"
id="pills-tab"
role="tablist"
>
<li class="nav-item text-primary" role="presentation">
<a
class="nav-link active text-white"
id="pills-profile-tab"
data-bs-toggle="pill"
data-bs-target="#pills-profile"
type="button"
role="tab"
aria-controls="pills-profile"
aria-selected="true"
>Compra Express</a

>

</li>
<li class="nav-item" role="presentation">
<a
class="nav-link text-white"
href="./frutasyverduras.html"
>Frutas y Verduras</a
>
</li>

<li class="nav-item" role="presentation">

<a
class="nav-link text-white"
href="./carnes.html"
>Carnes y Aves</a
>
</li>

<li class="nav-item" role="presentation">

<a
class="nav-link text-white"
href="./bebidas.html"
>Bebidas y Jugos</a
>
</li>

<li class="nav-item" role="presentation">

<a
class="nav-link text-white"
href="./cerveza.html"
 >Cervezas, Licores y Vinos</a
>
</li>

<li class="nav-item" role="presentation">

<a
class="nav-link text-white"
href="./Hogar.html"
>Cuidado del Hogar</a
>
</li>

<li class="nav-item" role="presentation">

<a
class="nav-link text-white"
id="pills-contact-tab"
data-bs-toggle="pill"
data-bs-target="#pills-contact"
type="button"
role="tab"
aria-controls="pills-contact"
aria-selected="false"
>Carrito</a
>
</li>
</ul>
</header>