Optional Subheading
Main Heading You Can Edit
I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis.
test
a:hover{color:#2c3e50!important;background:#f8f9fa!important;}
.menu-link.active{color:#2c3e50!important;}
/* Responsive del logo */ @media(max-width:768px){ div[style*="gap: 25px"]{gap:15px!important;} a[style*="font-size: 14px"]{font-size:12px!important;padding:6px 10px!important;} div[style*="justify-content: space-between"]{padding:8px 15px!important;} img[alt="Entik Media"]{height:30px!important;} } @media(max-width:480px){ div[style*="justify-content: space-between"]{flex-direction:column!important;gap:10px!important;} div[style*="gap: 25px"]{gap:10px!important;flex-wrap:wrap!important;justify-content:center!important;} img[alt="Entik Media"]{height:25px!important;} }
Home
Esta es la sección de inicio.
Como Trabajamos
Aquí está la sección de proceso de trabajo.
Servicios
Esta será la sección de servicios.
Portfolio
Sección del portfolio.
Contacto
Formulario de contacto.
// Navegación suave document.querySelectorAll('a[href^="#"]').forEach(anchor => { anchor.addEventListener('click', function (e) { e.preventDefault(); const target = document.querySelector(this.getAttribute('href')); if (target) { const offsetTop = target.offsetTop - 60; window.scrollTo({ top: offsetTop, behavior: 'smooth' }); } }); });
// Detección de sección activa function updateActiveSection() { const sections = document.querySelectorAll('section[id]'); const menuLinks = document.querySelectorAll('.menu-link');
let current = ''; sections.forEach(section => { const sectionTop = section.offsetTop - 100; const sectionHeight = section.clientHeight; if (window.scrollY >= sectionTop && window.scrollY { link.classList.remove('active'); if (link.getAttribute('href') === '#' + current) { link.classList.add('active'); } }); }
window.addEventListener('scroll', updateActiveSection); window.addEventListener('load', updateActiveSection);