Tul xxx Tul

Viewing: index.html

<!DOCTYPE html>
<html lang="es">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>El Poder de la Palabra | Plataforma educativa de comunicación, oratoria y desarrollo personal</title>
  <meta name="description" content="El Poder de la Palabra es una plataforma educativa líder en comunicación, oratoria, desarrollo personal y emprendimiento. Potencia tu voz, habilidades y crecimiento profesional con talleres, cursos y conferencias innovadoras desde 2013.">
  <meta name="keywords" content="comunicación, oratoria, desarrollo personal, emprendimiento, talleres, cursos, capacitaciones, educación, liderazgo, motivación, plataforma educativa, El Poder de la Palabra, CyNe Producciones">
  <link rel="icon" href="assets/img/favicon.png">
  <link rel="canonical" href="https://www.elpoderdelapalabra.com/">
  <!-- Open Graph / Facebook -->
  <meta property="og:title" content="El Poder de la Palabra | Plataforma educativa de comunicación, oratoria y desarrollo personal">
  <meta property="og:description" content="Potencia tu voz y habilidades con talleres, cursos y conferencias de comunicación, oratoria y desarrollo personal. ¡Transforma tu vida con El Poder de la Palabra!">
  <meta property="og:image" content="https://www.elpoderdelapalabra.com/assets/img/logob.png">
  <meta property="og:url" content="https://www.elpoderdelapalabra.com/">
  <meta property="og:type" content="website">
  <!-- Twitter Card -->
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="El Poder de la Palabra | Plataforma educativa de comunicación, oratoria y desarrollo personal">
  <meta name="twitter:description" content="Potencia tu voz y habilidades con talleres, cursos y conferencias de comunicación, oratoria y desarrollo personal. ¡Transforma tu vida con El Poder de la Palabra!">
  <meta name="twitter:image" content="https://www.elpoderdelapalabra.com/assets/img/logob.png">
  <link rel="stylesheet" href="css/styles.css">
  <!-- Font Awesome -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
  <!-- Fuente Corbel cargada por CSS -->

</head>

