fanfuso/IDE-Demo-B
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

inicial

Browse Source
This commit is contained in:
fanfuso
2026-08-31 15:27:17 -03:00
commit 3663318076
23 changed files with 4140 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
includes/footer.html
+86
View File
@@ -0,0 +1,86 @@
<!-- ==========================================================================
FOOTER MODULAR - IDE CONSULTORES
Edición centralizada de enlaces, datos de contacto, isotipo institucional y talento.
========================================================================== -->
<div class="container">
<div class="footer-grid">
<!-- Columna 1: Marca, Filosofía e Isotipo -->
<div>
<div class="footer-logo-wrap">
<div style="display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1rem;">
<img src="assets/img/logo_verde.png" alt="Isotipo IDE Consultores" style="height: 50px; width: auto;">
</div>
</div>
<p style="font-size: 0.9rem; color: var(--text-muted); line-height: 1.6; margin-bottom: 1.25rem;">
Todo está conectado. Comprendemos las organizaciones como sistemas para intervenir estratégicamente donde se genera mayor impacto y valor sostenible.
</p>
<div style="font-size: 0.82rem; color: var(--text-muted);">
<strong>Ecosistema IDE:</strong>
<ul> • Excellence <br> • Project <br> • Academy <br> • Digital</ul>
</div>
</div>
<!-- Columna 2: Ecosistema de Capacidades -->
<div>
<h4 class="footer-heading">Ecosistema</h4>
<ul class="footer-links">
<li><a href="ecosistema.html#excellence" class="footer-link">IDE Excellence (Gestión & ISO)</a></li>
<li><a href="ecosistema.html#project" class="footer-link">IDE Project (PMO & Resultados)</a></li>
<li><a href="ecosistema.html#academy" class="footer-link">IDE Academy (Formación In-Company)</a></li>
<li><a href="ecosistema.html#digital" class="footer-link">IDE Digital (IA & Automatización)</a></li>
<li><a href="ecosistema.html" class="footer-link">Cómo se Integran</a></li>
</ul>
</div>
<!-- Columna 3: Exploración -->
<div>
<h4 class="footer-heading">Navegación</h4>
<ul class="footer-links">
<li><a href="desafios.html" class="footer-link">Tengo un Desafío</a></li>
<li><a href="soluciones.html" class="footer-link">Busco una Solución</a></li>
<li><a href="somos-ide.html" class="footer-link">Somos IDE (Propósito & Equipo)</a></li>
<li><a href="insights.html" class="footer-link">Insights & Blog</a></li>
<li><a href="index.html#brujula" class="footer-link">Diagnóstico Brújula IDE</a></li>
</ul>
</div>
<!-- Columna 4: Contacto Institucional & Talento -->
<div>
<h4 class="footer-heading">Contacto</h4>
<ul class="footer-links" style="margin-bottom: 1.5rem;">
<li style="font-size: 0.9rem; color: var(--text-muted);">
<strong>Sede Central:</strong> Av. del Libertador 4800, CABA, Argentina
</li>
<li style="font-size: 0.9rem; color: var(--text-muted);">
<strong>Email:</strong> <a href="mailto:info@ideconsultores.com.ar" class="footer-link">info@ideconsultores.com.ar</a>
</li>
<li style="font-size: 0.9rem; color: var(--text-muted);">
<strong>Atención WhatsApp:</strong> <a href="https://wa.me/5491123456789" target="_blank" rel="noopener noreferrer" class="footer-link" style="color: var(--ide-accent);">+54 9 11 2345-6789</a>
</li>
</ul>
<!-- Enlace a Trabaja con Nosotros exclusivo en Footer según UX spec -->
<div style="border-top: 1px solid var(--border-color); padding-top: 1rem;">
<a href="trabaja-con-nosotros.html" class="btn btn-outline btn-sm" style="width: 100%; text-align: center;">
Trabaja con nosotros
</a>
</div>
</div>
</div>
<!-- Barra Inferior -->
<div class="footer-bottom">
<div>
© 2026 IDE Consultores. Todos los derechos reservados.
</div>
<div style="display: flex; gap: 1.5rem;">
<!--<span style="color: var(--text-muted);">Entrá por lo que necesitás. Descubrí lo que podemos transformar juntos.</span>-->
<span style="color: var(--text-muted);">Diseño en desarrollo – Demo v1</span>
</div>
</div>
</div>
includes/header.html
+77
View File
@@ -0,0 +1,77 @@
<!-- ==========================================================================
HEADER MODULAR - IDE CONSULTORES
Edición centralizada de menú de navegación, selector de tema y logotipo.
========================================================================== -->
<div class="container">
<nav class="navbar" aria-label="Navegación principal">
<!-- Logotipo Institucional -->
<a href="index.html" class="brand-logo-wrap" aria-label="IDE Consultores - Inicio">
<img src="assets/img/logo-on-light.png" alt="IDE Consultores" class="brand-logo-img logo-light-only">
<img src="assets/img/logo-on-dark.png" alt="IDE Consultores" class="brand-logo-img logo-dark-only">
</a>
<!-- Enlaces de Navegación de Escritorio -->
<ul class="nav-links">
<li><a href="desafios.html" class="nav-link">Desafíos</a></li>
<li><a href="soluciones.html" class="nav-link">Soluciones</a></li>
<li><a href="ecosistema.html" class="nav-link">Ecosistema</a></li>
<li><a href="ide-academy.html" class="nav-link">IDE Academy</a></li>
<li><a href="insights.html" class="nav-link">Insights</a></li>
<li><a href="somos-ide.html" class="nav-link">Somos IDE</a></li>
</ul>
<!-- Acciones: Switch de Tema y CTA Principal -->
<div class="nav-actions">
<button id="theme-toggle-btn" class="theme-toggle-btn" type="button" aria-label="Cambiar a modo oscuro" title="Cambiar tema">
<!-- Ícono Luna (Modo Claro activo) -->
<svg class="theme-icon-moon" width="19" height="19" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path>
</svg>
<!-- Ícono Sol (Modo Oscuro activo) -->
<svg class="theme-icon-sun" width="19" height="19" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<circle cx="12" cy="12" r="5"></circle>
<line x1="12" y1="1" x2="12" y2="3"></line>
<line x1="12" y1="21" x2="12" y2="23"></line>
<line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line>
<line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line>
<line x1="1" y1="12" x2="3" y2="12"></line>
<line x1="21" y1="12" x2="23" y2="12"></line>
<line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line>
<line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line>
</svg>
</button>
<a href="contacto.html" class="btn btn-primary btn-sm">HABLEMOS</a>
<!-- Botón Menú Móvil Hamburguesa -->
<button id="mobile-menu-btn" class="mobile-toggle-btn" type="button" aria-label="Abrir menú" aria-expanded="false">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<line x1="3" y1="12" x2="21" y2="12"></line>
<line x1="3" y1="6" x2="21" y2="6"></line>
<line x1="3" y1="18" x2="21" y2="18"></line>
</svg>
</button>
</div>
</nav>
</div>
<!-- Menú Desplegable para Móviles -->
<div id="mobile-menu-drawer" class="mobile-menu-drawer">
<ul class="mobile-nav-links">
<li><a href="index.html" class="nav-link">Inicio</a></li>
<li><a href="desafios.html" class="nav-link">Desafíos</a></li>
<li><a href="soluciones.html" class="nav-link">Soluciones</a></li>
<li><a href="ecosistema.html" class="nav-link">Ecosistema</a></li>
<li><a href="ide-academy.html" class="nav-link">IDE Academy</a></li>
<li><a href="insights.html" class="nav-link">Insights</a></li>
<li><a href="somos-ide.html" class="nav-link">Somos IDE</a></li>
<li><a href="contacto.html" class="nav-link" style="color: var(--ide-accent);">Contacto Comercial</a></li>
<li><a href="trabaja-con-nosotros.html" class="nav-link">Trabaja con nosotros</a></li>
</ul>
<div style="margin-top: 2rem;">
<a href="contacto.html" class="btn btn-primary w-full" style="width: 100%;">HABLEMOS</a>
</div>
</div>