preseleccion de sitio
This commit is contained in:
+307
-4
@@ -4,7 +4,7 @@
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>IDE Consultores – Inicio</title>
|
||||
<link rel="stylesheet" href="styles.css" />
|
||||
<link rel="stylesheet" href="/styles/styles.css" />
|
||||
</head>
|
||||
<body>
|
||||
|
||||
@@ -33,6 +33,308 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- CUESTIONARIO DE ORIENTACIÓN -->
|
||||
<!-- ============================================================
|
||||
BLOQUE QUIZ · también disponible en quiz-block.html
|
||||
Estilos y scripts están embebidos en ese archivo para revisión.
|
||||
En producción, mover CSS a styles.css y JS a scripts.js.
|
||||
============================================================ -->
|
||||
|
||||
<section class="quiz-section">
|
||||
<div class="container">
|
||||
|
||||
<div class="quiz-intro fade-in">
|
||||
<p class="eyebrow">Encontrá tu camino</p>
|
||||
<h2>¿Por dónde empezamos?</h2>
|
||||
<p>Cuatro preguntas para entender tu situación y orientarte hacia lo que realmente necesitás.</p>
|
||||
</div>
|
||||
|
||||
<div class="quiz-wrapper fade-in">
|
||||
|
||||
<!-- BARRA DE PROGRESO -->
|
||||
<div class="quiz-progress">
|
||||
<div class="quiz-progress__bar">
|
||||
<div class="quiz-progress__fill" id="quizProgressFill"></div>
|
||||
</div>
|
||||
<span class="quiz-progress__label" id="quizProgressLabel">Pregunta 1 de 4</span>
|
||||
</div>
|
||||
|
||||
<!-- PASO 1 -->
|
||||
<div class="quiz-step active" id="step-1">
|
||||
<p class="quiz-question">¿Qué describe mejor tu situación hoy?</p>
|
||||
<div class="quiz-options">
|
||||
<button class="quiz-opt" data-step="1" data-val="desafio">
|
||||
<span class="quiz-opt__icon">🔍</span>
|
||||
<span class="quiz-opt__body">
|
||||
<strong>Algo no está funcionando</strong>
|
||||
<span>Tengo un problema, pero no sé bien qué solución necesito.</span>
|
||||
</span>
|
||||
</button>
|
||||
<button class="quiz-opt" data-step="1" data-val="objetivo">
|
||||
<span class="quiz-opt__icon">🎯</span>
|
||||
<span class="quiz-opt__body">
|
||||
<strong>Sé qué quiero lograr</strong>
|
||||
<span>Tengo un objetivo claro, pero no sé cómo alcanzarlo.</span>
|
||||
</span>
|
||||
</button>
|
||||
<button class="quiz-opt" data-step="1" data-val="solucion">
|
||||
<span class="quiz-opt__icon">⚙️</span>
|
||||
<span class="quiz-opt__body">
|
||||
<strong>Sé exactamente qué necesito</strong>
|
||||
<span>Busco ISO, PMO, transformación digital u otra solución concreta.</span>
|
||||
</span>
|
||||
</button>
|
||||
<button class="quiz-opt" data-step="1" data-val="conocimiento">
|
||||
<span class="quiz-opt__icon">📚</span>
|
||||
<span class="quiz-opt__body">
|
||||
<strong>Quiero aprender o formarme</strong>
|
||||
<span>Busco formación, capacitación o conocimiento especializado.</span>
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- PASO 2A · desafío -->
|
||||
<div class="quiz-step" id="step-2a">
|
||||
<p class="quiz-question">¿En qué área sentís que algo no funciona como debería?</p>
|
||||
<div class="quiz-options">
|
||||
<button class="quiz-opt" data-step="2a" data-val="gestion">
|
||||
<span class="quiz-opt__icon">📊</span>
|
||||
<span class="quiz-opt__body">
|
||||
<strong>Gestión y procesos</strong>
|
||||
<span>Los procesos no son eficientes o no están claros.</span>
|
||||
</span>
|
||||
</button>
|
||||
<button class="quiz-opt" data-step="2a" data-val="proyectos">
|
||||
<span class="quiz-opt__icon">📌</span>
|
||||
<span class="quiz-opt__body">
|
||||
<strong>Proyectos y resultados</strong>
|
||||
<span>Los proyectos no llegan a destino o se desvían.</span>
|
||||
</span>
|
||||
</button>
|
||||
<button class="quiz-opt" data-step="2a" data-val="personas">
|
||||
<span class="quiz-opt__icon">👥</span>
|
||||
<span class="quiz-opt__body">
|
||||
<strong>Personas y capacidades</strong>
|
||||
<span>El equipo necesita desarrollar nuevas habilidades.</span>
|
||||
</span>
|
||||
</button>
|
||||
<button class="quiz-opt" data-step="2a" data-val="tecnologia">
|
||||
<span class="quiz-opt__icon">🤖</span>
|
||||
<span class="quiz-opt__body">
|
||||
<strong>Tecnología e innovación</strong>
|
||||
<span>La organización necesita digitalizarse o incorporar IA.</span>
|
||||
</span>
|
||||
</button>
|
||||
<button class="quiz-opt" data-step="2a" data-val="nosabe">
|
||||
<span class="quiz-opt__icon">🌐</span>
|
||||
<span class="quiz-opt__body">
|
||||
<strong>No sé bien dónde está el problema</strong>
|
||||
<span>Algo no funciona, pero es difícil de identificar.</span>
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
<button class="quiz-back" onclick="goBack()">← Volver</button>
|
||||
</div>
|
||||
|
||||
<!-- PASO 2B · objetivo -->
|
||||
<div class="quiz-step" id="step-2b">
|
||||
<p class="quiz-question">¿Qué querés lograr?</p>
|
||||
<div class="quiz-options">
|
||||
<button class="quiz-opt" data-step="2b" data-val="mejorar-gestion">
|
||||
<span class="quiz-opt__icon">📈</span>
|
||||
<span class="quiz-opt__body">
|
||||
<strong>Mejorar la gestión y los procesos</strong>
|
||||
<span>Ordenar, optimizar y hacer más eficiente la operación.</span>
|
||||
</span>
|
||||
</button>
|
||||
<button class="quiz-opt" data-step="2b" data-val="profesionalizar-proyectos">
|
||||
<span class="quiz-opt__icon">🏗️</span>
|
||||
<span class="quiz-opt__body">
|
||||
<strong>Profesionalizar la gestión de proyectos</strong>
|
||||
<span>Que los proyectos se entreguen en tiempo y con los resultados esperados.</span>
|
||||
</span>
|
||||
</button>
|
||||
<button class="quiz-opt" data-step="2b" data-val="desarrollar-equipo">
|
||||
<span class="quiz-opt__icon">🌱</span>
|
||||
<span class="quiz-opt__body">
|
||||
<strong>Desarrollar las capacidades del equipo</strong>
|
||||
<span>Que las personas estén preparadas para los desafíos que vienen.</span>
|
||||
</span>
|
||||
</button>
|
||||
<button class="quiz-opt" data-step="2b" data-val="transformar-digital">
|
||||
<span class="quiz-opt__icon">⚡</span>
|
||||
<span class="quiz-opt__body">
|
||||
<strong>Transformar digitalmente la organización</strong>
|
||||
<span>Integrar tecnología e IA de manera estratégica y sostenible.</span>
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
<button class="quiz-back" onclick="goBack()">← Volver</button>
|
||||
</div>
|
||||
|
||||
<!-- PASO 2C · solución concreta -->
|
||||
<div class="quiz-step" id="step-2c">
|
||||
<p class="quiz-question">¿Qué solución estás buscando?</p>
|
||||
<div class="quiz-options">
|
||||
<button class="quiz-opt" data-step="2c" data-val="iso">
|
||||
<span class="quiz-opt__icon">✅</span>
|
||||
<span class="quiz-opt__body">
|
||||
<strong>ISO o sistema de gestión</strong>
|
||||
<span>ISO 9001, 14001, 45001 u otra norma de gestión.</span>
|
||||
</span>
|
||||
</button>
|
||||
<button class="quiz-opt" data-step="2c" data-val="pmo">
|
||||
<span class="quiz-opt__icon">📐</span>
|
||||
<span class="quiz-opt__body">
|
||||
<strong>PMO o gestión de proyectos</strong>
|
||||
<span>Implementar una oficina de proyectos o mejorar su gestión.</span>
|
||||
</span>
|
||||
</button>
|
||||
<button class="quiz-opt" data-step="2c" data-val="formacion">
|
||||
<span class="quiz-opt__icon">🎓</span>
|
||||
<span class="quiz-opt__body">
|
||||
<strong>Formación para mi organización</strong>
|
||||
<span>Capacitación in company o programas de desarrollo.</span>
|
||||
</span>
|
||||
</button>
|
||||
<button class="quiz-opt" data-step="2c" data-val="ia-digital">
|
||||
<span class="quiz-opt__icon">🤖</span>
|
||||
<span class="quiz-opt__body">
|
||||
<strong>Transformación digital e IA</strong>
|
||||
<span>Digitalización de procesos, automatización o IA aplicada.</span>
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
<button class="quiz-back" onclick="goBack()">← Volver</button>
|
||||
</div>
|
||||
|
||||
<!-- PASO 2D · conocimiento -->
|
||||
<div class="quiz-step" id="step-2d">
|
||||
<p class="quiz-question">¿Qué tipo de formación o conocimiento buscás?</p>
|
||||
<div class="quiz-options">
|
||||
<button class="quiz-opt" data-step="2d" data-val="iso-form">
|
||||
<span class="quiz-opt__icon">📋</span>
|
||||
<span class="quiz-opt__body">
|
||||
<strong>Normas ISO y sistemas de gestión</strong>
|
||||
<span>Auditoría interna, implementación de normas, mejora continua.</span>
|
||||
</span>
|
||||
</button>
|
||||
<button class="quiz-opt" data-step="2d" data-val="pm-form">
|
||||
<span class="quiz-opt__icon">📌</span>
|
||||
<span class="quiz-opt__body">
|
||||
<strong>Gestión de proyectos</strong>
|
||||
<span>Herramientas, metodologías, PMP, ágil, híbrido.</span>
|
||||
</span>
|
||||
</button>
|
||||
<button class="quiz-opt" data-step="2d" data-val="liderazgo-form">
|
||||
<span class="quiz-opt__icon">🧭</span>
|
||||
<span class="quiz-opt__body">
|
||||
<strong>Liderazgo y cambio organizacional</strong>
|
||||
<span>Desarrollo de líderes y gestión del cambio.</span>
|
||||
</span>
|
||||
</button>
|
||||
<button class="quiz-opt" data-step="2d" data-val="ia-form">
|
||||
<span class="quiz-opt__icon">🤖</span>
|
||||
<span class="quiz-opt__body">
|
||||
<strong>Inteligencia artificial y tecnología</strong>
|
||||
<span>IA aplicada, transformación digital para equipos no técnicos.</span>
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
<button class="quiz-back" onclick="goBack()">← Volver</button>
|
||||
</div>
|
||||
|
||||
<!-- PASO 3 · urgencia -->
|
||||
<div class="quiz-step" id="step-3">
|
||||
<p class="quiz-question">¿Cómo describirías el momento en que está tu organización?</p>
|
||||
<div class="quiz-options quiz-options--2col">
|
||||
<button class="quiz-opt quiz-opt--compact" data-step="3" data-val="explorando">
|
||||
<span class="quiz-opt__icon">🔭</span>
|
||||
<span class="quiz-opt__body">
|
||||
<strong>Estoy explorando</strong>
|
||||
<span>Todavía en etapa de análisis, sin decisiones tomadas.</span>
|
||||
</span>
|
||||
</button>
|
||||
<button class="quiz-opt quiz-opt--compact" data-step="3" data-val="evaluando">
|
||||
<span class="quiz-opt__icon">⚖️</span>
|
||||
<span class="quiz-opt__body">
|
||||
<strong>Estamos evaluando opciones</strong>
|
||||
<span>Comparando enfoques o proveedores antes de avanzar.</span>
|
||||
</span>
|
||||
</button>
|
||||
<button class="quiz-opt quiz-opt--compact" data-step="3" data-val="listo">
|
||||
<span class="quiz-opt__icon">🚀</span>
|
||||
<span class="quiz-opt__body">
|
||||
<strong>Queremos avanzar pronto</strong>
|
||||
<span>La decisión está tomada, necesitamos un socio para ejecutar.</span>
|
||||
</span>
|
||||
</button>
|
||||
<button class="quiz-opt quiz-opt--compact" data-step="3" data-val="requisito">
|
||||
<span class="quiz-opt__icon">📅</span>
|
||||
<span class="quiz-opt__body">
|
||||
<strong>Tenemos un requisito o plazo</strong>
|
||||
<span>Una certificación, licitación o cliente lo exige.</span>
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
<button class="quiz-back" onclick="goBack()">← Volver</button>
|
||||
</div>
|
||||
|
||||
<!-- PASO 4 · rol -->
|
||||
<div class="quiz-step" id="step-4">
|
||||
<p class="quiz-question">¿Cuál es tu rol en la organización?</p>
|
||||
<div class="quiz-options quiz-options--2col">
|
||||
<button class="quiz-opt quiz-opt--compact" data-step="4" data-val="direccion">
|
||||
<span class="quiz-opt__icon">🏢</span>
|
||||
<span class="quiz-opt__body">
|
||||
<strong>Dirección o Gerencia</strong>
|
||||
<span>CEO, director, gerente general.</span>
|
||||
</span>
|
||||
</button>
|
||||
<button class="quiz-opt quiz-opt--compact" data-step="4" data-val="responsable">
|
||||
<span class="quiz-opt__icon">📂</span>
|
||||
<span class="quiz-opt__body">
|
||||
<strong>Responsable de área</strong>
|
||||
<span>Jefe, coordinador, líder de proceso o proyecto.</span>
|
||||
</span>
|
||||
</button>
|
||||
<button class="quiz-opt quiz-opt--compact" data-step="4" data-val="rrhh">
|
||||
<span class="quiz-opt__icon">👥</span>
|
||||
<span class="quiz-opt__body">
|
||||
<strong>Recursos Humanos</strong>
|
||||
<span>Gestión de personas, formación y desarrollo.</span>
|
||||
</span>
|
||||
</button>
|
||||
<button class="quiz-opt quiz-opt--compact" data-step="4" data-val="otro">
|
||||
<span class="quiz-opt__icon">💼</span>
|
||||
<span class="quiz-opt__body">
|
||||
<strong>Otro rol</strong>
|
||||
<span>Consultor, proveedor, investigador, estudiante.</span>
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
<button class="quiz-back" onclick="goBack()">← Volver</button>
|
||||
</div>
|
||||
|
||||
<!-- RESULTADO -->
|
||||
<div class="quiz-step quiz-result" id="step-result">
|
||||
<div class="quiz-result__icon" id="resultIcon"></div>
|
||||
<p class="quiz-result__profile" id="resultProfile"></p>
|
||||
<h3 class="quiz-result__title" id="resultTitle"></h3>
|
||||
<p class="quiz-result__body" id="resultBody"></p>
|
||||
<div class="quiz-result__chips" id="resultChips"></div>
|
||||
<div class="quiz-result__actions">
|
||||
<a id="resultCTA" href="#" class="btn btn--primary">Ver contenido recomendado</a>
|
||||
<a href="contacto.html" class="btn btn--outline">Hablemos directamente</a>
|
||||
</div>
|
||||
<button class="quiz-restart" onclick="restartQuiz()">Volver a empezar</button>
|
||||
</div>
|
||||
|
||||
</div><!-- /.quiz-wrapper -->
|
||||
</div><!-- /.container -->
|
||||
</section>
|
||||
|
||||
<!-- LA TENSIÓN -->
|
||||
<section class="section section--surface">
|
||||
<div class="container">
|
||||
@@ -164,7 +466,8 @@
|
||||
|
||||
<div id="footer-slot"></div>
|
||||
|
||||
<script src="layout.js"></script>
|
||||
<script src="scripts.js"></script>
|
||||
<script src="scripts/layout.js"></script>
|
||||
<script src="scripts/scripts.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
Reference in New Issue
Block a user