309 lines
14 KiB
HTML
309 lines
14 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="es" data-theme="light">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>IDE Academy | Formación Ejecutiva e In-Company - IDE Consultores</title>
|
|
<meta name="description" content="Desarrollamos las capacidades que hacen posible la transformación organizacional. Cursos ejecutivos y formación In-Company en Calidad, Proyectos e IA.">
|
|
<meta property="og:title" content="IDE Academy | Formación Ejecutiva e In-Company">
|
|
<meta property="og:description" content="Programas aplicados de gestión de calidad ISO, PMO y metodologías ágiles, y adopción de IA en procesos.">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
|
|
<link rel="icon" type="image/x-icon" href="assets/img/favicon.png">
|
|
<link rel="stylesheet" href="css/styles.css">
|
|
</head>
|
|
<body>
|
|
|
|
<header id="site-header"></header>
|
|
|
|
<main>
|
|
|
|
<!-- Seccion 1: Hero -->
|
|
<section class="section-padding-md herobg-6">
|
|
<div class="container container-wide">
|
|
<div class="hero-grid">
|
|
<div>
|
|
<span class="eyebrow" style="text-transform: uppercase; color: white; font-style: italic;">
|
|
Executive Learning & Capability Development
|
|
</span>
|
|
<h1 style="margin-bottom: 0.8rem; line-height: 1.1; color: white;">
|
|
Desarrollamos capacidades para gestionar, liderar y transformar.
|
|
</h1>
|
|
<p class="lead-text" style="margin-bottom: 2.5rem; color: white;">
|
|
Diseñamos experiencias de aprendizaje que conectan conocimiento, práctica y contexto para fortalecer las capacidades que profesionales, equipos y organizaciones necesitan para convertir el aprendizaje en acción.
|
|
</p>
|
|
|
|
<!-- Hero Actions -->
|
|
<div class="hero-actions" style="display: flex; gap: 1rem; flex-wrap: wrap; align-items: center;">
|
|
<span class="eyebrow" style="text-transform: uppercase; color: white;">
|
|
Ecosistema
|
|
</span>
|
|
<a href="ecosistema.html#eco-excellence" class="btn btn-primary btn-cta-unificado"
|
|
style="border-radius: 50px; display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 1rem;">
|
|
EXCELLENCE
|
|
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
|
|
stroke-linecap="round" stroke-linejoin="round">
|
|
<circle cx="12" cy="12" r="10"></circle>
|
|
<polyline points="12 16 16 12 12 8"></polyline>
|
|
<line x1="8" y1="12" x2="16" y2="12"></line>
|
|
</svg>
|
|
</a>
|
|
<a href="ecosistema.html#eco-projects" class="btn btn-primary btn-cta-unificado"
|
|
style="border-radius: 50px; display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 1rem;">
|
|
PROJECTS
|
|
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
|
|
stroke-linecap="round" stroke-linejoin="round">
|
|
<circle cx="12" cy="12" r="10"></circle>
|
|
<polyline points="12 16 16 12 12 8"></polyline>
|
|
<line x1="8" y1="12" x2="16" y2="12"></line>
|
|
</svg>
|
|
</a>
|
|
<a href="ecosistema.html#eco-digital" class="btn btn-primary btn-cta-unificado"
|
|
style="border-radius: 50px; display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 1rem;">
|
|
DIGITAL
|
|
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
|
|
stroke-linecap="round" stroke-linejoin="round">
|
|
<circle cx="12" cy="12" r="10"></circle>
|
|
<polyline points="12 16 16 12 12 8"></polyline>
|
|
<line x1="8" y1="12" x2="16" y2="12"></line>
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="hero-visual"
|
|
style="width: 100%; height: 500px; position: relative; display: flex; justify-content: center; align-items: center;">
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Seccion 2:Aprender con IDE -->
|
|
<section class="section-padding-md bg4">
|
|
<div class="container">
|
|
<div style="display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 2.5rem; flex-wrap: wrap; gap: 1rem;">
|
|
<div>
|
|
<span class="eyebrow-a">APRENDER CON IDE</span>
|
|
<h2>Conocimiento que se conecta con la práctica</h2>
|
|
</div>
|
|
</div>
|
|
<!--Tarjetas descriptivas-->
|
|
<div class="grid-5 cc01">
|
|
<div class="card academy-card">
|
|
<div class="curso-header">
|
|
<span class="icono-academy-contexto"></span>
|
|
<h4>CONTEXTO REAL</h4>
|
|
</div>
|
|
<div class="curso-body">
|
|
<p>Trabajamos sobre situaciones, desafíos y decisiones que forman parte de la realidad profesional y organizacional.</p>
|
|
</div>
|
|
<div class="curso-footer">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card academy-card">
|
|
<div class="curso-header">
|
|
<span class="icono-academy-aprende"></span>
|
|
<h4>APRENDER HACIENDO</h4>
|
|
</div>
|
|
<div class="curso-body">
|
|
<p>Casos, herramientas y experiencias permiten llevar los conceptos a la práctica durante el proceso de aprendizaje.</p>
|
|
</div>
|
|
<div class="curso-footer">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card academy-card">
|
|
<div class="curso-header">
|
|
<span class="icono-academy-integral"></span>
|
|
<h4>MIRADA INTEGRAL</h4>
|
|
</div>
|
|
<div class="curso-body">
|
|
<p>Conectamos gestión, proyectos, personas, procesos y tecnología para comprender cada tema más allá de una única disciplina.</p>
|
|
</div>
|
|
<div class="curso-footer">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card academy-card">
|
|
<div class="curso-header">
|
|
<span class="icono-academy-enriquece"></span>
|
|
<h4>COMUNIDAD</h4>
|
|
</div>
|
|
<div class="curso-body">
|
|
<p>La experiencia y las perspectivas de quienes participan también forman parte del aprendizaje.</p>
|
|
</div>
|
|
<div class="curso-footer">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card academy-card">
|
|
<div class="curso-header">
|
|
<span class="icono-academy-aplicacion"></span>
|
|
<h4>APLICACIÓN CONTINUA</h4>
|
|
</div>
|
|
<div class="curso-body">
|
|
<p>Buscamos que cada experiencia deje herramientas, criterios y capacidades que puedan seguir utilizándose después del curso.</p>
|
|
</div>
|
|
<div class="curso-footer">
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!--Seccion 3:Cursos-->
|
|
<section class="section-padding-sm contact-parallax-section" id="cursos-destacados">
|
|
<div class="parallax-wrapper" aria-hidden="true">
|
|
<div id="contact-parallax-bg" class="parallax-bg-layer4"></div>
|
|
<div class="parallax-overlay"></div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="cursos-layout">
|
|
|
|
<!-- Columna 1: Texto -->
|
|
<div class="cursos-intro">
|
|
<span class="eyebrow-a">PRÓXIMAS EXPERIENCIAS</span>
|
|
<h2>Elegí qué capacidad querés desarrollar.</h2>
|
|
<p class="lead-text">
|
|
Cursos y programas diseñados para conectar conocimiento y práctica, con herramientas que podés llevar a tu realidad profesional desde el primer día.
|
|
</p>
|
|
</div>
|
|
|
|
<!-- Columnas 2, 3 y 4: Tarjetas inyectadas por JS -->
|
|
<div class="cursos-cards" id="academy-courses-container">
|
|
<!-- Fallback en caso de demora de fetch -->
|
|
<div class="card text-center" style="grid-column: 1 / -1; padding: 2rem;">
|
|
<p style="color: var(--text-muted);">Cargando catálogo de programas formativos...</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Sección 4: Formación In-Company a Medida -->
|
|
<section class="section-padding-md bg-subtle-section">
|
|
<div class="container" style="margin-bottom: 2.5rem;">
|
|
<div class="incompany-card">
|
|
|
|
<!-- Col 1: Títulos y texto -->
|
|
<div class="incompany-card__intro">
|
|
<span class="eyebrow-a">FORMACIÓN A MEDIDA</span>
|
|
<h2>Formación In-Company</h2>
|
|
<p class="incompany-card__lead">
|
|
Diseñamos experiencias a medida, alineadas a los objetivos de tu organizacion para desarrollar las capacidades que necesitas.
|
|
</p>
|
|
</div>
|
|
|
|
<!-- Col 2: Bullets + CTA -->
|
|
<div class="incompany-card__formats">
|
|
<p class="incompany-card__subtitle">Podemos diseñar:</p>
|
|
<ul class="incompany-card__list">
|
|
<li><i class="fa-solid fa-tag"></i> Cursos</li>
|
|
<li><i class="fa-solid fa-tag"></i> Workshops</li>
|
|
<li><i class="fa-solid fa-tag"></i> Programas</li>
|
|
<li><i class="fa-solid fa-tag"></i> Rutas de Aprendizaje</li>
|
|
</ul>
|
|
<a href="ecosistema.html#eco-excellence" class="btn btn-academy"
|
|
style="border-radius: 50px; display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 1rem; max-width: 200px;">
|
|
HABLEMOS
|
|
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
|
|
stroke-linecap="round" stroke-linejoin="round">
|
|
<circle cx="12" cy="12" r="10"></circle>
|
|
<polyline points="12 16 16 12 12 8"></polyline>
|
|
<line x1="8" y1="12" x2="16" y2="12"></line>
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- Col 3: Imagen a sangre -->
|
|
<div class="incompany-card__visual" aria-hidden="true"></div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="campus-banner">
|
|
|
|
<!-- Col 1: Intro -->
|
|
<div class="campus-banner__intro">
|
|
<span class="eyebrow campus-banner__eyebrow">CAMPUS VIRTUAL</span>
|
|
<h2 class="campus-banner__title">¿Ya sos parte de IDE Academy?</h2>
|
|
<p class="campus-banner__lead">
|
|
Accedé a tus cursos, materiales y actividades desde nuestro entorno de aprendizaje.
|
|
</p>
|
|
</div>
|
|
|
|
<!-- Col 2: Acceso al Campus -->
|
|
<div class="campus-banner__access">
|
|
<div class="campus-banner__icon">
|
|
<i class="fa-solid fa-graduation-cap"></i>
|
|
</div>
|
|
<h3 class="campus-banner__access-title">Campus IDE</h3>
|
|
<p class="campus-banner__access-desc">
|
|
Tus cursos, materiales y actividades desde nuestro entorno virtual.
|
|
</p>
|
|
<a href="https://campus.ideconsultores.com.ar" target="_blank" rel="noopener noreferrer"
|
|
class="btn btn-academy2 curso-card__cta"
|
|
style="border-radius: 50px; display: flex; align-items: center; justify-content: center; gap: 0.5rem; padding: 0.5rem 1rem; width: fit-content; text-decoration: none;">
|
|
Ingresar al Campus
|
|
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
<circle cx="12" cy="12" r="10"></circle>
|
|
<polyline points="12 16 16 12 12 8"></polyline>
|
|
<line x1="8" y1="12" x2="16" y2="12"></line>
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- Col 3: Recursos y Herramientas -->
|
|
<div class="campus-banner__access">
|
|
<div class="campus-banner__icon">
|
|
<i class="fa-solid fa-folder-open"></i>
|
|
</div>
|
|
<h3 class="campus-banner__access-title">Recursos y Herramientas</h3>
|
|
<p class="campus-banner__access-desc">
|
|
Descargables, plantillas y guías para aplicar en tu día a día.
|
|
</p>
|
|
<a href="https://campus.ideconsultores.com.ar" target="_blank" rel="noopener noreferrer"
|
|
class="btn btn-academy2 curso-card__cta"
|
|
style="border-radius: 50px; display: flex; align-items: center; justify-content: center; gap: 0.5rem; padding: 0.5rem 1rem; width: fit-content; text-decoration: none;">
|
|
Ver Recursos
|
|
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
<circle cx="12" cy="12" r="10"></circle>
|
|
<polyline points="12 16 16 12 12 8"></polyline>
|
|
<line x1="8" y1="12" x2="16" y2="12"></line>
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- MODAL DE DETALLE DE FICHA TÉCNICA DE CURSO -->
|
|
<div id="modal-course-view" class="modal-backdrop" role="dialog" aria-modal="true">
|
|
<div class="modal-window">
|
|
<button class="modal-close-btn" aria-label="Cerrar modal">✕</button>
|
|
<div id="modal-course-category" class="eyebrow">PROGRAMA EJECUTIVO</div>
|
|
<h3 id="modal-course-title" style="margin-bottom: 1.25rem; color: var(--ide-primary);">Título del Curso</h3>
|
|
|
|
<div id="modal-course-details">
|
|
<!-- Contenido inyectado dinámicamente -->
|
|
</div>
|
|
|
|
<div style="display: flex; justify-content: flex-end; gap: 0.75rem; border-top: 1px solid var(--border-color); padding-top: 1.25rem;">
|
|
<button class="btn btn-ghost btn-sm" data-close-modal>Cerrar</button>
|
|
<a id="modal-course-cta" href="contacto.html" class="btn btn-primary btn-sm">
|
|
Consultar por próximas fechas o In-Company
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</main>
|
|
|
|
<footer id="site-footer"></footer>
|
|
<script src="js/main.js"></script>
|
|
</body>
|
|
</html>
|