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
somos-ide.html
+176
View File
@@ -0,0 +1,176 @@
<!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>Somos IDE | Identidad, Propósito y Equipo - IDE Consultores</title>
<meta name="description" content="Conocé el origen, propósito, equipo senior y metodología que sustentan el Ecosistema IDE Consultores.">
<meta property="og:title" content="Somos IDE | Identidad, Propósito y Equipo">
<meta property="og:description" content="Un equipo multidisciplinario con sólida trayectoria en gestión de calidad, proyectos, formación y tecnología.">
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<header id="site-header"></header>
<main>
<!-- Hero / Origen y Propósito -->
<section class="section-padding" style="background-color: var(--bg-surface); border-bottom: 1px solid var(--border-color);">
<div class="container container-narrow text-center">
<span class="eyebrow">PROPÓSITO & IDENTIDAD</span>
<h1 style="margin-bottom: 1.5rem;">Miramos las organizaciones como sistemas vivos y conectados.</h1>
<p class="lead-text" style="margin: 0 auto 2rem auto;">
IDE nace de una convicción fundamental: la verdadera transformación organizacional no ocurre acumulando iniciativas aisladas, sino comprendiendo cómo interactúan las personas, los procesos, los proyectos y la tecnología.
</p>
<div class="img-placeholder" style="aspect-ratio: 21/9; margin-top: 2rem;">
<!-- <div class="img-placeholder-icon">🏢</div> -->
<div class="img-placeholder-label">Fotografía Institucional de IDE Consultores</div>
</div>
</div>
</section>
<!-- Cómo Pensamos: La Mirada Sistémica -->
<section class="section-padding">
<div class="container">
<div class="grid-2" style="align-items: center; gap: 3rem;">
<div>
<span class="eyebrow">FILOSOFÍA DE TRABAJO</span>
<h2>No intervenimos en todo. Comprendemos el todo para saber dónde intervenir.</h2>
<p style="font-size: 1.05rem; color: var(--text-body); margin-top: 1rem; line-height: 1.7;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
<p style="font-size: 1rem; color: var(--text-muted); margin-top: 1rem; line-height: 1.6;">
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
</div>
<div>
<div class="card" style="padding: 2.25rem;">
<h3 style="font-size: 1.3rem; margin-bottom: 1rem; color: var(--ide-primary);">Nuestros Principios Guía</h3>
<ul style="list-style: none; display: flex; flex-direction: column; gap: 1rem; font-size: 0.95rem;">
<li style="display: flex; gap: 0.75rem;">
<span style="color: var(--ide-accent); font-weight: bold;">✓</span>
<span><strong>Visión Holística:</strong> Cada intervención evalúa el impacto en el conjunto de la organización.</span>
</li>
<li style="display: flex; gap: 0.75rem;">
<span style="color: var(--ide-accent); font-weight: bold;">✓</span>
<span><strong>Rigor y Pragmatismo:</strong> Normas y metodologías internacionales aplicadas a la realidad operativa diaria.</span>
</li>
<li style="display: flex; gap: 0.75rem;">
<span style="color: var(--ide-accent); font-weight: bold;">✓</span>
<span><strong>Apropiación Humana:</strong> Los cambios perduran sólo si las personas los comprenden y adoptan.</span>
</li>
<li style="display: flex; gap: 0.75rem;">
<span style="color: var(--ide-accent); font-weight: bold;">✓</span>
<span><strong>Transferencia de Capacidades:</strong> No generamos dependencias; formamos a su equipo interno.</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- El Equipo y Perfiles -->
<section class="section-padding bg-subtle-section">
<div class="container">
<div style="text-align: center; max-width: 700px; margin: 0 auto 3rem auto;">
<span class="eyebrow">NUESTRO EQUIPO SENIOR</span>
<h2>Experiencia profesional que sustenta cada intervención</h2>
<p class="lead-text" style="margin: 0 auto;">
Consultores, auditores líderes, directores de proyectos y tecnólogos con décadas de experiencia en el terreno.
</p>
</div>
<div class="grid-3">
<!-- Miembro 1 -->
<div class="card text-center">
<div class="img-placeholder" style="width: 120px; height: 120px; border-radius: 50%; margin: 0 auto 1.25rem auto; padding: 0.5rem;">
<!-- <div class="img-placeholder-icon" style="font-size: 1.5rem; margin: 0;">👤</div> -->
</div>
<h3 style="font-size: 1.2rem; margin-bottom: 0.25rem;">Juan Perez</h3>
<div style="font-size: 0.85rem; font-weight: 700; color: var(--ide-primary); margin-bottom: 0.75rem;">Director General & Líder de IDE Excellence</div>
<p style="font-size: 0.88rem; color: var(--text-muted); line-height: 1.5; margin-bottom: 1rem;">
Auditor Líder IRCA en ISO 9001, 14001 y 45001. Más de 20 años asesorando a industrias de manufactura y servicios en Latinoamérica.
</p>
<div style="font-size: 0.8rem; color: var(--ide-accent); font-weight: 600;">Especialidad: Gestión de Procesos & Calidad</div>
</div>
<!-- Miembro 2 -->
<div class="card text-center">
<div class="img-placeholder" style="width: 120px; height: 120px; border-radius: 50%; margin: 0 auto 1.25rem auto; padding: 0.5rem;">
<!-- <div class="img-placeholder-icon" style="font-size: 1.5rem; margin: 0;">👤</div> -->
</div>
<h3 style="font-size: 1.2rem; margin-bottom: 0.25rem;">Maria Martinez</h3>
<div style="font-size: 0.85rem; font-weight: 700; color: var(--ide-accent); margin-bottom: 0.75rem;">Líder de IDE Project & PMO</div>
<p style="font-size: 0.88rem; color: var(--text-muted); line-height: 1.5; margin-bottom: 1rem;">
Certificada PMP® y Scrum Master. Ha liderado la implementación de Oficinas de Gestión de Proyectos en empresas del sector energético y tecnológico.
</p>
<div style="font-size: 0.8rem; color: var(--ide-accent); font-weight: 600;">Especialidad: PMO & Metodologías Ágiles</div>
</div>
<!-- Miembro 3 -->
<div class="card text-center">
<div class="img-placeholder" style="width: 120px; height: 120px; border-radius: 50%; margin: 0 auto 1.25rem auto; padding: 0.5rem;">
<!-- <div class="img-placeholder-icon" style="font-size: 1.5rem; margin: 0;">👤</div> -->
</div>
<h3 style="font-size: 1.2rem; margin-bottom: 0.25rem;">Carlos Garcia</h3>
<div style="font-size: 0.85rem; font-weight: 700; color: #6366F1; margin-bottom: 0.75rem;">Líder de IDE Digital & Academy</div>
<p style="font-size: 0.88rem; color: var(--text-muted); line-height: 1.5; margin-bottom: 1rem;">
Magíster en Transformación Digital e Innovación. Especialista en automatización inteligente de flujos y diseño de programas de formación ejecutiva.
</p>
<div style="font-size: 0.8rem; color: var(--ide-accent); font-weight: 600;">Especialidad: IA Aplicada & Aprendizaje Organizacional</div>
</div>
</div>
</div>
</section>
<!-- Marcos de Referencia y Metodologías -->
<section class="section-padding">
<div class="container">
<div style="text-align: center; margin-bottom: 3rem;">
<span class="eyebrow">ESTÁNDARES GLOBALES</span>
<h2>Marcos y metodologías en los que nos basamos</h2>
</div>
<div class="grid-4" style="text-align: center;">
<div class="card">
<h4 style="color: var(--ide-primary); margin-bottom: 0.5rem;">Normas ISO</h4>
<p style="font-size: 0.85rem; color: var(--text-muted);">ISO 9001, 14001, 45001, 21001, 27001 con enfoque de valor y gobernanza.</p>
</div>
<div class="card">
<h4 style="color: var(--ide-accent); margin-bottom: 0.5rem;">PMI & Agile</h4>
<p style="font-size: 0.85rem; color: var(--text-muted);">PMBOK®, Scrum, Kanban y marcos híbridos adaptados a proyectos complejos.</p>
</div>
<div class="card">
<h4 style="color: #ed8d01; margin-bottom: 0.5rem;">Adult Learning</h4>
<p style="font-size: 0.85rem; color: var(--text-muted);">Diseño instruccional para adultos, casos prácticos y aprendizaje experiencial.</p>
</div>
<div class="card">
<h4 style="color: #2c69ab; margin-bottom: 0.5rem;">IA & Automatización</h4>
<p style="font-size: 0.85rem; color: var(--text-muted);">Integración ética de IA, análisis de datos y reingeniería de flujos de trabajo.</p>
</div>
</div>
</div>
</section>
<!-- CTA Final -->
<section class="section-padding-sm bg-subtle-section">
<div class="container text-center">
<h2 style="font-size: 2rem; margin-bottom: 1rem;">Construyamos una solución a la medida de tu organización</h2>
<p class="lead-text" style="margin: 0 auto 2rem auto;">
Contactanos para evaluar cómo nuestro equipo multidisciplinario puede aportar valor en tu próximo desafío.
</p>
<a href="contacto.html" class="btn btn-primary btn-lg">HABLEMOS</a>
</div>
</section>
</main>
<footer id="site-footer"></footer>
<script src="js/main.js"></script>
</body>
</html>