rf-v4.13-site finish
This commit is contained in:
+124
-72
@@ -17,78 +17,129 @@
|
||||
|
||||
<main>
|
||||
|
||||
<!-- Header Trabaja con Nosotros -->
|
||||
<section class="section-padding hero-video-section" style="background-color: var(--bg-surface); border-bottom: 1px solid var(--border-color); position: relative; overflow: hidden; min-height: 400px;">
|
||||
|
||||
<!-- Video de fondo -->
|
||||
<video autoplay muted loop playsinline style="
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
opacity: 0.15;
|
||||
z-index: 0;
|
||||
pointer-events: none;
|
||||
">
|
||||
<source src="/assets/video/desktop_working.mp4" type="video/mp4">
|
||||
Tu navegador no soporta videos.
|
||||
</video>
|
||||
|
||||
<!-- Overlay oscuro opcional para mejor contraste -->
|
||||
<div style="
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(19, 167, 138, 0.5);
|
||||
z-index: 1;
|
||||
"></div>
|
||||
|
||||
<!-- Contenido -->
|
||||
<div class="container container-narrow text-center" style="position: relative; z-index: 2;">
|
||||
<span class="eyebrow" style="color: var(--text-main)">TELENTO & RED</span>
|
||||
<h1 style="margin-bottom: 1.25rem; color:var(--text-main);">Sumá tu experiencia al Ecosistema IDE</h1>
|
||||
<p class="lead-text" style="color:var(--text-main)">
|
||||
Construimos una red de profesionales y especialistas con experiencias diversas y una forma compartida de entender la gestión: comprender el contexto, conectar capacidades y generar valor desde la práctica.
|
||||
</p>
|
||||
<!-- Seccion 1: Hero -->
|
||||
<section class="section-padding herobg-8">
|
||||
<div class="container">
|
||||
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center;">
|
||||
<div>
|
||||
<span class="eyebrow" style="text-transform: uppercase;">TRABAJÁ CON NOSOTROS</span>
|
||||
<h1 style="margin-bottom: 1.25rem; color:white">
|
||||
Sumemos capacidades <br>para <span style="color: var(--ide-accent);">ir más lejos</span>
|
||||
</h1>
|
||||
<p class="lead-text" style="color:white">
|
||||
En IDE creemos en el poder de las alianzas. Construimos una red de profesionales y especialistas con experiencias
|
||||
diversas y una forma compartida de entender la gestión: comprender el contexto, conectar capacidades y generar
|
||||
valor desde la práctica.”
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Cultura y Formulario de Postulación -->
|
||||
<section class="section-padding">
|
||||
<!-- Seccion 2: ¿Por qué sumarte? -->
|
||||
<section class="section-padding-md">
|
||||
<div class="container">
|
||||
|
||||
<div class="grid-2" style="gap: 3.5rem; align-items: flex-start;">
|
||||
|
||||
<!-- Cultura y Áreas -->
|
||||
<div>
|
||||
<span class="eyebrow">NUESTRA FORMA DE TRABAJAR</span>
|
||||
<h2>Experiencias diferentes. <br>Una construcción compartida.</h2>
|
||||
<p style="font-size: 1rem; color: var(--text-body); line-height: 1.65; margin: 1rem 0 1.5rem 0;">
|
||||
Creemos en el trabajo colaborativo, el intercambio de perspectivas y la complementariedad de capacidades. Valoramos la curiosidad, el criterio profesional, la escucha y el compromiso con generar soluciones que tengan sentido para cada contexto.</p>
|
||||
<div class="sumarte-grid">
|
||||
|
||||
<div class="card" style="margin-bottom: 1.5rem; padding: 1.5rem;">
|
||||
<h3 style="font-size: 1.15rem; color: var(--ide-primary); margin-bottom: 0.75rem;">¿DÓNDE PODÉS SUMAR VALOR?</h3>
|
||||
<ul style="list-style: none; display: flex; flex-direction: column; gap: 0.6rem; font-size: 0.9rem; color: var(--text-muted);">
|
||||
<li>• <strong>IDE Excellence:</strong> Gestión · Procesos · Mejora continua · Sistemas de gestión · Sostenibilidad</li>
|
||||
<li>• <strong>IDE Project:</strong> Gestión de proyectos · PMO · Planificación · Riesgos · Agilidad</li>
|
||||
<li>• <strong>IDE Digital:</strong> Digitalización · Automatización · Inteligencia Artificial · Datos · Business Intelligence</li>
|
||||
<li>• <strong>IDE Academy:</strong> Facilitación · Formación ejecutiva · Diseño de experiencias de aprendizaje · Desarrollo de capacidades</li>
|
||||
<li>• <strong>¿Tu especialidad no aparece acá?</strong> También queremos conocerla. El Ecosistema puede crecer incorporando nuevas capacidades.</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
<div class="card-trabajo"></div>
|
||||
<!-- G1: Eyebrow -->
|
||||
<div class="sumarte-intro">
|
||||
<span class="eyebrow">¿POR QUÉ SUMARTE?</span>
|
||||
</div>
|
||||
|
||||
<!-- Formulario de Talento -->
|
||||
<div class="card" style="padding: clamp(1.75rem, 4vw, 2.5rem);">
|
||||
<h3 style="font-size: 1.35rem; margin-bottom: 0.5rem; color: var(--ide-accent-hover);">CONECTEMOS CAPACIDADES</h3>
|
||||
<p style="font-size: 0.88rem; color: var(--text-muted); margin-bottom: 1.75rem;">
|
||||
Si compartís nuestra forma de entender la gestión y creés que tu experiencia puede complementar las capacidades del Ecosistema, queremos conocerte.<br> Compartinos tus datos para conocerte y considerarte en futuras oportunidades de colaboración.
|
||||
<!-- G2: Proyectos con impacto -->
|
||||
<div class="sumarte-card">
|
||||
<div class="sumarte-card__icon">
|
||||
<i class="fa-solid fa-handshake"></i>
|
||||
</div>
|
||||
<h3 class="sumarte-card__title">Proyectos con impacto</h3>
|
||||
<p class="sumarte-card__desc">
|
||||
Participá en iniciativas que generan valor real en organizaciones de distintos sectores.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<!-- G3: Trabajo colaborativo -->
|
||||
<div class="sumarte-card">
|
||||
<div class="sumarte-card__icon">
|
||||
<i class="fa-solid fa-people-group"></i>
|
||||
</div>
|
||||
<h3 class="sumarte-card__title">Trabajo colaborativo</h3>
|
||||
<p class="sumarte-card__desc">
|
||||
Formá parte de un equipo interdisciplinario y de una red de profesionales de excelencia.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<!-- G4: Desarrollo profesional -->
|
||||
<div class="sumarte-card">
|
||||
<div class="sumarte-card__icon">
|
||||
<i class="fa-solid fa-bullseye"></i>
|
||||
</div>
|
||||
<h3 class="sumarte-card__title">Desarrollo profesional</h3>
|
||||
<p class="sumarte-card__desc">
|
||||
Accedé a proyectos desafiantes, intercambio de conocimiento y aprendizaje continuo.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<!-- G5: Flexibilidad -->
|
||||
<div class="sumarte-card">
|
||||
<div class="sumarte-card__icon">
|
||||
<i class="fa-solid fa-gear"></i>
|
||||
</div>
|
||||
<h3 class="sumarte-card__title">Flexibilidad</h3>
|
||||
<p class="sumarte-card__desc">
|
||||
Colaborá en función de tus intereses, disponibilidad y experiencia.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Seccion 3: Nuestra forma de trabajar -->
|
||||
<section class="section-padding-xs">
|
||||
<div class="container">
|
||||
<div class="forma-trabajar">
|
||||
|
||||
<!-- Col 1: Título -->
|
||||
<div class="forma-trabajar__intro">
|
||||
<span class="eyebrow">NUESTRA FORMA DE TRABAJAR</span>
|
||||
<h2 class="forma-trabajar__title">
|
||||
Experiencias diferentes.<br>
|
||||
Una construcción compartida.
|
||||
</h2>
|
||||
</div>
|
||||
|
||||
<!-- Divisor vertical -->
|
||||
<div class="forma-trabajar__divider" aria-hidden="true"></div>
|
||||
|
||||
<!-- Col 2: Texto en estilo quote -->
|
||||
<div class="forma-trabajar__quote">
|
||||
<span class="forma-trabajar__quote-mark" aria-hidden="true">"</span>
|
||||
<p class="forma-trabajar__quote-lead">
|
||||
Creemos en el trabajo colaborativo, el intercambio de perspectivas y la complementariedad de capacidades.
|
||||
</p>
|
||||
<p class="forma-trabajar__quote-body">
|
||||
Valoramos la curiosidad, el criterio profesional, la escucha y el compromiso con generar soluciones que tengan sentido para cada contexto.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Seccion 4: Formulario -->
|
||||
<section class="section-padding-md careers-form-section">
|
||||
<div class="container">
|
||||
|
||||
<!-- Imagen de fondo fundida a la derecha -->
|
||||
<div class="careers-form-section__bg" aria-hidden="true"></div>
|
||||
|
||||
<!-- Formulario (desplazado a la izquierda) -->
|
||||
<div class="careers-form-wrap">
|
||||
<div class="card careers-form-card">
|
||||
<h3 class="careers-form-card__title">CONECTEMOS CAPACIDADES</h3>
|
||||
<p class="careers-form-card__lead">
|
||||
Si compartís nuestra forma de entender la gestión y creés que tu experiencia puede complementar las capacidades del Ecosistema, queremos conocerte.<br>
|
||||
Compartinos tus datos para considerarte en futuras oportunidades de colaboración.
|
||||
</p>
|
||||
|
||||
<form id="ide-careers-form">
|
||||
@@ -129,19 +180,20 @@
|
||||
<div class="form-group">
|
||||
<label for="careers-mensaje" class="form-label">Breve presentación o trayectoria destacada</label>
|
||||
<textarea id="careers-mensaje" name="mensaje" class="form-control" rows="3" placeholder="Contanos brevemente sobre tu experiencia y cómo podrías sumar valor a IDE..."></textarea>
|
||||
|
||||
<p style="font-size: 0.88rem; color: var(--text-muted); margin-bottom: 1.75rem;">
|
||||
* campos obligatorios.<br> <i>La información que compartas será utilizada únicamente para gestionar tu contacto con IDE.</i></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button type="submit" class="btn btn-accent btn-lg" style="width: 100%; margin-top: 0.5rem;">
|
||||
SUMARME A LA RED IDE →
|
||||
<p class="careers-form-card__note">
|
||||
* campos obligatorios.<br>
|
||||
<i>La información que compartas será utilizada únicamente para gestionar tu contacto con IDE.</i>
|
||||
</p>
|
||||
|
||||
<button type="submit" class="btn btn-primary btn-cta-unificado" style="margin-top: 0.5rem;">
|
||||
SUMARME A LA RED IDE
|
||||
</button>
|
||||
|
||||
<div id="careers-form-alert" class="form-alert"></div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user