121 lines
4.7 KiB
HTML
121 lines
4.7 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="es">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<title>Trabajá con nosotros – IDE Consultores</title>
|
||
<link rel="stylesheet" href="styles.css" />
|
||
<style>
|
||
.pillar { display:flex; gap:1rem; align-items:flex-start; }
|
||
.pillar__icon { font-size:1.5rem; flex-shrink:0; }
|
||
</style>
|
||
</head>
|
||
<body>
|
||
|
||
<div id="navbar-slot"></div>
|
||
|
||
<main>
|
||
|
||
<header class="page-header">
|
||
<div class="container">
|
||
<p class="eyebrow">Equipo IDE</p>
|
||
<h1>Trabajá con nosotros</h1>
|
||
<p>Buscamos personas que disfruten comprender antes de proponer, y que encuentren valor en el trabajo que mejora organizaciones reales.</p>
|
||
</div>
|
||
</header>
|
||
|
||
<section class="section">
|
||
<div class="container">
|
||
<div style="display:grid; grid-template-columns:1fr 1fr; gap:3rem;">
|
||
|
||
<div class="fade-in">
|
||
<p class="eyebrow">La cultura IDE</p>
|
||
<h2 style="font-size:1.6rem; margin-bottom:1.5rem;">Un lugar para quienes piensan en sistemas.</h2>
|
||
|
||
<div style="display:flex; flex-direction:column; gap:1.25rem;">
|
||
<div class="pillar">
|
||
<div class="pillar__icon">🔍</div>
|
||
<div>
|
||
<h3>Curiosidad metodológica</h3>
|
||
<p style="font-size:0.88rem;">Nos importa entender cómo funcionan las cosas, no solo aplicar recetas.</p>
|
||
</div>
|
||
</div>
|
||
<div class="pillar">
|
||
<div class="pillar__icon">🤝</div>
|
||
<div>
|
||
<h3>Trabajo colaborativo</h3>
|
||
<p style="font-size:0.88rem;">Los proyectos mejoran cuando se construyen en equipo, con diversidad de miradas.</p>
|
||
</div>
|
||
</div>
|
||
<div class="pillar">
|
||
<div class="pillar__icon">📈</div>
|
||
<div>
|
||
<h3>Compromiso con el resultado</h3>
|
||
<p style="font-size:0.88rem;">Medimos nuestro trabajo por el impacto que genera en las organizaciones que acompañamos.</p>
|
||
</div>
|
||
</div>
|
||
<div class="pillar">
|
||
<div class="pillar__icon">🌱</div>
|
||
<div>
|
||
<h3>Aprendizaje continuo</h3>
|
||
<p style="font-size:0.88rem;">La formación no es solo para nuestros clientes. Es parte de nuestra forma de trabajar.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="fade-in">
|
||
<p class="eyebrow">Postulación</p>
|
||
<h2 style="font-size:1.4rem; margin-bottom:1.5rem;">¿Querés sumarte?</h2>
|
||
|
||
<form class="contact-form" action="mailto:info@ideconsultores.com.ar" method="post">
|
||
|
||
<div class="form-group">
|
||
<label for="nombre-t">Nombre completo *</label>
|
||
<input type="text" id="nombre-t" name="nombre" required placeholder="Tu nombre" />
|
||
</div>
|
||
|
||
<div class="form-group">
|
||
<label for="email-t">Email *</label>
|
||
<input type="email" id="email-t" name="email" required placeholder="tu@email.com" />
|
||
</div>
|
||
|
||
<div class="form-group">
|
||
<label for="linkedin">LinkedIn o CV (URL o adjunto)</label>
|
||
<input type="text" id="linkedin" name="linkedin" placeholder="https://linkedin.com/in/tu-perfil" />
|
||
</div>
|
||
|
||
<div class="form-group">
|
||
<label for="area">Área de interés *</label>
|
||
<select id="area" name="area" required>
|
||
<option value="" disabled selected>Seleccioná un área</option>
|
||
<option>Excellence (ISO y Sistemas de Gestión)</option>
|
||
<option>Project (Gestión de Proyectos / PMO)</option>
|
||
<option>Academy (Formación y Desarrollo)</option>
|
||
<option>Digital (Transformación Digital e IA)</option>
|
||
<option>Administración y Operaciones</option>
|
||
<option>Otro</option>
|
||
</select>
|
||
</div>
|
||
|
||
<div class="form-group">
|
||
<label for="mensaje-t">Contanos un poco de vos</label>
|
||
<textarea id="mensaje-t" name="mensaje" placeholder="¿Por qué te interesa IDE? ¿Cuál es tu experiencia?"></textarea>
|
||
</div>
|
||
|
||
<button type="submit" class="btn btn--primary" style="width:100%; justify-content:center;">Enviar postulación</button>
|
||
</form>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
</main>
|
||
|
||
<div id="footer-slot"></div>
|
||
<script src="layout.js"></script>
|
||
<script src="scripts.js"></script>
|
||
</body>
|
||
</html>
|