chore(release): static site deploy (sitio-estatico)
This commit is contained in:
@@ -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>
|
||||||
@@ -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>
|
||||||
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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);
|
||||||
@@ -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
@@ -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>
|
||||||
Reference in New Issue
Block a user