chore(release): static site deploy (sitio-estatico)

This commit is contained in:
Andres Santana
2026-09-25 13:13:22 -04:00
commit 132e3f4731
9 changed files with 1414 additions and 0 deletions
+46
View File
@@ -0,0 +1,46 @@
<!doctype html>
<html lang="es">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="theme-color" content="#1F4E79" />
<meta name="robots" content="noindex" />
<title>Página no encontrada - VALEA Inversiones</title>
<link rel="icon" type="image/svg+xml" href="assets/favicon.svg" />
<link rel="stylesheet" href="css/styles.css" />
</head>
<body>
<nav class="nav">
<div class="container nav-inner">
<a href="index.html" class="nav-logo"><img src="https://horizons-cdn.hostinger.com/f282ce11-7db1-4077-b550-1caec7979db1/37ca80aa9cc5a842ca701b01a0ba6065.png" alt="VALEA Inversiones Logo" /></a>
<div class="nav-desktop">
<a href="index.html" class="nav-link">Inicio</a>
<a href="servicios.html" class="nav-link">Servicios</a>
<a href="acerca-de.html" class="nav-link">Acerca de</a>
<a href="proyectos.html" class="nav-link">Proyectos</a>
<a href="contacto.html" class="nav-link">Contacto</a>
<a href="contacto.html" class="btn btn-cta btn-rounded-full nav-cta">Solicitar Cotización</a>
</div>
</div>
</nav>
<main class="pt-20 hero" style="min-height:70vh">
<div class="hero-bg"><div class="hero-overlay"></div></div>
<div class="container hero-content">
<h1 class="reveal" style="font-size:3rem">404</h1>
<p class="hero-sub reveal reveal-delay-1">La página que busca no existe.</p>
<div class="reveal reveal-delay-2">
<a href="index.html" class="btn btn-cta btn-lg btn-rounded-full btn-shadow">Volver al Inicio</a>
</div>
</div>
</main>
<footer class="footer">
<div class="container">
<div class="footer-bottom" style="margin-top:0;border:none;padding-top:1.5rem">© <span id="year"></span> VALEA Inversiones. Todos los derechos reservados.</div>
</div>
</footer>
<script>document.getElementById('year').textContent = new Date().getFullYear();</script>
<script src="js/main.js"></script>
</body>
</html>
+98
View File
@@ -0,0 +1,98 @@
<!doctype html>
<html lang="es">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="theme-color" content="#1F4E79" />
<meta name="description" content="Conozca la historia, misión y valores de VALEA Inversiones, líder en soluciones industriales desde 2017." />
<title>Acerca de Nosotros - VALEA Inversiones</title>
<link rel="icon" type="image/svg+xml" href="assets/favicon.svg" />
<link rel="stylesheet" href="css/styles.css" />
</head>
<body>
<nav class="nav">
<div class="container nav-inner">
<a href="index.html" class="nav-logo"><img src="https://horizons-cdn.hostinger.com/f282ce11-7db1-4077-b550-1caec7979db1/37ca80aa9cc5a842ca701b01a0ba6065.png" alt="VALEA Inversiones Logo" /></a>
<div class="nav-desktop">
<a href="index.html" class="nav-link" data-nav="index.html">Inicio</a>
<a href="servicios.html" class="nav-link" data-nav="servicios.html">Servicios</a>
<a href="acerca-de.html" class="nav-link" data-nav="acerca-de.html">Acerca de</a>
<a href="proyectos.html" class="nav-link" data-nav="proyectos.html">Proyectos</a>
<a href="contacto.html" class="nav-link" data-nav="contacto.html">Contacto</a>
<a href="contacto.html" class="btn btn-cta btn-rounded-full nav-cta">Solicitar Cotización</a>
</div>
<button class="nav-toggle" aria-label="Menú"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg></button>
</div>
<div class="nav-mobile">
<div class="nav-mobile-inner">
<a href="index.html" class="nav-mobile-link" data-nav="index.html">Inicio</a>
<a href="servicios.html" class="nav-mobile-link" data-nav="servicios.html">Servicios</a>
<a href="acerca-de.html" class="nav-mobile-link" data-nav="acerca-de.html">Acerca de</a>
<a href="proyectos.html" class="nav-mobile-link" data-nav="proyectos.html">Proyectos</a>
<a href="contacto.html" class="nav-mobile-link" data-nav="contacto.html">Contacto</a>
<a href="contacto.html" class="nav-mobile-cta">Solicitar Cotización</a>
</div>
</div>
</nav>
<main class="pt-20" style="background:var(--blanco)">
<section class="page-hero">
<div class="page-hero-bg"><img src="https://images.unsplash.com/photo-1697869243487-76ab037f1f03" alt="About Us" /><div class="page-hero-overlay"></div></div>
<div class="container page-hero-content reveal">
<h1>Acerca de <span>VALEA</span></h1>
<p>Excelencia técnica y compromiso con nuestros clientes desde 2017</p>
</div>
</section>
<!-- About / values -->
<section class="section section-light">
<div class="container">
<div class="section-head reveal">
<h2>Acerca de <span>VALEA</span></h2>
<div class="about-text">
<p>Fundada en 2017 en Barcelona, Estado Anzoátegui, Venezuela, VALEA Inversiones se ha consolidado como líder en soluciones integrales de ingeniería industrial y mantenimiento.</p>
<p>Nuestra misión es ofrecer servicios de excelencia técnica, enfocados en las necesidades específicas de nuestros clientes, garantizando calidad, seguridad y eficiencia en cada proyecto que emprendemos.</p>
</div>
</div>
<div class="grid grid-3">
<div class="card reveal"><div class="card-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path></svg></div><h3>Conducta Ética</h3><p>Integridad y transparencia en todas nuestras acciones</p></div>
<div class="card reveal reveal-delay-1"><div class="card-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg></div><h3>Enfoque al Cliente</h3><p>Compromiso total con la satisfacción del cliente</p></div>
<div class="card reveal reveal-delay-2"><div class="card-icon"><svg 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><circle cx="12" cy="12" r="6"></circle><circle cx="12" cy="12" r="2"></circle></svg></div><h3>Liderazgo Técnico</h3><p>Excelencia técnica y conocimiento especializado</p></div>
<div class="card reveal"><div class="card-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="8" r="7"></circle><polyline points="8.21 13.89 7 23 12 20 17 23 15.79 13.88"></polyline></svg></div><h3>Calidad</h3><p>Estándares superiores en cada proyecto</p></div>
<div class="card reveal reveal-delay-1"><div class="card-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18h6"></path><path d="M10 22h4"></path><path d="M15.09 14c.18-.98.65-1.74 1.41-2.5A4.65 4.65 0 0 0 18 8 6 6 0 0 0 6 8c0 1 .23 2.23 1.5 3.5A4.61 4.61 0 0 1 8.91 14"></path></svg></div><h3>Innovación</h3><p>Soluciones creativas y tecnología de vanguardia</p></div>
<div class="card reveal reveal-delay-2"><div class="card-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path></svg></div><h3>Responsabilidad Social</h3><p>Compromiso con nuestra comunidad y entorno</p></div>
</div>
</div>
</section>
<!-- Mission & Vision -->
<section class="section section-dark">
<div class="container">
<div class="grid grid-2">
<div class="mv-card reveal"><h2>Nuestra Misión</h2><p>Ofrecer servicios de excelencia técnica en ingeniería industrial y mantenimiento, enfocados en las necesidades específicas de nuestros clientes, garantizando calidad, seguridad y eficiencia en cada proyecto que emprendemos.</p></div>
<div class="mv-card reveal reveal-delay-1"><h2>Nuestra Visión</h2><p>Ser reconocidos como la empresa líder en soluciones integrales de ingeniería industrial en Venezuela, destacándonos por nuestra innovación, calidad de servicio y compromiso con la satisfacción de nuestros clientes.</p></div>
</div>
</div>
</section>
</main>
<footer class="footer">
<div class="container">
<div class="footer-grid">
<div><h3>VALEA Inversiones</h3><p>Soluciones Integrales en Ingeniería Industrial y Mantenimiento</p></div>
<div><h4>Enlaces Rápidos</h4><nav class="footer-links"><a href="index.html">Inicio</a><a href="servicios.html">Servicios</a><a href="acerca-de.html">Acerca de</a><a href="proyectos.html">Proyectos</a><a href="contacto.html">Contacto</a></nav></div>
<div><h4>Contacto</h4><div class="footer-contact">
<div class="footer-contact-item"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg><a href="mailto:valeainversiones@gmail.com">valeainversiones@gmail.com</a></div>
<div class="footer-contact-item"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg><span>0414-7748343</span></div>
<div class="footer-contact-item"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle></svg><span>Barcelona, Estado Anzoátegui, Venezuela</span></div>
</div></div>
</div>
<div class="footer-bottom">© <span id="year"></span> VALEA Inversiones. Todos los derechos reservados.</div>
</div>
</footer>
<div class="toast-viewport"></div>
<script>document.getElementById('year').textContent = new Date().getFullYear();</script>
<script src="js/main.js"></script>
</body>
</html>
+4
View File
@@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
<rect width="100" height="100" rx="18" fill="#1F4E79"/>
<path d="M28 28 L50 78 L72 28 L60 28 L50 54 L40 28 Z" fill="#F07A2B"/>
</svg>

