rf-v4.14 - site ready - demo upload
This commit is contained in:
+59
-62
@@ -17,51 +17,37 @@
|
||||
|
||||
<main>
|
||||
|
||||
<!-- Header Academy -->
|
||||
<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 id="hero-bg-video" muted loop playsinline style="
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
opacity: 0.2;
|
||||
z-index: 0;
|
||||
pointer-events: none;
|
||||
">
|
||||
<source src="./assets/video/paper.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>
|
||||
<div class="container container-narrow text-center" style="position: relative; z-index: 2;">
|
||||
<span class="eyebrow" style="color: var(--text-main);">CONOCIMIENTO & PERSPECTIVAS</span>
|
||||
<h1 style="margin-bottom: 1.25rem;">Ideas para comprender, conectar <br>y transformar</h1>
|
||||
<p class="lead-text" style="color: var(--text-main); margin-bottom: 1.5rem;">
|
||||
Explorar nuevas perspectivas también es una forma de transformar. <br>En IDE Insights compartimos tendencias, conexiones, herramientas y opiniones para ampliar la mirada sobre la gestión, generar nuevos criterios y tomar decisiones con mayor fundamento.
|
||||
</p>
|
||||
<div style="display: flex; justify-content: center; gap: 1rem; flex-wrap: wrap;">
|
||||
<a href="https://blog.ideconsultores.com.ar" target="_blank" rel="noopener noreferrer" class="btn btn-outline-cta btn-sm">
|
||||
EXPLORAR IDE INSIGHTS <!--en WordPress--> ↗
|
||||
</a>
|
||||
<!-- Seccion 1: Hero -->
|
||||
<section class="section-padding herobg-10">
|
||||
<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;">CONOCIMIENTO & PERSPECTIVAS</span>
|
||||
<h1 style="margin-bottom: 1.25rem; color:white">
|
||||
Ideas para comprender, conectar y transformar.
|
||||
</h1>
|
||||
<p class="lead-text" style="color:white">
|
||||
Explorar nuevas perspectivas también es una forma de transformar.
|
||||
En IDE Insights compartimos tendencias, conexiones, herramientas y opiniones para ampliar la mirada sobre la gestión, generar nuevos criterios y tomar decisiones con mayor fundamento.
|
||||
</p>
|
||||
<a href="https://blog.ideconsultores.com.ar" class="btn btn-cta-unificado"
|
||||
style="border-radius: 50px; align-items: center; gap: 0.5rem; margin-top: 1.5rem; display: inline-flex;">
|
||||
Explorar Insigth
|
||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
|
||||
stroke-linecap="round" stroke-linejoin="round">
|
||||
<circle cx="12" cy="12" r="10"></circle>
|
||||
<polyline points="12 16 16 12 12 8"></polyline>
|
||||
<line x1="8" y1="12" x2="16" y2="12"></line>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<!-- Feed Dinámico de las 3 Últimas Publicaciones -->
|
||||
<section class="section-padding">
|
||||
<!-- Seccion 2: Feed Dinámico de las 3 Últimas Publicaciones -->
|
||||
<section class="section-padding bg2">
|
||||
<div class="container">
|
||||
|
||||
<div style="display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 2.5rem; flex-wrap: wrap; gap: 1rem;">
|
||||
@@ -81,33 +67,44 @@
|
||||
<p style="color: var(--text-muted);">Cargando artículos de Insights...</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Sección 3: CTA -->
|
||||
<section class="section-padding-sm herobg-2">
|
||||
<div class="container container-wide">
|
||||
<div class="hero-grid">
|
||||
<div>
|
||||
|
||||
<h2 style="margin-bottom: 0.8rem; line-height: 1.1; color: white;">
|
||||
Una única solución no siempre <br>encaja para todos los desafíos.
|
||||
</h2>
|
||||
<p class="lead-text" style="margin-bottom: 2.5rem; color: white;">
|
||||
Integramos las capacidades necesarias para diseñar una respuesta que tenga sentido para tu organización y su contexto.
|
||||
</p>
|
||||
|
||||
<div class="hero-actions" style="display: flex; gap: 1rem; flex-wrap: wrap; align-items: center;">
|
||||
<a href="contacto.html" class="btn btn-cta-unificado"
|
||||
style="border-radius: 50px; display: flex; align-items: center; gap: 0.5rem; padding: 0.75rem 1.5rem;">
|
||||
HABLEMOS
|
||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
|
||||
stroke-linecap="round" stroke-linejoin="round">
|
||||
<circle cx="12" cy="12" r="10"></circle>
|
||||
<polyline points="12 16 16 12 12 8"></polyline>
|
||||
<line x1="8" y1="12" x2="16" y2="12"></line>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="hero-visual"
|
||||
style="width: 100%; height: 400px; position: relative; display: flex; justify-content: center; align-items: center;">
|
||||
</div>
|
||||
|
||||
<!-- CTA para ir al Blog en WordPress -->
|
||||
<div style="text-align: center; margin-top: 3.5rem;">
|
||||
<a href="https://blog.ideconsultores.com.ar" target="_blank" rel="noopener noreferrer" class="btn btn-primary btn-lg">
|
||||
VER TODOS LOS INSIGHTS <!--de WordPress--> →
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Suscripción / Boletín de Actualizaciones -->
|
||||
<section class="section-padding-sm bg-subtle-section">
|
||||
<div class="container container-narrow text-center">
|
||||
<span class="eyebrow">IDE INSIGHTS | BOLETÍN MENSUAL</span>
|
||||
<h2 style="font-size: 1.75rem; margin-bottom: 0.75rem;">Una selección de ideas para seguir pensando</h2>
|
||||
<p style="font-size: 0.95rem; color: var(--text-muted); margin-bottom: 1.5rem;">
|
||||
Una vez al mes, compartimos perspectivas, artículos, herramientas y novedades del Ecosistema IDE <br>para ampliar la mirada sobre la gestión y llevar nuevas ideas a la práctica.<br>
|
||||
<i>Un envío al mes. Podés cancelar tu suscripción cuando quieras.</i>
|
||||
</p>
|
||||
|
||||
<form style="display: flex; gap: 0.5rem; max-width: 500px; margin: 0 auto; flex-wrap: wrap;" onsubmit="event.preventDefault(); alert('¡Gracias por suscribirte al boletín de IDE Consultores!'); this.reset();">
|
||||
<input type="email" required placeholder="Ingresá tu correo electrónico corporativo" class="form-control" style="flex: 1; min-width: 260px;">
|
||||
<button type="submit" class="btn btn-primary btn-sm">Suscribirme</button>
|
||||
</form>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</main>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user