<body>
  <!-- Header/Navegación -->
  <header>
    <nav class="container">
      <a href="#home"><img src="assets/img/logo.png" alt="Logo El Poder de la Palabra - Plataforma educativa de comunicación y oratoria" height="80"></a>
      <ul id="nav-links">
        <li><a href="#home" class="nav-link">Inicio</a></li>
        <li><a href="#beneficios" class="nav-link">Beneficios</a></li>
        <li><a href="#capacitaciones" class="nav-link">Capacitaciones</a></li>
        <li><a href="#equipo" class="nav-link">Equipo</a></li>
        <li><a href="#modalidades" class="nav-link">Modelos</a></li>
        <li><a href="#contacto" class="nav-link">Contacto</a></li>
      </ul>
      <!-- Botón menú móvil (opcional) -->
      <button id="menu-btn">☰</button>
    </nav>
  </header>

  <!-- Home/Banner principal -->
  <section id="home" class="banner fade-in"
    style="position:relative; min-height: 600px; display: flex; align-items: center; justify-content: center; overflow:hidden;">
    <video id="banner-video" autoplay muted loop playsinline
      style="position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;">
      <source src="assets/img/epp.mp4" type="video/mp4">
      Tu navegador no soporta el video. El Poder de la Palabra, plataforma educativa de comunicación y oratoria.
    </video>
  </section>
  
  <!-- SECCIÓN BENEFICIOS CON ANIMACIÓN Y HOVER -->
  <section id="beneficios" class="seccion-beneficios scroll-in-section" style="margin-top:2rem;max-width:1600px;min-height:80vh;">
    <h2 class="titulo-beneficios">¿Qué te ofrece nuestra plataforma?</h2>
    <div class="intro-beneficios">
      <p>
        Desde 2013, <strong>El Poder de la Palabra</strong> ha impulsado la formación en
        <span class="color-area">comunicación</span>,
        <span class="color-area">oratoria</span>,
        <span class="color-area">desarrollo personal</span> y
        <span class="color-area">emprendimiento</span>,
        ayudando a miles de personas a potenciar su voz y alcanzar sus metas.
      </p>
    </div>
    <div class="beneficios-carrusel">
      <div class="beneficio-card scroll-in">
        <i class="fas fa-lightbulb icono"></i>
        <h3 class="beneficio-titulo">Conocimiento Funcional</h3>
        <p class="beneficio-texto">Aprendizaje que se aplica desde el primer momento, útil y adaptable a la vida real.
        </p>
      </div>
      <div class="beneficio-card scroll-in">
        <i class="fas fa-user-check icono"></i>
        <h3 class="beneficio-titulo">Autonomía para su Manejo</h3>
        <p class="beneficio-texto">Desarrolla tu independencia con herramientas claras para gestionar tu propio proceso
          de aprendizaje.</p>
      </div>
      <div class="beneficio-card scroll-in">
        <i class="fas fa-toolbox icono"></i>
        <h3 class="beneficio-titulo">Herramientas Efectivas</h3>
        <p class="beneficio-texto">Accede a recursos diseñados para que aproveches cada experiencia formativa al máximo.
        </p>
      </div>
      <div class="beneficio-card scroll-in">
        <i class="fas fa-file-alt icono"></i>
        <h3 class="beneficio-titulo">Soporte Curricular</h3>
        <p class="beneficio-texto">Cada programa está respaldado por una estructura pedagógica sólida y medible.</p>
      </div>
      <div class="beneficio-card scroll-in">
        <i class="fas fa-briefcase icono"></i>
        <h3 class="beneficio-titulo">Conexión al Ambiente Laboral</h3>
        <p class="beneficio-texto">Lo que aprendes aquí puede aplicarse en tu trabajo, proyecto o emprendimiento desde
          ya.</p>
      </div>
    </div>
  </section>

  <!-- Capacitaciones -->
  <section id="capacitaciones" class="container fade-in  scroll-in-section" style="margin-top:4rem;max-width:1600px;min-height:80vh;">
    <h2 class="titulo-beneficios" style="text-align:center;">Elige tu Reto, Escoge tu Ruta</h2>  
    <div class="filtros-cap">
      <button class="filtro btn" data-area="comunicacion"><i class="fa-solid fa-comments"></i> Comunicación</button>
      <button class="filtro btn" data-area="desarrollo personal"><i class="fa-solid fa-user-graduate"></i> Desarrollo
        Personal</button>
      <button class="filtro btn" data-area="plataformas digitales"><i class="fa-solid fa-laptop-code"></i> Plataformas
        Digitales</button>
      <button class="filtro btn" data-area="audiovisuales"><i class="fa-solid fa-video"></i> Audiovisuales</button>
      <button class="filtro btn" data-area="producción musical"><i class="fa-solid fa-music"></i> Producción
        Musical</button>
      <button class="filtro btn" data-area="administración"><i class="fa-solid fa-briefcase"></i>
        Administración</button>
      <button class="filtro btn" data-area="emprendimiento"><i class="fa-solid fa-lightbulb"></i>
        Emprendimiento</button>
    </div>
    <div class="grid" id="capacitacionesGrid"
      style="grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem 2rem;min-height:60vh;"></div>
  </section>
  
  <!-- SECCIÓN DE PRESENTACIÓN INTERACTIVA -->
  <section class="hero-seccion" id="hero-seccion">
    <div id="hero-backgrounds">
      <!-- Los fondos se inyectarán aquí por JavaScript -->
    </div>
    <div class="hero-overlay"></div>
    <div class="hero-contenido">
      <!-- Texto estático y rotativo -->
      <p class="frase-estatica">La plataforma educativa que</p>
      <div class="textos-rotativos">
        <div class="frase visible">conecta tu voz con tu propósito</div>
        <div class="frase">te forma desde la práctica</div>
        <div class="frase">transforma cómo comunicas y creas</div>
      </div>

      <!-- Título de Categoría Animado Central -->
      <h1 class="categoria-animada-principal" id="categoria-animada-titulo"></h1>

      <!-- Botones de CTA -->
      <div class="hero-buttons">
        <a href="#capacitaciones" class="boton-cta">Explora nuestros talleres</a>
        <a href="#contacto" class="boton-cta secondary">Inscribirse</a>
      </div>
    </div>
  </section>  

  <section id="equipo" style="padding:0;margin-top:4rem;">
    <h2 class="titulo-beneficios" style="text-align:center;">Nuestro equipo, Tu Compañía</h2>    
    <div class="grid equipo-grid">
      <!-- Nevin Paredes -->
      <div class="equipo-card">
        <img src="assets/img/nevin.png" alt="Nevin Paredes" class="equipo-img nevin">
        <div class="equipo-nombre">Nevin Paredes</div>
        <div class="equipo-rol nevin">Palabras de Poder</div>
        <div class="equipo-desc">Comunicador elocuente, curioso y autodidacta, CEO fundador de CyNe Producciones. Teólogo, comunicador social, cineasta y marketer con más de 20 años de trayectoria, innovador que transforma vidas con su voz y liderazgo.</div>
        <div class="equipo-links">
          <a href="https://emprendo.com.co/nevin/" target="_blank" class="equipo-link" style="color:#16d1e5;"><i class="fa-solid fa-globe"></i></a>
          <a href="https://www.instagram.com/nevincrist/" target="_blank" class="equipo-link" style="color:#16d1e5;"><i class="fab fa-instagram"></i></a>
          <a href="https://www.facebook.com/nevincparedes" target="_blank" class="equipo-link" style="color:#16d1e5;"><i class="fab fa-facebook-f"></i></a>
        </div>
      </div>
      <!-- Cynthia Simancas -->
      <div class="equipo-card">
        <img src="assets/img/cynthia.png" alt="Cynthia Simancas" class="equipo-img cynthia">
        <div class="equipo-nombre">Cynthia Simancas</div>
        <div class="equipo-rol cynthia">Ideas Cautivantes</div>
        <div class="equipo-desc">Carismática, prudente e intelectual,Productora general y cofundadora de CyNe Producciones. Teólogo, diseñadora, experta en comunicación visual, diseño gráfico y voz en medios, garantizando procesos efectivos que inspiran resultados.</div>
        <div class="equipo-links">
          <a href="https://www.instagram.com/cynthi_simancas/" target="_blank" class="equipo-link" style="color:#ff08a0;"><i class="fab fa-instagram"></i></a>
          <a href="https://www.facebook.com/cynthii.simanks" target="_blank" class="equipo-link" style="color:#ff08a0;"><i class="fab fa-facebook-f"></i></a>
        </div>
      </div>
      <!-- Zaira Febres -->
      <div class="equipo-card">
        <img src="assets/img/zaira.png" alt="Zaira Febres" class="equipo-img zaira">
        <div class="equipo-nombre">Zaira Febres</div>
        <div class="equipo-rol zaira">Siempre en Expansión</div>
        <div class="equipo-desc">Organizada, íntegra y directa, licenciada en Gerencia de RRHH y Teólogo. Empresaria y consultora organizacional con más de 25 años de experiencia en cargos directivos, impulsando crecimiento profesional y empresarial hacia el éxito real.</div>
        <div class="equipo-links">
          <a href="https://www.instagram.com/zairafebres/" target="_blank" class="equipo-link" style="color:#00b050;"><i class="fab fa-instagram"></i></a>
          <a href="https://www.facebook.com/zaida.simancas" target="_blank" class="equipo-link" style="color:#00b050;"><i class="fab fa-facebook-f"></i></a>
        </div>
      </div>
    </div>
  </section>
  
  <!-- Modalidades -->
  <section id="modalidades" class="container fade-in scroll-in-section" style="margin-top:4rem; margin-bottom: 5rem;">
    <h2 class="titulo-beneficios" style="text-align:center;">Conoce todas tus posibilidades con</h2>
    <h1 style="text-align:center;">Nuestros Modelos de Capacitación</h1>
    <div class="modalidades-carousel">
      <div class="modalidades-carousel-track" id="modalidadesTrack">
        <div class="mod-card mod-talleres">
          <div class="mod-icon"><i class="fa-solid fa-hammer"></i></div>
          <h3 class="mod-title">Talleres</h3>
          <p>Aprende haciendo: sesiones prácticas y vivenciales para desarrollar habilidades específicas.</p>
        </div>
        <div class="mod-card mod-conferencias">
          <div class="mod-icon"><i class="fa-solid fa-microphone"></i></div>
          <h3 class="mod-title">Conferencias</h3>
          <p>Charlas inspiradoras y educativas sobre temas clave de comunicación y desarrollo.</p>
        </div>
        <div class="mod-card mod-master">
          <div class="mod-icon"><i class="fa-solid fa-graduation-cap"></i></div>
          <h3 class="mod-title">Master Class</h3>
          <p>Clases magistrales con expertos, anécdotas y enseñanza única en temas selectos.</p>
        </div>
        <div class="mod-card mod-cursos">
          <div class="mod-icon"><i class="fa-solid fa-book"></i></div>
          <h3 class="mod-title">Cursos</h3>
          <p>Programas formales para adquirir conocimientos, teorías y modelos de manera integral.</p>
        </div>
        <div class="mod-card mod-sesiones">
          <div class="mod-icon"><i class="fa-solid fa-handshake"></i></div>
          <h3 class="mod-title">Sesiones</h3>
          <p>Atención personalizada para tu desarrollo personal y profesional. Incluye Asesoría, Mentoring, Coaching y
            Consultoría.</p>
        </div>
        <div class="mod-card mod-asesoria">
          <div class="mod-icon"><i class="fa-solid fa-compass"></i></div>
          <h3 class="mod-title">Asesoría</h3>
          <p>Asistencia y apoyo experto para brindar recomendaciones y soluciones en tu desarrollo.</p>
        </div>
        <div class="mod-card mod-mentoring">
          <div class="mod-icon"><i class="fa-solid fa-chalkboard-user"></i></div>
          <h3 class="mod-title">Mentoring</h3>
          <p>Acompañamiento de expertos para guiarte y ayudarte a crecer personal y profesionalmente.</p>
        </div>
        <div class="mod-card mod-coaching">
          <div class="mod-icon"><i class="fa-solid fa-brain"></i></div>
          <h3 class="mod-title">Coaching</h3>
          <p>Proceso de entrenamiento para obtener resultados extraordinarios y mejorar tu calidad de vida.</p>
        </div>
        <div class="mod-card mod-consultoria">
          <div class="mod-icon"><i class="fa-solid fa-chart-bar"></i></div>
          <h3 class="mod-title">Consultoría</h3>
          <p>Opinión experta y sugerencias para lograr alta efectividad y productividad en tus proyectos.</p>
        </div>
      </div>
      <div class="modalidades-carousel-dots" id="modalidadesDots"></div>
    </div>
  </section>

  <!-- Contacto -->
  <section id="contacto" class="fade-in">
    <div class="container">      
      <div class="contact-info text-center mb-4"
        style="display:flex;flex-wrap:wrap;justify-content:center;gap:2.5rem;align-items:center;">
        <div class="contact-item">
          <i class="fa-solid fa-envelope contact-icon" style="color:#D44638;"></i>
          <a href="mailto:elpoderdelapalabra@emprendo.com.co">elpoderdelapalabra@emprendo.com.co</a>
        </div>
        <div class="contact-item">
          <i class="fa-brands fa-youtube contact-icon" style="color:#FF0000;"></i>
          <a href="https://www.youtube.com/@elpoderdelapalabra4942" target="_blank">YouTube</a>
        </div>
        <div class="contact-item">
          <i class="fa-brands fa-instagram contact-icon" style="color:#C13584;"></i>
          <a href="https://www.instagram.com/elpoderdelapalabra_co/" target="_blank">@elpoderdelapalabra_co</a>
        </div>
      </div>
      <div class="contact-info text-center mb-4"
        style="display:flex;flex-wrap:wrap;justify-content:center;gap:2.5rem;align-items:center;">
        <div class="contact-item">
          <i class="fa-brands fa-whatsapp contact-icon" style="color:#25D366;"></i>
          <a href="https://wa.me/573028424064" target="_blank">+57 302 842 40 64</a>
        </div>
        <div class="contact-item">
          <i class="fa-brands fa-whatsapp contact-icon" style="color:#25D366;"></i>
          <a href="https://wa.me/573143604300" target="_blank">+57 314 360 43 00</a>
        </div>
      </div>
      <div class="contact-info text-center"
        style="display:flex;flex-wrap:wrap;justify-content:center;gap:2.5rem;align-items:center;">
        <div class="contact-item">
          <i class="fa-solid fa-location-dot contact-icon" style="color:#4285F4;"></i>
          <a href="https://maps.app.goo.gl/5UEQfFRH3YrRf4dC6" target="_blank">
            Cl. 17 entre avenidas 5ta y 6ta. #5A-32, La Cabrera, Cúcuta
          </a>
        </div>
      </div>
    </div>
  </section>

  <!-- Footer Moderno -->
  <footer class="footer-modern" style="background: #1d1036;">
    <div class="container style="background: #1d1036;""
      style="display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:2rem;">
      <a href="https://emprendo.com.co/cyne/" target="_blank" class="footer-logo">
                        <img src="assets/img/logocyne.png" alt="Logo EPP" style="height:50px;"></a>
    
      <div style="text-align:center;flex:1;">
        <h3 class="mb-1" style="margin:0;font-weight:bold; color:#fff;">Creemos en lo que creas...</h3>
        <p class="mb-0" style="margin:0;">&copy; CyNe Producciones 2025</p>
      </div>
      <div style="text-align:right;display:flex;gap:1rem;align-items:center;">
        <a href="https://www.instagram.com/cyneproducciones/" target="_blank" title="Instagram">
          <i class="fa-brands fa-instagram" style="color:#C13584;font-size:1.5rem;"></i>
        </a>
        <a href="https://www.youtube.com/@cyneproducciones8692" target="_blank" class="me-2 text-white">
                        <i class="fa-brands fa-youtube" style="color:#FF0000;"></i></a>
        <a href="https://wa.me/573028424064" target="_blank" title="WhatsApp">
          <i class="fa-brands fa-whatsapp" style="color:#25D366;font-size:1.5rem;"></i>
        </a>
      </div>
    </div>
  </footer>

  <script src="js/main.js"></script>
  <noscript>
    <div style="background:#ffdddd;color:#900;padding:1rem;text-align:center;">Advertencia: Para una mejor experiencia
      visual, coloca los archivos de la fuente Corbel en /assets/fonts/.</div>
  </noscript>
</body>

</html>
User / IP	: 216.73.216.159
Host / Server	: 45.84.207.204 / aircan.me
System	: Linux lt-bnk-web1726.main-hosting.eu 5.14.0-611.36.1.el9_7.x86_64 #1 SMP PREEMPT_DYNAMIC Tue Mar 3 11:23:52 EST 2026 x86_64