After

Width:  |  Height:  |  Size: 201 B

+126
View File
@@ -0,0 +1,126 @@
<!doctype html>
<html lang="es">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="theme-color" content="#1F4E79" />
<meta name="description" content="Contáctenos para solicitar información sobre nuestros servicios de ingeniería industrial y mantenimiento." />
<title>Contacto - VALEA Inversiones</title>
<link rel="icon" type="image/svg+xml" href="assets/favicon.svg" />
<link rel="stylesheet" href="css/styles.css" />
</head>
<body>
<nav class="nav">
<div class="container nav-inner">
<a href="index.html" class="nav-logo"><img src="https://horizons-cdn.hostinger.com/f282ce11-7db1-4077-b550-1caec7979db1/37ca80aa9cc5a842ca701b01a0ba6065.png" alt="VALEA Inversiones Logo" /></a>
<div class="nav-desktop">
<a href="index.html" class="nav-link" data-nav="index.html">Inicio</a>
<a href="servicios.html" class="nav-link" data-nav="servicios.html">Servicios</a>
<a href="acerca-de.html" class="nav-link" data-nav="acerca-de.html">Acerca de</a>
<a href="proyectos.html" class="nav-link" data-nav="proyectos.html">Proyectos</a>
<a href="contacto.html" class="nav-link" data-nav="contacto.html">Contacto</a>
<a href="contacto.html" class="btn btn-cta btn-rounded-full nav-cta">Solicitar Cotización</a>
</div>
<button class="nav-toggle" aria-label="Menú"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg></button>
</div>
<div class="nav-mobile">
<div class="nav-mobile-inner">
<a href="index.html" class="nav-mobile-link" data-nav="index.html">Inicio</a>
<a href="servicios.html" class="nav-mobile-link" data-nav="servicios.html">Servicios</a>
<a href="acerca-de.html" class="nav-mobile-link" data-nav="acerca-de.html">Acerca de</a>
<a href="proyectos.html" class="nav-mobile-link" data-nav="proyectos.html">Proyectos</a>
<a href="contacto.html" class="nav-mobile-link" data-nav="contacto.html">Contacto</a>
<a href="contacto.html" class="nav-mobile-cta">Solicitar Cotización</a>
</div>
</div>
</nav>
<main class="pt-20" style="background:var(--blanco)">
<section class="page-hero">
<div class="page-hero-bg"><img src="https://images.unsplash.com/photo-1579719558505-ad4a5fee0847" alt="Contact" /><div class="page-hero-overlay"></div></div>
<div class="container page-hero-content reveal">
<h1><span>Contáctenos</span></h1>
<p>Estamos aquí para responder sus consultas y ayudarle con sus proyectos</p>
</div>
</section>
<section class="section section-light">
<div class="container">
<!-- Contact info cards -->
<div class="grid grid-4" style="margin-bottom:4rem">
<div class="contact-info-card reveal"><div class="contact-info-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg></div><h3>Email</h3><p><a href="mailto:valeainversiones@gmail.com">valeainversiones@gmail.com</a></p></div>
<div class="contact-info-card reveal reveal-delay-1"><div class="contact-info-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg></div><h3>Teléfono</h3><p>Dayana Velásquez: 0414-7748343</p></div>
<div class="contact-info-card reveal reveal-delay-2"><div class="contact-info-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle></svg></div><h3>Ubicación</h3><p>Barcelona</p><p>Estado Anzoátegui</p><p>Venezuela</p></div>
<div class="contact-info-card reveal reveal-delay-3"><div class="contact-info-icon"><svg 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 6 12 12 16 14"></polyline></svg></div><h3>Horario</h3><p>Lunes - Viernes: 8:00 AM - 5:00 PM</p><p>Sábado: 8:00 AM - 12:00 PM</p></div>
</div>
<!-- Form -->
<div style="max-width:48rem;margin:0 auto">
<div class="section-head reveal" style="margin-bottom:2rem">
<h2>Envíenos un Mensaje</h2>
<p>Complete el formulario y nos pondremos en contacto con usted</p>
</div>
<form id="contact-form" class="form reveal" novalidate>
<div class="form-grid">
<div class="form-group" style="margin-bottom:0">
<label class="form-label" for="nombre">Nombre <span class="req">*</span></label>
<input class="form-input" type="text" id="nombre" name="nombre" placeholder="Su nombre completo" />
<p class="form-error" data-error="nombre"></p>
</div>
<div class="form-group" style="margin-bottom:0">
<label class="form-label" for="email">Email <span class="req">*</span></label>
<input class="form-input" type="email" id="email" name="email" placeholder="correo@ejemplo.com" />
<p class="form-error" data-error="email"></p>
</div>
<div class="form-group" style="margin-bottom:0">
<label class="form-label" for="telefono">Teléfono <span class="req">*</span></label>
<input class="form-input" type="tel" id="telefono" name="telefono" placeholder="0414-1234567" />
<p class="form-error" data-error="telefono"></p>
</div>
<div class="form-group" style="margin-bottom:0">
<label class="form-label" for="empresa">Empresa <span class="opt">(Opcional)</span></label>
<input class="form-input" type="text" id="empresa" name="empresa" placeholder="Nombre de su empresa" />
<p class="form-error" data-error="empresa"></p>
</div>
</div>
<div class="form-group">
<label class="form-label" for="asunto">Asunto <span class="req">*</span></label>
<input class="form-input" type="text" id="asunto" name="asunto" placeholder="Asunto de su consulta" />
<p class="form-error" data-error="asunto"></p>
</div>
<div class="form-group">
<label class="form-label" for="mensaje">Mensaje <span class="req">*</span></label>
<textarea class="form-textarea" id="mensaje" name="mensaje" rows="6" placeholder="Escriba su mensaje aquí..."></textarea>
<p class="form-error" data-error="mensaje"></p>
</div>
<button type="submit" class="btn btn-cta btn-lg btn-block btn-shadow">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right:.5rem"><line x1="22" y1="2" x2="11" y2="13"></line><polygon points="22 2 15 22 11 13 2 9 22 2"></polygon></svg>
Enviar Mensaje
</button>
<p style="margin-top:1rem;font-size:.8rem;color:var(--grisMedio);text-align:center">Al enviar, se abrirá su cliente de correo con los datos rellenos hacia valeainversiones@gmail.com.</p>
</form>
</div>
</div>
</section>
</main>
<footer class="footer">
<div class="container">
<div class="footer-grid">
<div><h3>VALEA Inversiones</h3><p>Soluciones Integrales en Ingeniería Industrial y Mantenimiento</p></div>
<div><h4>Enlaces Rápidos</h4><nav class="footer-links"><a href="index.html">Inicio</a><a href="servicios.html">Servicios</a><a href="acerca-de.html">Acerca de</a><a href="proyectos.html">Proyectos</a><a href="contacto.html">Contacto</a></nav></div>
<div><h4>Contacto</h4><div class="footer-contact">
<div class="footer-contact-item"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg><a href="mailto:valeainversiones@gmail.com">valeainversiones@gmail.com</a></div>
<div class="footer-contact-item"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg><span>0414-7748343</span></div>
<div class="footer-contact-item"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle></svg><span>Barcelona, Estado Anzoátegui, Venezuela</span></div>
</div></div>
</div>
<div class="footer-bottom">© <span id="year"></span> VALEA Inversiones. Todos los derechos reservados.</div>
</div>
</footer>
<div class="toast-viewport"></div>
<script>document.getElementById('year').textContent = new Date().getFullYear();</script>
<script src="js/main.js"></script>
</body>
</html>
+567
View File
@@ -0,0 +1,567 @@
/* ===== VALEA Inversiones — Estilos estáticos ===== */
:root {
--azulOscuro: #1F4E79;
--azulPrincipal: #2F6FB3;
--azulMedio: #4FA3D1;
--azulClaro: #8FD0E8;
--naranjaAccento: #F07A2B;
--naranjaOscuro: #D9681A;
--grisClaro: #F2F2F2;
--grisMedio: #6E6E6E;
--blanco: #FFFFFF;
--radius: 0.5rem;
--shadow-md: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.06);
--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -2px rgba(0,0,0,.05);
--shadow-xl: 0 20px 25px -5px rgba(0,0,0,.1), 0 10px 10px -5px rgba(0,0,0,.04);
}
* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
background: var(--azulOscuro);
color: var(--blanco);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1.5;
}
::selection { background: var(--naranjaAccento); color: var(--blanco); }
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: var(--azulOscuro); }
::-webkit-scrollbar-thumb { background: var(--azulPrincipal); border-radius: 9999px; }
::-webkit-scrollbar-thumb:hover { background: var(--azulMedio); }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
button { font-family: inherit; cursor: pointer; border: none; }
/* ===== Layout ===== */
.container {
width: 100%;
max-width: 1400px;
margin: 0 auto;
padding: 0 1rem;
}
@media (min-width: 768px) { .container { padding: 0 2rem; } }
.pt-20 { padding-top: 5rem; }
/* ===== Buttons ===== */
.btn {
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: var(--radius);
font-size: .875rem;
font-weight: 500;
padding: .5rem 1rem;
transition: background-color .2s, transform .15s, box-shadow .2s;
color: var(--blanco);
}
.btn:active { transform: scale(.98); }
.btn-cta { background: var(--naranjaAccento); }
.btn-cta:hover { background: var(--naranjaOscuro); }
.btn-default { background: var(--azulPrincipal); }
.btn-default:hover { background: var(--azulOscuro); }
.btn-ghost { background: transparent; }
.btn-ghost:hover { background: rgba(47,111,179,.2); }
.btn-lg { padding: .75rem 2rem; font-size: 1rem; height: 2.75rem; }
.btn-rounded-full { border-radius: 9999px; }
.btn-block { width: 100%; }
.btn-shadow { box-shadow: var(--shadow-lg); }
/* ===== Navigation ===== */
.nav {
position: fixed;
top: 0; left: 0; right: 0;
z-index: 50;
background: rgba(31,78,121,.95);
backdrop-filter: blur(4px);
border-bottom: 1px solid rgba(79,163,209,.3);
}
.nav-inner {
display: flex;
align-items: center;
justify-content: space-between;
height: 5rem;
}
.nav-logo img {
height: 3rem;
width: auto;
object-fit: contain;
filter: drop-shadow(0 2px 4px rgba(0,0,0,.3));
transition: transform .3s;
}
.nav-logo:hover img { transform: scale(1.05) rotate(2deg); }
.nav-desktop { display: none; align-items: center; gap: .25rem; }
.nav-link {
position: relative;
padding: .5rem 1rem;
color: var(--blanco);
font-size: .875rem;
font-weight: 500;
border-radius: var(--radius);
transition: color .2s, background .2s;
}
.nav-link:hover { color: var(--azulPrincipal); background: rgba(31,78,121,.5); }
.nav-link.active { color: var(--azulPrincipal); }
.nav-link.active::after {
content: '';
position: absolute;
bottom: 0; left: 0; right: 0;
height: 2px;
background: var(--naranjaAccento);
}
.nav-cta { margin-left: 1rem; }
.nav-toggle {
display: inline-flex;
align-items: center;
justify-content: center;
padding: .5rem;
background: transparent;
color: var(--blanco);
}
.nav-toggle:hover { color: var(--azulPrincipal); }
.nav-mobile {
display: none;
background: var(--azulOscuro);
border-top: 1px solid rgba(79,163,209,.3);
overflow: hidden;
}
.nav-mobile.open { display: block; }
.nav-mobile-inner { padding: 1rem; display: flex; flex-direction: column; gap: .5rem; }
.nav-mobile-link {
padding: .75rem 1rem;
border-radius: .5rem;
color: var(--blanco);
transition: background .2s;
}
.nav-mobile-link:hover, .nav-mobile-link.active { background: rgba(47,111,179,.4); }
.nav-mobile-cta {
margin-top: 1rem;
padding: .75rem 1rem;
border-radius: .5rem;
background: var(--naranjaAccento);
color: var(--blanco);
text-align: center;
font-weight: 500;
}
@media (min-width: 768px) {
.nav-desktop { display: flex; }
.nav-toggle { display: none; }
}
/* ===== Hero ===== */
.hero {
position: relative;
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.hero-bg { position: absolute; inset: 0; }
.hero-bg img { width: 100%; height: 100%; object-fit: cover; }
.hero-overlay {
position: absolute; inset: 0;
background: linear-gradient(to bottom, rgba(31,78,121,.9), rgba(31,78,121,.8), rgba(31,78,121,.9));
}
.hero-overlay-r {
position: absolute; inset: 0;
background: linear-gradient(to right, rgba(31,78,121,.8), transparent);
}
.hero-content { position: relative; z-index: 10; text-align: center; max-width: 56rem; margin: 0 auto; }
.hero h1 {
font-size: 2.25rem;
font-weight: 700;
color: var(--blanco);
margin-bottom: 1.5rem;
line-height: 1.1;
}
.hero-sub {
font-size: 1.25rem;
color: var(--grisClaro);
font-weight: 300;
margin-bottom: 2rem;
}
.hero-sub strong { color: var(--azulClaro); font-weight: 600; }
@media (min-width: 768px) {
.hero h1 { font-size: 3.75rem; }
.hero-sub { font-size: 1.875rem; }
}
@media (min-width: 1024px) {
.hero h1 { font-size: 4.5rem; }
.hero-sub { font-size: 2.25rem; }
}
.scroll-indicator {
position: absolute;
bottom: 2rem;
left: 50%;
transform: translateX(-50%);
z-index: 10;
}
.scroll-mouse {
width: 1.5rem;
height: 2.5rem;
border: 2px solid var(--azulClaro);
border-radius: 9999px;
display: flex;
align-items: flex-start;
justify-content: center;
padding: .5rem;
}
.scroll-dot {
width: .375rem; height: .375rem;
background: var(--naranjaAccento);
border-radius: 9999px;
animation: scrollBounce 1.5s infinite;
}
@keyframes scrollBounce {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(8px); }
}
/* ===== Page hero (interior pages) ===== */
.page-hero {
position: relative;
padding: 5rem 0;
overflow: hidden;
background: var(--azulOscuro);
}
.page-hero-bg { position: absolute; inset: 0; }
.page-hero-bg img { width: 100%; height: 100%; object-fit: cover; mix-blend-mode: overlay; opacity: .3; }
.page-hero-overlay {
position: absolute; inset: 0;
background: linear-gradient(to bottom, rgba(31,78,121,.95), rgba(31,78,121,.9), rgba(31,78,121,.95));
}
.page-hero-content { position: relative; text-align: center; max-width: 48rem; margin: 0 auto; }
.page-hero h1 {
font-size: 2.25rem;
font-weight: 700;
color: var(--blanco);
margin-bottom: 1.5rem;
}
.page-hero h1 span { color: var(--naranjaAccento); }
.page-hero p { font-size: 1.25rem; color: var(--azulClaro); }
@media (min-width: 768px) { .page-hero h1 { font-size: 3.75rem; } }
/* ===== Sections ===== */
.section { padding: 4rem 0; }
.section-light { background: var(--grisClaro); }
.section-white { background: var(--blanco); }
.section-dark { background: var(--azulOscuro); }
.section-head { text-align: center; margin-bottom: 4rem; }
.section-head h2 {
font-size: 1.875rem;
font-weight: 700;
color: var(--azulOscuro);
margin-bottom: 1.5rem;
}
.section-head h2 span { color: var(--azulPrincipal); }
.section-head h2.on-dark { color: var(--blanco); }
.section-head h2.on-dark span { color: var(--azulClaro); }
.section-head p { font-size: 1.125rem; color: var(--grisMedio); max-width: 42rem; margin: 0 auto; }
.section-head p.on-dark { color: var(--grisClaro); }
@media (min-width: 768px) { .section-head h2 { font-size: 3rem; } }
/* ===== About / values ===== */
.about-text { max-width: 48rem; margin: 0 auto; }
.about-text p { font-size: 1.125rem; color: var(--grisMedio); margin-bottom: 1.5rem; }
.grid { display: grid; gap: 1.5rem; }
.grid-2 { grid-template-columns: 1fr; }
.grid-3 { grid-template-columns: 1fr; }
.grid-4 { grid-template-columns: 1fr; }
@media (min-width: 768px) {
.grid-2 { grid-template-columns: repeat(2, 1fr); }
.grid-3 { grid-template-columns: repeat(2, 1fr); }
.grid-4 { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1024px) {
.grid-3 { grid-template-columns: repeat(3, 1fr); }
.grid-4 { grid-template-columns: repeat(4, 1fr); }
}
/* ===== Cards ===== */
.card {
background: var(--blanco);
border: 1px solid rgba(79,163,209,.3);
border-radius: .75rem;
padding: 1.5rem;
box-shadow: var(--shadow-md);
transition: transform .3s, box-shadow .3s, border-color .3s;
}
.card:hover { transform: translateY(-5px) scale(1.02); box-shadow: var(--shadow-xl); border-color: var(--azulPrincipal); }
.card-light {
background: var(--grisClaro);
border: 1px solid rgba(79,163,209,.2);
}
.card-light:hover { border-color: var(--naranjaAccento); }
.card-icon {
width: 3rem; height: 3rem;
background: rgba(143,208,232,.3);
border-radius: .5rem;
display: flex; align-items: center; justify-content: center;
margin-bottom: 1rem;
}
.card-icon-lg { width: 4rem; height: 4rem; }
.card-icon.dark { background: var(--azulOscuro); }
.card-icon svg { width: 1.5rem; height: 1.5rem; color: var(--azulPrincipal); }
.card-icon.dark svg { color: var(--azulClaro); width: 2rem; height: 2rem; }
.card h3 { font-size: 1.25rem; font-weight: 600; color: var(--azulOscuro); margin-bottom: .5rem; }
.card .card-title-blue { color: var(--azulPrincipal); }
.card p { color: var(--grisMedio); font-size: .875rem; line-height: 1.6; }
.card-link {
display: inline-block;
margin-top: 1rem;
color: var(--naranjaAccento);
font-weight: 500;
font-size: .875rem;
transition: color .2s;
}
.card-link:hover { color: var(--azulPrincipal); }
/* ===== Service detail (services page) ===== */
.service-detail {
background: var(--blanco);
border-left: 4px solid var(--azulPrincipal);
border-radius: 0 .75rem .75rem 0;
padding: 2rem;
box-shadow: var(--shadow-xl);
margin-bottom: 4rem;
}
@media (min-width: 768px) { .service-detail { padding: 3rem; } }
.service-detail-grid { display: grid; gap: 2rem; }
@media (min-width: 768px) { .service-detail-grid { grid-template-columns: 1fr 1fr; align-items: start; } }
.service-detail h2 { font-size: 1.875rem; font-weight: 700; color: var(--azulOscuro); margin-bottom: 1rem; }
.service-detail .desc { color: var(--grisMedio); font-size: 1.125rem; margin-bottom: 1.5rem; }
.service-features {
background: var(--grisClaro);
padding: 1.5rem;
border-radius: .5rem;
}
.service-features h3 { font-weight: 700; color: var(--azulOscuro); margin-bottom: 1rem; }
.feature-item { display: flex; align-items: flex-start; gap: .75rem; margin-bottom: .75rem; }
.feature-item svg { width: 1.25rem; height: 1.25rem; color: var(--naranjaAccento); flex-shrink: 0; margin-top: .25rem; }
.feature-item span { color: var(--azulOscuro); font-weight: 500; }
/* ===== Projects ===== */
.project-card {
background: var(--blanco);
border-radius: .5rem;
padding: 1.5rem;
border-bottom: 4px solid var(--naranjaAccento);
box-shadow: var(--shadow-lg);
transition: transform .3s;
}
.project-card:hover { transform: translateY(-5px) scale(1.02); }
.project-card-head { display: flex; align-items: flex-start; gap: .75rem; margin-bottom: 1rem; }
.project-card-icon {
width: 2.5rem; height: 2.5rem;
background: var(--azulClaro);
border-radius: .5rem;
display: flex; align-items: center; justify-content: center;
flex-shrink: 0;
}
.project-card-icon svg { width: 1.25rem; height: 1.25rem; color: var(--azulOscuro); }
.project-card h3 { font-size: 1.125rem; font-weight: 700; color: var(--azulPrincipal); margin-bottom: .5rem; }
.project-card p { color: var(--grisMedio); font-size: .875rem; margin-bottom: 1rem; }
.project-client { display: flex; align-items: center; gap: .5rem; color: var(--azulMedio); }
.project-client svg { width: 1rem; height: 1rem; color: var(--naranjaAccento); }
.project-client span { font-size: .875rem; font-weight: 600; }
/* ===== Clients ===== */
.client-card {
background: var(--blanco);
border: 1px solid rgba(79,163,209,.2);
border-radius: .5rem;
padding: 1.5rem;
box-shadow: var(--shadow-md);
display: flex; flex-direction: column; align-items: center; justify-content: center;
text-align: center;
transition: transform .3s, box-shadow .3s;
}
.client-card:hover { transform: scale(1.05); box-shadow: var(--shadow-lg); }
.client-icon {
width: 3rem; height: 3rem;
background: rgba(143,208,232,.3);
border-radius: 9999px;
display: flex; align-items: center; justify-content: center;
margin-bottom: .75rem;
}
.client-icon svg { width: 1.5rem; height: 1.5rem; color: var(--azulPrincipal); }
.client-card span { color: var(--azulOscuro); font-weight: 700; }
/* ===== Mission / Vision ===== */
.mv-card {
background: rgba(255,255,255,.05);
backdrop-filter: blur(4px);
border: 1px solid rgba(79,163,209,.3);
border-radius: .75rem;
padding: 2rem;
}
.mv-card h2 { font-size: 1.5rem; font-weight: 700; color: var(--naranjaAccento); margin-bottom: 1rem; }
.mv-card p { color: var(--grisClaro); line-height: 1.7; font-size: 1.125rem; }
/* ===== Contact ===== */
.contact-info-card {
background: var(--blanco);
border: 1px solid rgba(79,163,209,.2);
border-radius: .75rem;
padding: 1.5rem;
box-shadow: var(--shadow-md);
transition: box-shadow .3s, border-color .3s;
}
.contact-info-card:hover { box-shadow: var(--shadow-xl); border-color: var(--naranjaAccento); }
.contact-info-icon {
width: 3rem; height: 3rem;
background: var(--azulOscuro);
border-radius: .5rem;
display: flex; align-items: center; justify-content: center;
margin-bottom: 1rem;
}
.contact-info-icon svg { width: 1.5rem; height: 1.5rem; color: var(--naranjaAccento); }
.contact-info-card h3 { font-size: 1.125rem; font-weight: 700; color: var(--azulPrincipal); margin-bottom: .75rem; }
.contact-info-card p { color: var(--grisMedio); font-size: .875rem; margin-bottom: .5rem; }
/* ===== Form ===== */
.form {
background: var(--grisClaro);
border: 1px solid rgba(79,163,209,.3);
border-radius: .75rem;
padding: 2rem;
box-shadow: var(--shadow-xl);
max-width: 48rem;
margin: 0 auto;
}
.form-grid { display: grid; gap: 1.5rem; margin-bottom: 1.5rem; }
@media (min-width: 768px) { .form-grid { grid-template-columns: 1fr 1fr; } }
.form-group { margin-bottom: 1.5rem; }
.form-label { display: block; font-size: .875rem; font-weight: 500; color: var(--azulPrincipal); margin-bottom: .5rem; }
.form-label .req { color: var(--naranjaAccento); }
.form-label .opt { color: var(--grisMedio); font-size: .75rem; font-weight: 400; }
.form-input, .form-textarea {
width: 100%;
padding: .75rem 1rem;
background: var(--blanco);
border: 1px solid var(--azulClaro);
border-radius: .5rem;
color: var(--azulOscuro);
font-family: inherit;
font-size: 1rem;
transition: border-color .2s, box-shadow .2s;
}
.form-input::placeholder, .form-textarea::placeholder { color: var(--grisMedio); }
.form-input:focus, .form-textarea:focus {
outline: none;
border-color: var(--azulPrincipal);
box-shadow: 0 0 0 2px var(--azulClaro);
}
.form-input.error, .form-textarea.error { border-color: #ef4444; }
.form-error { margin-top: .25rem; font-size: .875rem; color: #ef4444; }
.form-textarea { resize: none; }
/* ===== Toast ===== */
.toast-viewport {
position: fixed;
bottom: 0; right: 0;
z-index: 100;
display: flex;
flex-direction: column;
gap: .5rem;
padding: 1rem;
max-width: 420px;
width: 100%;
pointer-events: none;
}
.toast {
pointer-events: auto;
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
background: var(--blanco);
border: 1px solid var(--azulMedio);
border-radius: .5rem;
padding: 1.5rem 2rem 1.5rem 1.5rem;
box-shadow: var(--shadow-lg);
animation: toastIn .3s ease-out;
}
.toast.success { border-color: var(--azulPrincipal); }
.toast.error { border-color: #ef4444; background: #fef2f2; }
.toast-title { font-size: .875rem; font-weight: 600; color: var(--azulOscuro); }
.toast.error .toast-title { color: #b91c1c; }
.toast-desc { font-size: .875rem; color: var(--grisMedio); margin-top: .25rem; }
.toast-close {
position: absolute;
top: .5rem; right: .5rem;
background: transparent;
color: rgba(0,0,0,.4);
padding: .25rem;
border-radius: .25rem;
}
.toast-close:hover { color: rgba(0,0,0,.7); }
@keyframes toastIn {
from { opacity: 0; transform: translateX(100%); }
to { opacity: 1; transform: translateX(0); }
}
/* ===== Footer ===== */
.footer {
background: var(--azulOscuro);
border-top: 1px solid var(--azulMedio);
padding: 2.5rem 0 0;
}
.footer-grid { display: grid; gap: 1.5rem; }
@media (min-width: 768px) { .footer-grid { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1024px) { .footer-grid { grid-template-columns: 1fr 1fr 1fr; } }
.footer h3 { font-size: 1.5rem; font-weight: 700; color: var(--blanco); margin-bottom: .5rem; }
.footer h4 { font-size: 1.125rem; font-weight: 600; color: var(--blanco); border-bottom: 1px solid var(--azulMedio); padding-bottom: .5rem; margin-bottom: 1rem; display: inline-block; }
.footer p { color: var(--azulClaro); font-size: .875rem; }
.footer-links { display: flex; flex-direction: column; gap: .5rem; }
.footer-links a { color: var(--blanco); font-size: .875rem; transition: color .2s; }
.footer-links a:hover { color: var(--naranjaAccento); }
.footer-contact { display: flex; flex-direction: column; gap: .75rem; }
.footer-contact-item { display: flex; align-items: flex-start; gap: .75rem; }
.footer-contact-item svg { width: 1.25rem; height: 1.25rem; color: var(--azulClaro); flex-shrink: 0; margin-top: .125rem; }
.footer-contact-item span, .footer-contact-item a { color: var(--blanco); font-size: .875rem; }
.footer-contact-item a:hover { color: var(--naranjaAccento); }
.footer-bottom {
margin-top: 3rem;
padding-top: 2rem;
border-top: 1px solid var(--azulMedio);
text-align: center;
color: var(--blanco);
font-size: .875rem;
padding-bottom: 1.5rem;
}
/* ===== Scroll reveal ===== */
.reveal {
opacity: 0;
transform: translateY(30px);
transition: opacity .6s ease-out, transform .6s ease-out;
}
.reveal.visible { opacity: 1; transform: translateY(0); }
.reveal-delay-1 { transition-delay: .1s; }
.reveal-delay-2 { transition-delay: .2s; }
.reveal-delay-3 { transition-delay: .3s; }
.reveal-delay-4 { transition-delay: .4s; }
.reveal-delay-5 { transition-delay: .5s; }
@media (prefers-reduced-motion: reduce) {
.reveal { opacity: 1; transform: none; transition: none; }
.scroll-dot { animation: none; }
* { scroll-behavior: auto !important; }
}
+182
View File
@@ -0,0 +1,182 @@
<!doctype html>
<html lang="es">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="theme-color" content="#1F4E79" />
<meta name="description" content="VALEA Inversiones ofrece mantenimiento industrial, instrumentación, ingeniería y alquiler de equipos en Barcelona, Venezuela desde 2017." />
<meta property="og:type" content="website" />
<meta property="og:title" content="VALEA Inversiones - Soluciones Integrales en Ingeniería Industrial" />
<meta property="og:description" content="Soluciones Integrales en Ingeniería Industrial y Mantenimiento" />
<meta property="og:image" content="https://images.unsplash.com/photo-1675264481024-74e1dcde5d3e" />
<title>VALEA Inversiones - Soluciones Integrales en Ingeniería Industrial</title>
<link rel="icon" type="image/svg+xml" href="assets/favicon.svg" />
<link rel="stylesheet" href="css/styles.css" />
</head>
<body>
<!-- Navigation -->
<nav class="nav">
<div class="container nav-inner">
<a href="index.html" class="nav-logo">
<img src="https://horizons-cdn.hostinger.com/f282ce11-7db1-4077-b550-1caec7979db1/37ca80aa9cc5a842ca701b01a0ba6065.png" alt="VALEA Inversiones Logo" />
</a>
<div class="nav-desktop">
<a href="index.html" class="nav-link" data-nav="index.html">Inicio</a>
<a href="servicios.html" class="nav-link" data-nav="servicios.html">Servicios</a>
<a href="acerca-de.html" class="nav-link" data-nav="acerca-de.html">Acerca de</a>
<a href="proyectos.html" class="nav-link" data-nav="proyectos.html">Proyectos</a>
<a href="contacto.html" class="nav-link" data-nav="contacto.html">Contacto</a>
<a href="contacto.html" class="btn btn-cta btn-rounded-full nav-cta">Solicitar Cotización</a>
</div>
<button class="nav-toggle" aria-label="Menú">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
</button>
</div>
<div class="nav-mobile">
<div class="nav-mobile-inner">
<a href="index.html" class="nav-mobile-link" data-nav="index.html">Inicio</a>
<a href="servicios.html" class="nav-mobile-link" data-nav="servicios.html">Servicios</a>
<a href="acerca-de.html" class="nav-mobile-link" data-nav="acerca-de.html">Acerca de</a>
<a href="proyectos.html" class="nav-mobile-link" data-nav="proyectos.html">Proyectos</a>
<a href="contacto.html" class="nav-mobile-link" data-nav="contacto.html">Contacto</a>
<a href="contacto.html" class="nav-mobile-cta">Solicitar Cotización</a>
</div>
</div>
</nav>
<main class="pt-20" style="background:var(--blanco)">
<!-- Hero -->
<section class="hero">
<div class="hero-bg">
<img src="https://images.unsplash.com/photo-1685302910286-59273f5aef4b" alt="Industrial background" />
<div class="hero-overlay"></div>
<div class="hero-overlay-r"></div>
</div>
<div class="container hero-content">
<h1 class="reveal">VALEA Inversiones</h1>
<p class="hero-sub reveal reveal-delay-1">Soluciones Integrales en <strong>Ingeniería Industrial</strong> y Mantenimiento</p>
<div class="reveal reveal-delay-2">
<a href="contacto.html" class="btn btn-cta btn-lg btn-rounded-full btn-shadow">Contáctenos
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-left:.5rem"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>
</a>
</div>
</div>
<div class="scroll-indicator reveal reveal-delay-3">
<div class="scroll-mouse"><div class="scroll-dot"></div></div>
</div>
</section>
<!-- About -->
<section class="section section-light">
<div class="container">
<div class="section-head reveal">
<h2>Acerca de <span>VALEA</span></h2>
<div class="about-text">
<p>Fundada en 2017 en Barcelona, Estado Anzoátegui, Venezuela, VALEA Inversiones se ha consolidado como líder en soluciones integrales de ingeniería industrial y mantenimiento.</p>
<p>Nuestra misión es ofrecer servicios de excelencia técnica, enfocados en las necesidades específicas de nuestros clientes, garantizando calidad, seguridad y eficiencia en cada proyecto que emprendemos.</p>
</div>
</div>
<div class="grid grid-3">
<div class="card reveal"><div class="card-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path></svg></div><h3>Conducta Ética</h3><p>Integridad y transparencia en todas nuestras acciones</p></div>
<div class="card reveal reveal-delay-1"><div class="card-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg></div><h3>Enfoque al Cliente</h3><p>Compromiso total con la satisfacción del cliente</p></div>
<div class="card reveal reveal-delay-2"><div class="card-icon"><svg 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><circle cx="12" cy="12" r="6"></circle><circle cx="12" cy="12" r="2"></circle></svg></div><h3>Liderazgo Técnico</h3><p>Excelencia técnica y conocimiento especializado</p></div>
<div class="card reveal"><div class="card-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="8" r="7"></circle><polyline points="8.21 13.89 7 23 12 20 17 23 15.79 13.88"></polyline></svg></div><h3>Calidad</h3><p>Estándares superiores en cada proyecto</p></div>
<div class="card reveal reveal-delay-1"><div class="card-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18h6"></path><path d="M10 22h4"></path><path d="M15.09 14c.18-.98.65-1.74 1.41-2.5A4.65 4.65 0 0 0 18 8 6 6 0 0 0 6 8c0 1 .23 2.23 1.5 3.5A4.61 4.61 0 0 1 8.91 14"></path></svg></div><h3>Innovación</h3><p>Soluciones creativas y tecnología de vanguardia</p></div>
<div class="card reveal reveal-delay-2"><div class="card-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path></svg></div><h3>Responsabilidad Social</h3><p>Compromiso con nuestra comunidad y entorno</p></div>
</div>
</div>
</section>
<!-- Services -->
<section class="section section-white">
<div class="container">
<div class="section-head reveal">
<h2>Nuestros <span>Servicios</span></h2>
<p>Ofrecemos soluciones integrales adaptadas a las necesidades específicas de su industria</p>
</div>
<div class="grid grid-4">
<div class="card card-light reveal"><div class="card-icon dark card-icon-lg"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"></path></svg></div><h3 class="card-title-blue">Mantenimiento Industrial</h3><p>Mantenimiento preventivo y correctivo, pruebas de válvulas, mantenimiento de bombas y equipos rotativos con los más altos estándares de calidad.</p><a href="servicios.html" class="card-link">Saber más →</a></div>
<div class="card card-light reveal reveal-delay-1"><div class="card-icon dark card-icon-lg"><svg 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 6 12 12 16 14"></polyline></svg></div><h3 class="card-title-blue">Instrumentación Industrial y Control</h3><p>Instrumentación electrónica, mecánica, hidráulica y neumática. Calibración y mantenimiento de sistemas de control y medición.</p><a href="servicios.html" class="card-link">Saber más →</a></div>
<div class="card card-light reveal reveal-delay-2"><div class="card-icon dark card-icon-lg"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="16.5" y1="7.5" x2="7.5" y2="16.5"></line><line x1="7.5" y1="7.5" x2="16.5" y2="16.5"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path></svg></div><h3 class="card-title-blue">Ingeniería, Procura y Fabricación</h3><p>Diseño y fabricación de tuberías, válvulas y equipos. Suministro de componentes industriales y fabricación metalmecánica especializada.</p><a href="servicios.html" class="card-link">Saber más →</a></div>
<div class="card card-light reveal reveal-delay-3"><div class="card-icon dark card-icon-lg"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="1" y="3" width="15" height="13"></rect><polygon points="16 8 20 8 23 11 23 16 16 16 16 8"></polygon><circle cx="5.5" cy="18.5" r="2.5"></circle><circle cx="18.5" cy="18.5" r="2.5"></circle></svg></div><h3 class="card-title-blue">Alquiler de Maquinarias y Equipos</h3><p>Alquiler de camiones de servicio, montacargas, generadores eléctricos, bombas y equipos especializados para la industria.</p><a href="servicios.html" class="card-link">Saber más →</a></div>
</div>
</div>
</section>
<!-- Projects -->
<section class="section section-dark">
<div class="container">
<div class="section-head reveal">
<h2 class="on-dark">Experiencia y <span>Proyectos</span></h2>
<p class="on-dark">Desde 2017, hemos ejecutado exitosamente más de 200 proyectos para las principales empresas del sector industrial venezolano</p>
</div>
<div class="grid grid-3">
<div class="project-card reveal"><div class="project-card-head"><div class="project-card-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 21h18"></path><path d="M5 21V7l8-4v18"></path><path d="M19 21V11l-6-4"></path></svg></div><h3>Mantenimiento Integral Planta Petroquímica</h3></div><p>Mantenimiento preventivo y correctivo de equipos críticos en planta de procesamiento</p><div class="project-client"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg><span>Sinovensa</span></div></div>
<div class="project-card reveal reveal-delay-1"><div class="project-card-head"><div class="project-card-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 21h18"></path><path d="M5 21V7l8-4v18"></path><path d="M19 21V11l-6-4"></path></svg></div><h3>Instalación Sistema de Instrumentación</h3></div><p>Diseño e instalación de sistema completo de instrumentación y control automático</p><div class="project-client"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg><span>Chevron</span></div></div>
<div class="project-card reveal reveal-delay-2"><div class="project-card-head"><div class="project-card-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 21h18"></path><path d="M5 21V7l8-4v18"></path><path d="M19 21V11l-6-4"></path></svg></div><h3>Saneamiento ambiental</h3></div><p>Servicios de saneamiento ambiental y control de condiciones operativas en áreas industriales</p><div class="project-client"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg><span>Petromiranda</span></div></div>
<div class="project-card reveal"><div class="project-card-head"><div class="project-card-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 21h18"></path><path d="M5 21V7l8-4v18"></path><path d="M19 21V11l-6-4"></path></svg></div><h3>Fabricación de Estructuras Metálicas</h3></div><p>Diseño y fabricación de estructuras metálicas para plataformas industriales</p><div class="project-client"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg><span>PDVSA</span></div></div>
<div class="project-card reveal reveal-delay-1"><div class="project-card-head"><div class="project-card-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 21h18"></path><path d="M5 21V7l8-4v18"></path><path d="M19 21V11l-6-4"></path></svg></div><h3>Servicio de Alquiler de Equipos</h3></div><p>Alquiler y operación de maquinaria pesada para proyecto de expansión</p><div class="project-client"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg><span>Sinovensa</span></div></div>
<div class="project-card reveal reveal-delay-2"><div class="project-card-head"><div class="project-card-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 21h18"></path><path d="M5 21V7l8-4v18"></path><path d="M19 21V11l-6-4"></path></svg></div><h3>Calibración de Instrumentos</h3></div><p>Servicio de calibración y certificación de instrumentos de medición</p><div class="project-client"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg><span>Chevron</span></div></div>
</div>
</div>
</section>
<!-- Clients -->
<section class="section section-light">
<div class="container">
<div class="section-head reveal">
<h2>Nuestros <span style="color:var(--naranjaAccento)">Clientes</span></h2>
<p>Confianza de las empresas líderes del sector energético e industrial</p>
</div>
<div class="grid grid-4">
<div class="client-card reveal"><div class="client-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 21h18"></path><path d="M5 21V7l8-4v18"></path><path d="M19 21V11l-6-4"></path></svg></div><span>Sinovensa</span></div>
<div class="client-card reveal reveal-delay-1"><div class="client-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 21h18"></path><path d="M5 21V7l8-4v18"></path><path d="M19 21V11l-6-4"></path></svg></div><span>Chevron</span></div>
<div class="client-card reveal reveal-delay-2"><div class="client-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 21h18"></path><path d="M5 21V7l8-4v18"></path><path d="M19 21V11l-6-4"></path></svg></div><span>Petromiranda</span></div>
<div class="client-card reveal reveal-delay-3"><div class="client-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 21h18"></path><path d="M5 21V7l8-4v18"></path><path d="M19 21V11l-6-4"></path></svg></div><span>PDVSA</span></div>
<div class="client-card reveal"><div class="client-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 21h18"></path><path d="M5 21V7l8-4v18"></path><path d="M19 21V11l-6-4"></path></svg></div><span>Pequiven</span></div>
<div class="client-card reveal reveal-delay-1"><div class="client-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 21h18"></path><path d="M5 21V7l8-4v18"></path><path d="M19 21V11l-6-4"></path></svg></div><span>Supermetanol</span></div>
<div class="client-card reveal reveal-delay-2"><div class="client-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 21h18"></path><path d="M5 21V7l8-4v18"></path><path d="M19 21V11l-6-4"></path></svg></div><span>Metor</span></div>
<div class="client-card reveal reveal-delay-3"><div class="client-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 21h18"></path><path d="M5 21V7l8-4v18"></path><path d="M19 21V11l-6-4"></path></svg></div><span>Fertilizantes de Oriente</span></div>
</div>
</div>
</section>
</main>
<!-- Footer -->
<footer class="footer">
<div class="container">
<div class="footer-grid">
<div>
<h3>VALEA Inversiones</h3>
<p>Soluciones Integrales en Ingeniería Industrial y Mantenimiento</p>
</div>
<div>
<h4>Enlaces Rápidos</h4>
<nav class="footer-links">
<a href="index.html">Inicio</a>
<a href="servicios.html">Servicios</a>
<a href="acerca-de.html">Acerca de</a>
<a href="proyectos.html">Proyectos</a>
<a href="contacto.html">Contacto</a>
</nav>
</div>
<div>
<h4>Contacto</h4>
<div class="footer-contact">
<div class="footer-contact-item"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg><a href="mailto:valeainversiones@gmail.com">valeainversiones@gmail.com</a></div>
<div class="footer-contact-item"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg><span>0414-7748343</span></div>
<div class="footer-contact-item"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle></svg><span>Barcelona, Estado Anzoátegui, Venezuela</span></div>
</div>
</div>
</div>
<div class="footer-bottom">
© <span id="year"></span> VALEA Inversiones. Todos los derechos reservados.
</div>
</div>
</footer>
<div class="toast-viewport"></div>
<script>document.getElementById('year').textContent = new Date().getFullYear();</script>
<script src="js/main.js"></script>
</body>
</html>
+151
View File
@@ -0,0 +1,151 @@
/* ===== VALEA Inversiones — Scripts estáticos ===== */
(function () {
'use strict';
/* ---------- Mobile navigation ---------- */
var toggle = document.querySelector('.nav-toggle');
var mobile = document.querySelector('.nav-mobile');
if (toggle && mobile) {
toggle.addEventListener('click', function () {
mobile.classList.toggle('open');
var icon = toggle.querySelector('svg');
if (mobile.classList.contains('open')) {
icon.innerHTML = '<line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line>';
} else {
icon.innerHTML = '<line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line>';
}
});
mobile.querySelectorAll('a').forEach(function (a) {
a.addEventListener('click', function () { mobile.classList.remove('open'); });
});
}
/* ---------- Active nav link ---------- */
var path = window.location.pathname.split('/').pop() || 'index.html';
document.querySelectorAll('[data-nav]').forEach(function (link) {
if (link.getAttribute('data-nav') === path) link.classList.add('active');
});
/* ---------- Scroll reveal ---------- */
var reveals = document.querySelectorAll('.reveal');
if ('IntersectionObserver' in window && reveals.length) {
var io = new IntersectionObserver(function (entries) {
entries.forEach(function (entry) {
if (entry.isIntersecting) {
entry.target.classList.add('visible');
io.unobserve(entry.target);
}
});
}, { threshold: 0.12 });
reveals.forEach(function (el) { io.observe(el); });
} else {
reveals.forEach(function (el) { el.classList.add('visible'); });
}
/* ---------- Toast ---------- */
function showToast(title, desc, type) {
var vp = document.querySelector('.toast-viewport');
if (!vp) {
vp = document.createElement('div');
vp.className = 'toast-viewport';
document.body.appendChild(vp);
}
var t = document.createElement('div');
t.className = 'toast ' + (type || 'success');
t.innerHTML =
'<div><div class="toast-title"></div><div class="toast-desc"></div></div>' +
'<button class="toast-close" aria-label="Cerrar"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></button>';
t.querySelector('.toast-title').textContent = title;
t.querySelector('.toast-desc').textContent = desc || '';
vp.appendChild(t);
var close = function () {
t.style.transition = 'opacity .3s, transform .3s';
t.style.opacity = '0';
t.style.transform = 'translateX(100%)';
setTimeout(function () { if (t.parentNode) t.parentNode.removeChild(t); }, 300);
};
t.querySelector('.toast-close').addEventListener('click', close);
setTimeout(close, 5000);
}
window.valeaToast = showToast;
/* ---------- Contact form ---------- */
var form = document.getElementById('contact-form');
if (form) {
var fields = ['nombre', 'email', 'telefono', 'empresa', 'asunto', 'mensaje'];
var data = {};
fields.forEach(function (f) { data[f] = ''; });
function setError(name, msg) {
var input = form.querySelector('[name="' + name + '"]');
var errEl = form.querySelector('[data-error="' + name + '"]');
if (input) input.classList.toggle('error', !!msg);
if (errEl) errEl.textContent = msg || '';
}
function validate() {
var ok = true;
if (!data.nombre.trim()) { setError('nombre', 'El nombre es requerido'); ok = false; } else setError('nombre', '');
if (!data.email.trim()) { setError('email', 'El email es requerido'); ok = false; }
else if (!/^\S+@\S+\.\S+$/.test(data.email)) { setError('email', 'Email inválido'); ok = false; } else setError('email', '');
if (!data.telefono.trim()) { setError('telefono', 'El teléfono es requerido'); ok = false; } else setError('telefono', '');
if (!data.asunto.trim()) { setError('asunto', 'El asunto es requerido'); ok = false; } else setError('asunto', '');
if (!data.mensaje.trim()) { setError('mensaje', 'El mensaje es requerido'); ok = false; } else setError('mensaje', '');
return ok;
}
fields.forEach(function (name) {
var input = form.querySelector('[name="' + name + '"]');
if (input) {
input.addEventListener('input', function () {
data[name] = input.value;
if (input.classList.contains('error')) setError(name, '');
});
}
});
form.addEventListener('submit', function (e) {
e.preventDefault();
fields.forEach(function (name) {
var input = form.querySelector('[name="' + name + '"]');
if (input) data[name] = input.value;
});
if (!validate()) {
showToast('Error de validación', 'Por favor complete todos los campos requeridos.', 'error');
return;
}
var btn = form.querySelector('button[type="submit"]');
var original = btn.innerHTML;
btn.disabled = true;
btn.innerHTML = '<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right:.5rem;animation:spin 1s linear infinite"><path d="M21 12a9 9 0 1 1-6.219-8.56"></path></svg> Enviando...';
// Alternativa funcional sin backend: abrir el cliente de correo del usuario
// con todos los datos del formulario ya rellenados.
setTimeout(function () {
var subject = encodeURIComponent(data.asunto || 'Consulta desde la web VALEA Inversiones');
var body = encodeURIComponent(
'Nombre: ' + data.nombre + '\n' +
'Email: ' + data.email + '\n' +
'Teléfono: ' + data.telefono + '\n' +
(data.empresa ? 'Empresa: ' + data.empresa + '\n' : '') +
'\nMensaje:\n' + data.mensaje
);
var mailto = 'mailto:valeainversiones@gmail.com?subject=' + subject + '&body=' + body;
showToast('¡Mensaje listo para enviar!', 'Se abrirá su cliente de correo. Si no se abre, escríbanos a valeainversiones@gmail.com', 'success');
btn.disabled = false;
btn.innerHTML = original;
form.reset();
fields.forEach(function (f) { data[f] = ''; });
// Intentar abrir el cliente de correo
try { window.location.href = mailto; } catch (err) {}
}, 1200);
});
}
})();
/* spinner keyframe injected */
var style = document.createElement('style');
style.textContent = '@keyframes spin{to{transform:rotate(360deg)}}';
document.head.appendChild(style);
+84
View File
@@ -0,0 +1,84 @@
<!doctype html>
<html lang="es">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="theme-color" content="#1F4E79" />
<meta name="description" content="Conozca nuestros proyectos exitosos ejecutados para las principales empresas del sector industrial venezolano." />
<title>Proyectos - VALEA Inversiones</title>
<link rel="icon" type="image/svg+xml" href="assets/favicon.svg" />
<link rel="stylesheet" href="css/styles.css" />
</head>
<body>
<nav class="nav">
<div class="container nav-inner">
<a href="index.html" class="nav-logo"><img src="https://horizons-cdn.hostinger.com/f282ce11-7db1-4077-b550-1caec7979db1/37ca80aa9cc5a842ca701b01a0ba6065.png" alt="VALEA Inversiones Logo" /></a>
<div class="nav-desktop">
<a href="index.html" class="nav-link" data-nav="index.html">Inicio</a>
<a href="servicios.html" class="nav-link" data-nav="servicios.html">Servicios</a>
<a href="acerca-de.html" class="nav-link" data-nav="acerca-de.html">Acerca de</a>
<a href="proyectos.html" class="nav-link" data-nav="proyectos.html">Proyectos</a>
<a href="contacto.html" class="nav-link" data-nav="contacto.html">Contacto</a>
<a href="contacto.html" class="btn btn-cta btn-rounded-full nav-cta">Solicitar Cotización</a>
</div>
<button class="nav-toggle" aria-label="Menú"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg></button>
</div>
<div class="nav-mobile">
<div class="nav-mobile-inner">
<a href="index.html" class="nav-mobile-link" data-nav="index.html">Inicio</a>
<a href="servicios.html" class="nav-mobile-link" data-nav="servicios.html">Servicios</a>
<a href="acerca-de.html" class="nav-mobile-link" data-nav="acerca-de.html">Acerca de</a>
<a href="proyectos.html" class="nav-mobile-link" data-nav="proyectos.html">Proyectos</a>
<a href="contacto.html" class="nav-mobile-link" data-nav="contacto.html">Contacto</a>
<a href="contacto.html" class="nav-mobile-cta">Solicitar Cotización</a>
</div>
</div>
</nav>
<main class="pt-20" style="background:var(--blanco)">
<section class="page-hero">
<div class="page-hero-bg"><img src="https://images.unsplash.com/photo-1599277186677-fafcf8d96740" alt="Projects" /><div class="page-hero-overlay"></div></div>
<div class="container page-hero-content reveal">
<h1>Nuestros <span>Proyectos</span></h1>
<p>Más de 200 proyectos exitosos desde 2017</p>
</div>
</section>
<section class="section section-dark">
<div class="container">
<div class="section-head reveal">
<h2 class="on-dark">Experiencia y <span>Proyectos</span></h2>
<p class="on-dark">Desde 2017, hemos ejecutado exitosamente más de 200 proyectos para las principales empresas del sector industrial venezolano</p>
</div>
<div class="grid grid-3">
<div class="project-card reveal"><div class="project-card-head"><div class="project-card-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 21h18"></path><path d="M5 21V7l8-4v18"></path><path d="M19 21V11l-6-4"></path></svg></div><h3>Mantenimiento Integral Planta Petroquímica</h3></div><p>Mantenimiento preventivo y correctivo de equipos críticos en planta de procesamiento</p><div class="project-client"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg><span>Sinovensa</span></div></div>
<div class="project-card reveal reveal-delay-1"><div class="project-card-head"><div class="project-card-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 21h18"></path><path d="M5 21V7l8-4v18"></path><path d="M19 21V11l-6-4"></path></svg></div><h3>Instalación Sistema de Instrumentación</h3></div><p>Diseño e instalación de sistema completo de instrumentación y control automático</p><div class="project-client"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg><span>Chevron</span></div></div>
<div class="project-card reveal reveal-delay-2"><div class="project-card-head"><div class="project-card-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 21h18"></path><path d="M5 21V7l8-4v18"></path><path d="M19 21V11l-6-4"></path></svg></div><h3>Saneamiento ambiental</h3></div><p>Servicios de saneamiento ambiental y control de condiciones operativas en áreas industriales</p><div class="project-client"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg><span>Petromiranda</span></div></div>
<div class="project-card reveal"><div class="project-card-head"><div class="project-card-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 21h18"></path><path d="M5 21V7l8-4v18"></path><path d="M19 21V11l-6-4"></path></svg></div><h3>Fabricación de Estructuras Metálicas</h3></div><p>Diseño y fabricación de estructuras metálicas para plataformas industriales</p><div class="project-client"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg><span>PDVSA</span></div></div>
<div class="project-card reveal reveal-delay-1"><div class="project-card-head"><div class="project-card-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 21h18"></path><path d="M5 21V7l8-4v18"></path><path d="M19 21V11l-6-4"></path></svg></div><h3>Servicio de Alquiler de Equipos</h3></div><p>Alquiler y operación de maquinaria pesada para proyecto de expansión</p><div class="project-client"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg><span>Sinovensa</span></div></div>
<div class="project-card reveal reveal-delay-2"><div class="project-card-head"><div class="project-card-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 21h18"></path><path d="M5 21V7l8-4v18"></path><path d="M19 21V11l-6-4"></path></svg></div><h3>Calibración de Instrumentos</h3></div><p>Servicio de calibración y certificación de instrumentos de medición</p><div class="project-client"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg><span>Chevron</span></div></div>
</div>
</div>
</section>
</main>
<footer class="footer">
<div class="container">
<div class="footer-grid">
<div><h3>VALEA Inversiones</h3><p>Soluciones Integrales en Ingeniería Industrial y Mantenimiento</p></div>
<div><h4>Enlaces Rápidos</h4><nav class="footer-links"><a href="index.html">Inicio</a><a href="servicios.html">Servicios</a><a href="acerca-de.html">Acerca de</a><a href="proyectos.html">Proyectos</a><a href="contacto.html">Contacto</a></nav></div>
<div><h4>Contacto</h4><div class="footer-contact">
<div class="footer-contact-item"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg><a href="mailto:valeainversiones@gmail.com">valeainversiones@gmail.com</a></div>
<div class="footer-contact-item"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg><span>0414-7748343</span></div>
<div class="footer-contact-item"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle></svg><span>Barcelona, Estado Anzoátegui, Venezuela</span></div>
</div></div>
</div>
<div class="footer-bottom">© <span id="year"></span> VALEA Inversiones. Todos los derechos reservados.</div>
</div>
</footer>
<div class="toast-viewport"></div>
<script>document.getElementById('year').textContent = new Date().getFullYear();</script>
<script src="js/main.js"></script>
</body>
</html>
+156
View File
@@ -0,0 +1,156 @@
<!doctype html>
<html lang="es">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="theme-color" content="#1F4E79" />
<meta name="description" content="Descubra nuestros servicios de mantenimiento industrial, instrumentación, ingeniería y alquiler de equipos." />
<title>Servicios - VALEA Inversiones</title>
<link rel="icon" type="image/svg+xml" href="assets/favicon.svg" />
<link rel="stylesheet" href="css/styles.css" />
</head>
<body>
<nav class="nav">
<div class="container nav-inner">
<a href="index.html" class="nav-logo"><img src="https://horizons-cdn.hostinger.com/f282ce11-7db1-4077-b550-1caec7979db1/37ca80aa9cc5a842ca701b01a0ba6065.png" alt="VALEA Inversiones Logo" /></a>
<div class="nav-desktop">
<a href="index.html" class="nav-link" data-nav="index.html">Inicio</a>
<a href="servicios.html" class="nav-link" data-nav="servicios.html">Servicios</a>
<a href="acerca-de.html" class="nav-link" data-nav="acerca-de.html">Acerca de</a>
<a href="proyectos.html" class="nav-link" data-nav="proyectos.html">Proyectos</a>
<a href="contacto.html" class="nav-link" data-nav="contacto.html">Contacto</a>
<a href="contacto.html" class="btn btn-cta btn-rounded-full nav-cta">Solicitar Cotización</a>
</div>
<button class="nav-toggle" aria-label="Menú"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg></button>
</div>
<div class="nav-mobile">
<div class="nav-mobile-inner">
<a href="index.html" class="nav-mobile-link" data-nav="index.html">Inicio</a>
<a href="servicios.html" class="nav-mobile-link" data-nav="servicios.html">Servicios</a>
<a href="acerca-de.html" class="nav-mobile-link" data-nav="acerca-de.html">Acerca de</a>
<a href="proyectos.html" class="nav-mobile-link" data-nav="proyectos.html">Proyectos</a>
<a href="contacto.html" class="nav-mobile-link" data-nav="contacto.html">Contacto</a>
<a href="contacto.html" class="nav-mobile-cta">Solicitar Cotización</a>
</div>
</div>
</nav>
<main class="pt-20" style="background:var(--grisClaro)">
<section class="page-hero">
<div class="page-hero-bg"><img src="https://images.unsplash.com/photo-1610891015188-5369212db097" alt="Services" /><div class="page-hero-overlay"></div></div>
<div class="container page-hero-content reveal">
<h1>Nuestros <span>Servicios</span></h1>
<p>Soluciones integrales y especializadas para la industria</p>
</div>
</section>
<section class="section">
<div class="container">
<!-- Mantenimiento -->
<div class="service-detail reveal">
<div class="service-detail-grid">
<div>
<div class="card-icon card-icon-lg dark" style="margin-bottom:1.5rem"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"></path></svg></div>
<h2>Mantenimiento Industrial</h2>
<p class="desc">Servicios especializados de mantenimiento para mantener sus operaciones funcionando sin interrupciones.</p>
<a href="contacto.html" class="btn btn-cta">Solicitar Servicio</a>
</div>
<div class="service-features">
<h3>Incluye:</h3>
<div class="feature-item"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg><span>Mantenimiento preventivo y correctivo</span></div>
<div class="feature-item"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg><span>Pruebas de válvulas de alivio</span></div>
<div class="feature-item"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg><span>Mantenimiento de bombas</span></div>
<div class="feature-item"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg><span>Equipos rotativos</span></div>
<div class="feature-item"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg><span>Análisis de vibraciones</span></div>
<div class="feature-item"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg><span>Balanceo dinámico</span></div>
</div>
</div>
</div>
<!-- Instrumentación -->
<div class="service-detail reveal">
<div class="service-detail-grid">
<div>
<div class="card-icon card-icon-lg dark" style="margin-bottom:1.5rem"><svg 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 6 12 12 16 14"></polyline></svg></div>
<h2>Instrumentación Industrial y Control</h2>
<p class="desc">Soluciones completas en instrumentación y sistemas de control automático.</p>
<a href="contacto.html" class="btn btn-cta">Solicitar Servicio</a>
</div>
<div class="service-features">
<h3>Incluye:</h3>
<div class="feature-item"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg><span>Instrumentación electrónica</span></div>
<div class="feature-item"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg><span>Instrumentación mecánica</span></div>
<div class="feature-item"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg><span>Sistemas hidráulicos</span></div>
<div class="feature-item"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg><span>Sistemas neumáticos</span></div>
<div class="feature-item"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg><span>Calibración de instrumentos</span></div>
<div class="feature-item"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg><span>Automatización de procesos</span></div>
</div>
</div>
</div>
<!-- Ingeniería -->
<div class="service-detail reveal">
<div class="service-detail-grid">
<div>
<div class="card-icon card-icon-lg dark" style="margin-bottom:1.5rem"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="16.5" y1="7.5" x2="7.5" y2="16.5"></line><line x1="7.5" y1="7.5" x2="16.5" y2="16.5"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path></svg></div>
<h2>Ingeniería, Procura y Fabricación</h2>
<p class="desc">Diseño, suministro y fabricación de componentes y sistemas industriales.</p>
<a href="contacto.html" class="btn btn-cta">Solicitar Servicio</a>
</div>
<div class="service-features">
<h3>Incluye:</h3>
<div class="feature-item"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg><span>Diseño de tuberías</span></div>
<div class="feature-item"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg><span>Fabricación de válvulas</span></div>
<div class="feature-item"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg><span>Suministro de equipos</span></div>
<div class="feature-item"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg><span>Fabricación metalmecánica</span></div>
<div class="feature-item"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg><span>Estructuras metálicas</span></div>
<div class="feature-item"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg><span>Ingeniería de detalle</span></div>
</div>
</div>
</div>
<!-- Alquiler -->
<div class="service-detail reveal">
<div class="service-detail-grid">
<div>
<div class="card-icon card-icon-lg dark" style="margin-bottom:1.5rem"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="1" y="3" width="15" height="13"></rect><polygon points="16 8 20 8 23 11 23 16 16 16 16 8"></polygon><circle cx="5.5" cy="18.5" r="2.5"></circle><circle cx="18.5" cy="18.5" r="2.5"></circle></svg></div>
<h2>Alquiler de Maquinarias y Equipos</h2>
<p class="desc">Amplia gama de equipos y maquinaria para sus proyectos industriales.</p>
<a href="contacto.html" class="btn btn-cta">Solicitar Servicio</a>
</div>
<div class="service-features">
<h3>Incluye:</h3>
<div class="feature-item"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg><span>Camiones de servicio</span></div>
<div class="feature-item"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg><span>Montacargas</span></div>
<div class="feature-item"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg><span>Generadores eléctricos</span></div>
<div class="feature-item"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg><span>Bombas industriales</span></div>
<div class="feature-item"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg><span>Equipos de elevación</span></div>
<div class="feature-item"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg><span>Herramientas especializadas</span></div>
<div class="feature-item"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg><span>Brazo Pigman</span></div>
</div>
</div>
</div>
</div>
</section>
</main>
<footer class="footer">
<div class="container">
<div class="footer-grid">
<div><h3>VALEA Inversiones</h3><p>Soluciones Integrales en Ingeniería Industrial y Mantenimiento</p></div>
<div><h4>Enlaces Rápidos</h4><nav class="footer-links"><a href="index.html">Inicio</a><a href="servicios.html">Servicios</a><a href="acerca-de.html">Acerca de</a><a href="proyectos.html">Proyectos</a><a href="contacto.html">Contacto</a></nav></div>
<div><h4>Contacto</h4><div class="footer-contact">
<div class="footer-contact-item"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg><a href="mailto:valeainversiones@gmail.com">valeainversiones@gmail.com</a></div>
<div class="footer-contact-item"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg><span>0414-7748343</span></div>
<div class="footer-contact-item"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle></svg><span>Barcelona, Estado Anzoátegui, Venezuela</span></div>
</div></div>
</div>
<div class="footer-bottom">© <span id="year"></span> VALEA Inversiones. Todos los derechos reservados.</div>
</div>
</footer>
<div class="toast-viewport"></div>
<script>document.getElementById('year').textContent = new Date().getFullYear();</script>
<script src="js/main.js"></script>
</body>
</html>