89 lines
3.4 KiB
JavaScript
89 lines
3.4 KiB
JavaScript
/* ── NAVBAR ─────────────────────────────────────────────────── */
|
||
const NAVBAR_HTML = `
|
||
<nav class="navbar">
|
||
<div class="container navbar__inner">
|
||
<a href="index.html" class="navbar__brand">ide<span class="dot">.</span></a>
|
||
|
||
<ul class="navbar__links">
|
||
<li><a href="index.html">Home</a></li>
|
||
<li><a href="somos-ide.html">Somos IDE</a></li>
|
||
<li><a href="desafios.html">Desafíos</a></li>
|
||
<li><a href="soluciones.html">Soluciones</a></li>
|
||
<li><a href="ecosistema.html">Ecosistema</a></li>
|
||
<li><a href="academy.html">Academy</a></li>
|
||
<li><a href="insights.html">Insights</a></li>
|
||
<li><a href="contacto.html">Contacto</a></li>
|
||
</ul>
|
||
|
||
<div class="navbar__actions">
|
||
<button class="theme-toggle">☾ Oscuro</button>
|
||
<button class="hamburger" aria-label="Menú">
|
||
<span></span><span></span><span></span>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
|
||
<div class="mobile-menu">
|
||
<a href="index.html">Home</a>
|
||
<a href="somos-ide.html">Somos IDE</a>
|
||
<a href="desafios.html">Desafíos</a>
|
||
<a href="soluciones.html">Soluciones</a>
|
||
<a href="ecosistema.html">Ecosistema</a>
|
||
<a href="academy.html">Academy</a>
|
||
<a href="insights.html">Insights</a>
|
||
<a href="contacto.html">Contacto</a>
|
||
</div>
|
||
`;
|
||
|
||
/* ── FOOTER ─────────────────────────────────────────────────── */
|
||
const FOOTER_HTML = `
|
||
<footer class="footer">
|
||
<div class="container">
|
||
<div class="footer__grid">
|
||
<div>
|
||
<div class="footer__brand">ide<span>.</span></div>
|
||
<p class="footer__tagline">Comprender el todo para saber dónde intervenir.</p>
|
||
</div>
|
||
<div class="footer__col">
|
||
<h4>Empresa</h4>
|
||
<ul>
|
||
<li><a href="somos-ide.html">Somos IDE</a></li>
|
||
<li><a href="ecosistema.html">Ecosistema</a></li>
|
||
<li><a href="insights.html">Insights</a></li>
|
||
<li><a href="trabaja.html">Trabaja con nosotros</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="footer__col">
|
||
<h4>Servicios</h4>
|
||
<ul>
|
||
<li><a href="desafios.html">Por desafío</a></li>
|
||
<li><a href="soluciones.html">Por solución</a></li>
|
||
<li><a href="academy.html">IDE Academy</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="footer__col">
|
||
<h4>Contacto</h4>
|
||
<ul>
|
||
<li><a href="contacto.html">Formulario de contacto</a></li>
|
||
<li><a href="https://wa.me/5491100000000" target="_blank">WhatsApp</a></li>
|
||
<li><a href="mailto:info@ideconsultores.com.ar">info@ideconsultores.com.ar</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="footer__bottom">
|
||
<span>© ${new Date().getFullYear()} IDE Consultores. Todos los derechos reservados.</span>
|
||
<span>Diseño en desarrollo – Demo v1</span>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
`;
|
||
|
||
/* ── INJECT ──────────────────────────────────────────────────── */
|
||
document.addEventListener('DOMContentLoaded', () => {
|
||
const navSlot = document.getElementById('navbar-slot');
|
||
const footerSlot = document.getElementById('footer-slot');
|
||
if (navSlot) navSlot.innerHTML = NAVBAR_HTML;
|
||
if (footerSlot) footerSlot.innerHTML = FOOTER_HTML;
|
||
});
|