primer desarrollo
This commit is contained in:
+419
@@ -0,0 +1,419 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="es">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="VettaCore - Infraestructura tecnológica robusta y escalable. Redes, servidores on-premise, seguridad CCTV, cloud híbrida, MikroTik, CCNA y continuidad de negocio.">
|
||||
<meta name="keywords" content="infraestructura de redes, servidores on-premise, CCNA, MikroTik, CCTV, seguridad, cloud híbrida, VettaCore, VettaIO">
|
||||
<title>VettaCore - Infraestructura de Redes y Servidores | VettaIO</title>
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<!-- Particle Network Canvas — VettaCore (azul) -->
|
||||
<canvas id="particleCanvas"
|
||||
data-particle-color="rgba(59, 130, 246, 0.6)"
|
||||
data-line-color="rgba(59, 130, 246, 0.15)"></canvas>
|
||||
|
||||
<!-- ============================================================
|
||||
Navigation
|
||||
============================================================ -->
|
||||
<nav class="navbar">
|
||||
<div class="nav-container">
|
||||
<a href="index.html" class="logo">
|
||||
<img src="img/logovertical.png" alt="VettaIO">
|
||||
</a>
|
||||
|
||||
<div class="nav-links" id="navLinks">
|
||||
<a href="index.html" class="nav-link">Inicio</a>
|
||||
|
||||
<!-- Divisiones dropdown -->
|
||||
<div class="nav-item">
|
||||
<div class="nav-link-group">
|
||||
<a href="javascript:void(0)" class="nav-link" role="button">Divisiones</a>
|
||||
<button class="dropdown-toggle" aria-label="Abrir submenu" aria-expanded="false">
|
||||
<svg class="dropdown-arrow" ...>
|
||||
<polyline points="6 9 12 15 18 9"></polyline>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
<div class="dropdown">
|
||||
<a href="vettacore.html" class="dropdown-link">
|
||||
<span class="dd-dot dd-dot--core"></span>VettaCore
|
||||
</a>
|
||||
<a href="vettaflex.html" class="dropdown-link">
|
||||
<span class="dd-dot dd-dot--flex"></span>VettaFlex
|
||||
</a>
|
||||
<a href="vettamind.html" class="dropdown-link">
|
||||
<span class="dd-dot dd-dot--mind"></span>VettaMind
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a href="contacto.html" class="nav-link">Contacto</a>
|
||||
</div>
|
||||
|
||||
<button class="mobile-menu-btn" id="mobileMenuBtn" aria-label="Abrir menú">
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</button>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- ============================================================
|
||||
Hero — VettaCore
|
||||
============================================================ -->
|
||||
<section class="subpage-hero">
|
||||
<div class="container">
|
||||
<a href="index.html" class="back-link back-link--core">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||||
<polyline points="15 18 9 12 15 6"></polyline>
|
||||
</svg>
|
||||
Volver al inicio
|
||||
</a>
|
||||
|
||||
<div class="subpage-icon">
|
||||
<img src="img/icon_core.png" alt="VettaCore">
|
||||
</div>
|
||||
|
||||
<p class="subpage-lead">
|
||||
Infraestructura de redes y servidores — la columna vertebral de tu negocio
|
||||
</p>
|
||||
<p class="subpage-body">
|
||||
En VettaCore diseñamos, implementamos y gestionamos infraestructuras tecnológicas robustas. <strong>Especialistas en redes on-premise, servidores de alto rendimiento y soluciones de seguridad integral</strong> (CCTV, control de acceso). Contamos con certificaciones <strong>CCNA</strong> y <strong>MikroTik</strong> que garantizan la calidad de nuestro trabajo. También integramos cloud híbrida cuando tu negocio lo necesita.
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ============================================================
|
||||
Certifications Banner
|
||||
============================================================ -->
|
||||
<section class="certifications-section">
|
||||
<div class="container">
|
||||
<div class="cert-banner">
|
||||
<div class="cert-item">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"></path>
|
||||
</svg>
|
||||
<span>Certificación CCNA</span>
|
||||
</div>
|
||||
<div class="cert-item">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"></path>
|
||||
</svg>
|
||||
<span>Certificación MTCNA</span>
|
||||
</div>
|
||||
<div class="cert-item">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path d="M20 12V8H4v4M12 4v4M4 12v4a4 4 0 0 0 4 4h8a4 4 0 0 0 4-4v-4"></path>
|
||||
</svg>
|
||||
<span>+10 años de experiencia</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ============================================================
|
||||
Features — VettaCore (8 tarjetas)
|
||||
============================================================ -->
|
||||
<section class="features-section">
|
||||
<div class="container">
|
||||
<h2 class="features-section-title">
|
||||
Nuestros <span class="text-gradient-core">Servicios</span>
|
||||
</h2>
|
||||
<p class="features-section-subtitle">Soluciones integrales de infraestructura on-premise y cloud híbrida</p>
|
||||
|
||||
<div class="feature-grid">
|
||||
<div class="feature-item feature-item--core">
|
||||
<h3>Diseño y Cableado Estructurado</h3>
|
||||
<p>Diseño e implementación de redes LAN/WAN, cableado estructurado categoría 6/6A, fibra óptica y certificación de instalaciones.</p>
|
||||
</div>
|
||||
|
||||
<div class="feature-item feature-item--core">
|
||||
<h3>Routing & Switching Avanzado</h3>
|
||||
<p>Configuración de routers y switches Cisco, MikroTik. VLANs, OSPF, BGP, MPLS y alta disponibilidad. <strong>Certificación CCNA y MTCNA.</strong></p>
|
||||
</div>
|
||||
|
||||
<div class="feature-item feature-item--core">
|
||||
<h3>Servidores On-Premise</h3>
|
||||
<p>Implementación de servidores físicos (Dell, HP, Lenovo). Virtualización con VMware, Hyper-V o Proxmox. Almacenamiento SAN/NAS y backup local.</p>
|
||||
</div>
|
||||
|
||||
<div class="feature-item feature-item--core">
|
||||
<h3>Seguridad Perimetral y CCTV</h3>
|
||||
<p>Firewalls empresariales (Fortinet, Palo Alto, MikroTik). Sistemas de videovigilancia IP, cámaras 4K, NVR, análisis de video y control de acceso biométrico. Instalación y mantenimiento.</p>
|
||||
</div>
|
||||
|
||||
<div class="feature-item feature-item--core">
|
||||
<h3>Cloud Híbrida</h3>
|
||||
<p>Integración selectiva con AWS, Azure o Google Cloud. Sincronización de datos, backups en la nube y arquitecturas multi-cloud cuando es necesario.</p>
|
||||
</div>
|
||||
|
||||
<div class="feature-item feature-item--core">
|
||||
<h3>Monitoreo y Gestión Remota</h3>
|
||||
<p>Monitoreo 24/7 de tu infraestructura. Alertas proactivas, gestión remota de equipos y resolución de incidentes antes que afecten tu negocio.</p>
|
||||
</div>
|
||||
|
||||
<!-- NUEVA TARJETA 7: Wi-Fi Empresarial -->
|
||||
<div class="feature-item feature-item--core">
|
||||
<h3>Wi-Fi Empresarial</h3>
|
||||
<p>Diseño e implementación de redes inalámbricas de alta densidad. Controladores, access points, roaming seamless y autenticación 802.1X.</p>
|
||||
</div>
|
||||
|
||||
<!-- NUEVA TARJETA 8: Recuperación ante Desastres -->
|
||||
<div class="feature-item feature-item--core">
|
||||
<h3>Disaster Recovery & BCP</h3>
|
||||
<p>Planes de continuidad de negocio, backups automatizados (local + cloud), replicación de servidores y recuperación rápida ante fallos.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ============================================================
|
||||
Infraestructura Section — Soluciones detalladas
|
||||
============================================================ -->
|
||||
<section class="infra-solutions">
|
||||
<div class="container">
|
||||
<div class="section-header">
|
||||
<h2 class="section-title">Soluciones de <span class="text-gradient-core">Infraestructura</span></h2>
|
||||
<p class="section-subtitle">Cobertura completa para tu empresa</p>
|
||||
</div>
|
||||
|
||||
<div class="solutions-grid">
|
||||
<div class="solution-card">
|
||||
<div class="solution-icon">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
||||
<rect x="2" y="3" width="20" height="14" rx="2" ry="2"></rect>
|
||||
<line x1="8" y1="21" x2="16" y2="21"></line>
|
||||
<line x1="12" y1="17" x2="12" y2="21"></line>
|
||||
</svg>
|
||||
</div>
|
||||
<h3>Centro de Datos On-Premise</h3>
|
||||
<p>Diseño y construcción de salas de servidores. Climatización, UPS, generadores, PDU y sistemas de extinción de incendios.</p>
|
||||
</div>
|
||||
|
||||
<div class="solution-card">
|
||||
<div class="solution-icon">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
||||
<circle cx="12" cy="12" r="2"></circle>
|
||||
<path d="M2 12h2M20 12h2M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M4.93 19.07l1.41-1.41M17.66 6.34l1.41-1.41"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<h3>Redes Industriales</h3>
|
||||
<p>Infraestructura para entornos industriales. Switches, fibra óptica, TCP/IP y segmentación OT/IT.</p>
|
||||
</div>
|
||||
|
||||
<div class="solution-card">
|
||||
<div class="solution-icon">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" 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>VPN y Acceso Remoto Seguro</h3>
|
||||
<p>Implementación de VPN site-to-site y SSL VPN para teletrabajo. Autenticación multi-factor y políticas de acceso granular.</p>
|
||||
</div>
|
||||
|
||||
<div class="solution-card">
|
||||
<div class="solution-icon">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path d="M20 12V8H4v4M12 4v4M4 12v4a4 4 0 0 0 4 4h8a4 4 0 0 0 4-4v-4"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<h3>Migración a Cloud Híbrida</h3>
|
||||
<p>Evaluamos qué debe quedarse on-premise y qué puede ir a la nube. Migraciones seguras sin downtime.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ============================================================
|
||||
Tecnologías que manejamos - Carrusel de Logos
|
||||
============================================================ -->
|
||||
<section class="tech-stack-section">
|
||||
<div class="container">
|
||||
<div class="tech-stack-header">
|
||||
<h2>Tecnologías que <span class="text-gradient-core">dominamos</span></h2>
|
||||
<p>Hardware y software con los que trabajamos diariamente</p>
|
||||
</div>
|
||||
|
||||
<!-- Carrusel de logos sin marcos -->
|
||||
<div class="logo-carousel">
|
||||
<div class="logo-track" id="logoTrack">
|
||||
<!-- Logos - Redes -->
|
||||
<div class="logo-item">
|
||||
<img src="img/marcas/cisco.png" alt="Cisco logo">
|
||||
</div>
|
||||
<div class="logo-item">
|
||||
<img src="img/marcas/mikrotik.png" alt="MikroTik logo">
|
||||
</div>
|
||||
<div class="logo-item">
|
||||
<img src="img/marcas/ubiquiti.png" alt="Ubiquiti logo">
|
||||
</div>
|
||||
<div class="logo-item">
|
||||
<img src="img/marcas/fortinet.png" alt="Fortinet logo">
|
||||
</div>
|
||||
|
||||
<!-- Logos - Servidores -->
|
||||
<div class="logo-item">
|
||||
<img src="img/marcas/dell.png" alt="Dell logo">
|
||||
</div>
|
||||
<div class="logo-item">
|
||||
<img src="img/marcas/hp.png" alt="HP logo">
|
||||
</div>
|
||||
<div class="logo-item">
|
||||
<img src="img/marcas/lenovo.png" alt="Lenovo logo">
|
||||
</div>
|
||||
<div class="logo-item">
|
||||
<img src="img/marcas/vmware.png" alt="VMware logo">
|
||||
</div>
|
||||
<div class="logo-item">
|
||||
<img src="img/marcas/hyperv.png" alt="Hyper-V logo">
|
||||
</div>
|
||||
<div class="logo-item">
|
||||
<img src="img/marcas/proxmox.png" alt="Proxmox logo">
|
||||
</div>
|
||||
|
||||
<!-- Logos - Seguridad y CCTV -->
|
||||
<div class="logo-item">
|
||||
<img src="img/marcas/hikvision.png" alt="Hikvision logo">
|
||||
</div>
|
||||
<div class="logo-item">
|
||||
<img src="img/marcas/dahua.png" alt="Dahua logo">
|
||||
</div>
|
||||
|
||||
<!-- Logos - Cloud y Backups -->
|
||||
<div class="logo-item">
|
||||
<img src="img/marcas/aws.png" alt="AWS logo">
|
||||
</div>
|
||||
<div class="logo-item">
|
||||
<img src="img/marcas/azure.png" alt="Azure logo">
|
||||
</div>
|
||||
<div class="logo-item">
|
||||
<img src="img/marcas/veeam.png" alt="Veeam logo">
|
||||
</div>
|
||||
<div class="logo-item">
|
||||
<img src="img/marcas/zabbix.png" alt="Zabbix logo">
|
||||
</div>
|
||||
|
||||
|
||||
<!-- Duplicado para efecto infinito -->
|
||||
<div class="logo-item">
|
||||
<img src="img/marcas/cisco.png" alt="Cisco logo">
|
||||
</div>
|
||||
<div class="logo-item">
|
||||
<img src="img/marcas/mikrotik.png" alt="MikroTik logo">
|
||||
</div>
|
||||
<div class="logo-item">
|
||||
<img src="img/marcas/ubiquiti.png" alt="Ubiquiti logo">
|
||||
</div>
|
||||
<div class="logo-item">
|
||||
<img src="img/marcas/fortinet.png" alt="Fortinet logo">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ============================================================
|
||||
Beneficios de trabajar con VettaCore
|
||||
============================================================ -->
|
||||
<section class="benefits-section-core">
|
||||
<div class="container">
|
||||
<div class="benefits-core-grid">
|
||||
<div class="benefit-core-item">
|
||||
<div class="benefit-core-number">+10</div>
|
||||
<p>años de experiencia en infraestructura</p>
|
||||
</div>
|
||||
<div class="benefit-core-item">
|
||||
<div class="benefit-core-number">99.9%</div>
|
||||
<p>disponibilidad garantizada</p>
|
||||
</div>
|
||||
<div class="benefit-core-item">
|
||||
<div class="benefit-core-number">24/7</div>
|
||||
<p>monitoreo y soporte</p>
|
||||
</div>
|
||||
<div class="benefit-core-item">
|
||||
<div class="benefit-core-number">100+</div>
|
||||
<p>clientes satisfechos</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ============================================================
|
||||
CTA — VettaCore
|
||||
============================================================ -->
|
||||
<section class="cta-section">
|
||||
<div class="container">
|
||||
<div class="cta-box cta-box--core">
|
||||
<h2>¿Necesitas una infraestructura <span class="text-gradient-core">sólida y confiable?</span></h2>
|
||||
<p>Diseñamos la columna vertebral tecnológica que tu empresa merece</p>
|
||||
<a href="contacto.html" class="btn btn-primary">
|
||||
Consultar por tu proyecto
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||||
<polyline points="9 18 15 12 9 6"></polyline>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ============================================================
|
||||
Footer
|
||||
============================================================ -->
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="footer-grid">
|
||||
<div class="footer-column">
|
||||
<div class="footer-logo">
|
||||
<div class="footer-logo-icon">
|
||||
<img src="img/logovertical.png" alt="VettaIO">
|
||||
</div>
|
||||
</div>
|
||||
<p class="footer-description">Transformando ideas en soluciones tecnológicas de impacto.</p>
|
||||
</div>
|
||||
|
||||
<div class="footer-column">
|
||||
<h4>Divisiones</h4>
|
||||
<ul class="footer-links">
|
||||
<li><a href="vettacore.html">VettaCore</a></li>
|
||||
<li><a href="vettaflex.html">VettaFlex</a></li>
|
||||
<li><a href="vettamind.html">VettaMind</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="footer-column">
|
||||
<h4>Servicios</h4>
|
||||
<ul class="footer-links">
|
||||
<li><a href="index.html#custom-dev">Desarrollo a Medida</a></li>
|
||||
<li><a href="index.html#iot-solutions">Soluciones IoT</a></li>
|
||||
<li><a href="index.html#divisions">Consultoría</a></li>
|
||||
<li><a href="contacto.html">Soporte 24/7</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="footer-column">
|
||||
<h4>Contacto</h4>
|
||||
<ul class="footer-contact">
|
||||
<li><a href="mailto:info@vettaio.com">info@vettaio.com</a></li>
|
||||
<li>+54 388 584-2292</li>
|
||||
<li>Jujuy, Argentina</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer-bottom">
|
||||
<p>© <span id="year"></span> VettaIO. Todos los derechos reservados.</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="scripts.js"></script>
|
||||
<script>
|
||||
document.getElementById("year").textContent = new Date().getFullYear();
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user