fanfuso/ide_maqueta_b
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

estructura inicial

Browse Source
This commit is contained in:
fanfuso
2026-08-28 15:31:15 -03:00
parent 38001668e6
commit 6acfe209fe
12 changed files with 2524 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
trabaja.html
+120
View File
@@ -0,0 +1,120 @@
<!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>