41 lines
2.7 KiB
HTML
41 lines
2.7 KiB
HTML
<nav class="navbar navbar-expand-xl fixed-top sticky-top active text-uppercase fw-bold">
|
|
<div class="container">
|
|
<a class="navbar-brand" href="https://trimape.mx/"><img src="https://trimape.mx/assets/img/trimape-logo-hr-r.svg" class="logo-menu-size"></a>
|
|
<!-- Botón de hamburguesa para dispositivos móviles -->
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasNavbar"
|
|
aria-controls="offcanvasNavbar">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<!-- Elementos del menú -->
|
|
<div class="offcanvas offcanvas-start bg-color-blue-dark" tabindex="-1" id="offcanvasNavbar" aria-labelledby="offcanvasNavbarLabel">
|
|
<div class="offcanvas-header">
|
|
<!-- Agregar el logo aquí -->
|
|
<a href="https://trimape.mx/index.php"><img src="https://trimape.mx/assets/img/trimape-logo-hr-r.svg" class="offcanvas-logo m-0 logo-menu-size" alt="Logo"></a>
|
|
<button type="button" class="btn-close text-reset text-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>
|
|
</div>
|
|
<div class="offcanvas-body ">
|
|
<ul class="navbar-nav ms-auto m-0 menu-links fw-bold">
|
|
<li class="nav-item m-0 px-3 me-1 py-3 py-md-2 withline"><a class=" link-offset-2 link-underline-opacity-0 link-underline-opacity-100-hover" href="https://trimape.mx/nosotros">Nosotros</a></li>
|
|
<li class="nav-item m-0 px-3 me-1 py-3 py-md-2 withline"><a class=" link-offset-2 link-underline-opacity-0 link-underline-opacity-100-hover" href="https://trimape.mx/servicios">Servicios</a></li>
|
|
<li class="nav-item m-0 px-3 me-1 py-3 py-md-2 withline"><a class=" link-offset-2 link-underline-opacity-0 link-underline-opacity-100-hover" href="https://trimape.mx/nuestros-clientes">Clientes</a></li>
|
|
<li class="nav-item m-0 px-3 me-1 py-3 py-md-2 withline"><a class=" link-offset-2 link-underline-opacity-0 link-underline-opacity-100-hover" href="https://trimape.mx/blog">Blog</a></li>
|
|
<li class="nav-item m-0 px-3 me-1 py-3 py-md-2 withline me-0 me-lg-5"><a class=" link-offset-2 link-underline-opacity-0 link-underline-opacity-100-hover" href="https://trimape.mx/testimonios">Testimonios</a></li>
|
|
<li class="nav-item m-0 px-3 me-1 py-3 py-md-2 sinline rounded-2 ms-0 ms-lg-5 orange-item none-link " ><a class="" href="https://trimape.mx/contacto">Contacto <div class="punto-cuadrado-naranja"></div></a></li>
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
</nav>
|
|
|
|
<!---<div class="container-fluid sticky-top" style="background-color: #222b59; height:30px; top:80px;
|
|
"></div>---->
|
|
|
|
|
|
|
|
|
|
|