<html lang=»es»>
<head>
<meta charset=»UTF-8″>
<meta name=»viewport» content=»width=device-width, initial-scale=1.0″>
<title>Milab-IT | Soluciones Informáticas</title>
<style>
:root{
–primary:#0066cc;
–secondary:#00c6ff;
–dark:#071726;
–dark2:#0b1f3a;
–light:#f5f7fa;
–white:#ffffff;
}
*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:’Poppins’,sans-serif;
scroll-behavior:smooth;
}
body{
background:#f5f7fa;
color:#333;
}
header{
position:fixed;
width:100%;
top:0;
z-index:999;
background:rgba(7,23,38,.95);
backdrop-filter:blur(10px);
}
.container{
width:90%;
max-width:1200px;
margin:auto;
}
.navbar{
display:flex;
justify-content:space-between;
align-items:center;
padding:18px 0;
}
.logo{
color:white;
font-size:28px;
font-weight:700;
}
.logo span{
color:var(–secondary);
}
nav a{
color:white;
text-decoration:none;
margin-left:25px;
transition:.3s;
}
nav a:hover{
color:var(–secondary);
}
.hero{
min-height:100vh;
background:
linear-gradient(rgba(7,23,38,.85),
rgba(7,23,38,.85)),
url(‘https://images.unsplash.com/photo-1516321318423-f06f85e504b3?w=1600’);
background-size:cover;
background-position:center;
display:flex;
align-items:center;
text-align:center;
color:white;
}
.hero-content h1{
font-size:60px;
margin-bottom:20px;
}
.hero-content p{
font-size:22px;
max-width:800px;
margin:auto;
}
.buttons{
margin-top:35px;
}
.btn{
display:inline-block;
padding:15px 30px;
margin:10px;
border-radius:8px;
text-decoration:none;
font-weight:600;
}
.btn-primary{
background:var(–secondary);
color:white;
}
.btn-secondary{
border:2px solid white;
color:white;
}
section{
padding:90px 0;
}
.section-title{
text-align:center;
margin-bottom:60px;
}
.section-title h2{
font-size:38px;
color:var(–dark2);
}
.grid{
display:grid;
gap:25px;
}
.services{
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
}
.card{
background:white;
padding:30px;
border-radius:15px;
box-shadow:0 5px 20px rgba(0,0,0,.08);
transition:.3s;
}
.card:hover{
transform:translateY(-8px);
}
.card h3{
color:var(–primary);
margin-bottom:15px;
}
.tech{
background:var(–dark2);
color:white;
}
.tech-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
gap:20px;
}
.tech-item{
background:rgba(255,255,255,.08);
padding:20px;
border-radius:10px;
text-align:center;
}
.about{
display:grid;
grid-template-columns:1fr 1fr;
gap:50px;
align-items:center;
}
.about img{
width:100%;
border-radius:15px;
}
.benefits{
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
}
.benefit{
padding:25px;
background:white;
border-radius:12px;
text-align:center;
box-shadow:0 5px 15px rgba(0,0,0,.08);
}
.contact{
background:var(–dark);
color:white;
}
.contact-wrapper{
display:grid;
grid-template-columns:1fr 1fr;
gap:40px;
}
.contact-info p{
margin:15px 0;
}
form input,
form textarea{
width:100%;
padding:15px;
margin-bottom:15px;
border:none;
border-radius:8px;
}
form button{
background:var(–secondary);
color:white;
border:none;
padding:15px 30px;
border-radius:8px;
cursor:pointer;
}
footer{
background:#05111d;
color:#aaa;
text-align:center;
padding:25px;
}
.whatsapp{
position:fixed;
right:25px;
bottom:25px;
width:65px;
height:65px;
background:#25D366;
border-radius:50%;
display:flex;
justify-content:center;
align-items:center;
color:white;
font-size:30px;
text-decoration:none;
box-shadow:0 5px 20px rgba(0,0,0,.3);
}
.whatsapp:hover{
transform:scale(1.1);
}
@media(max-width:900px){
.hero-content h1{
font-size:42px;
}
.about,
.contact-wrapper{
grid-template-columns:1fr;
}
nav{
display:none;
}
}
</style>
</head>
<body>
<header>
<div class=»container navbar»>
<div class=»logo»>
Milab<span>-IT</span>
</div>
<nav>
#inicioInicio</a>
#serviciosServicios</a>
#tecnologiasTecnologías</a>
#nosotrosNosotros</a>
#contactoContacto</a>
</nav>
</div>
</header>
<section class=»hero» id=»inicio»>
<div class=»container hero-content»>
<h1>Transformamos la tecnología en una ventaja para su negocio</h1>
<p>
Brindamos soluciones IT integrales para empresas:
Microsoft 365, infraestructura, redes corporativas,
ciberseguridad, soporte técnico y continuidad operativa.
</p>
<div class=»buttons»>
#contacto
Solicitar Asesoramiento
</a>
</a>
</div>
</div>
</section>
<section id=»servicios»>
<div class=»container»>
<div class=»section-title»>
<h2>Nuestros Servicios</h2>
</div>
<div class=»grid services»>
<div class=»card»>
<h3>Soporte Técnico</h3>
<p>Asistencia remota y presencial para empresas.</p>
</div>
<div class=»card»>
<h3>Microsoft 365</h3>
<p>Migración, implementación y soporte especializado.</p>
</div>
<div class=»card»>
<h3>Infraestructura IT</h3>
<p>Administración de servidores y plataformas corporativas.</p>
</div>
<div class=»card»>
<h3>Redes Corporativas</h3>
<p>Implementación y optimización de redes empresariales.</p>
</div>
<div class=»card»>
<h3>Ciberseguridad</h3>
<p>Protección de datos, accesos y dispositivos.</p>
</div>
<div class=»card»>
<h3>Backup y Recuperación</h3>
<p>Continuidad operativa y resguardo de información.</p>
</div>
</div>
</div>
</section>
<section class=»tech» id=»tecnologias»>
<div class=»container»>
<div class=»section-title»>
<h2 style=»color:white»>Tecnologías que Administramos</h2>
</div>
<div class=»tech-grid»>
<div class=»tech-item»>Microsoft 365</div>
<div class=»tech-item»>Exchange Online</div>
<div class=»tech-item»>Teams</div>
<div class=»tech-item»>SharePoint</div>
<div class=»tech-item»>OneDrive</div>
<div class=»tech-item»>Intune</div>
<div class=»tech-item»>Entra ID</div>
<div class=»tech-item»>Windows Server</div>
<div class=»tech-item»>Active Directory</div>
<div class=»tech-item»>Hyper-V</div>
<div class=»tech-item»>VMware</div>
<div class=»tech-item»>Networking</div>
</div>
</div>
</section>
<section id=»nosotros»>
<div class=»container»>
<div class=»about»>
<div>
<h2>Quiénes Somos</h2>
<br>
<p>
Milab-IT Soluciones Informáticas nace con el objetivo
de brindar servicios tecnológicos profesionales para
organizaciones que necesitan un aliado estratégico
en su transformación digital.
</p>
<br>
<p>
Contamos con experiencia en administración de entornos
Microsoft, soporte corporativo, virtualización,
infraestructura, ciberseguridad y servicios cloud.
</p>
</div>
<div>
</div>
</div>
</div>
</section>
<section>
<div class=»container»>
<div class=»section-title»>
<h2>¿Por Qué Elegirnos?</h2>
</div>
<div class=»grid benefits»>
<div class=»benefit»>
<h3>Atención Personalizada</h3>
</div>
<div class=»benefit»>
<h3>Respuesta Rápida</h3>
</div>
<div class=»benefit»>
<h3>Soporte Remoto y On-Site</h3>
</div>
<div class=»benefit»>
<h3>Monitoreo Proactivo</h3>
</div>
<div class=»benefit»>
<h3>Seguridad Informática</h3>
</div>
<div class=»benefit»>
<h3>Soluciones Escalables</h3>
</div>
</div>
</div>
</section>
<section class=»contact» id=»contacto»>
<div class=»container»>
<div class=»section-title»>
<h2 style=»color:white»>Contacto</h2>
</div>
<div class=»contact-wrapper»>
<div class=»contact-info»>
<p>📧 info@milab-it.com.ar</p>
<p>📱 +54 11 4415-7976</p>
<p>📍 Buenos Aires, Argentina</p>
<p>
Estamos disponibles para asesorar a empresas
que buscan optimizar su infraestructura tecnológica.
</p>
</div>
<form>
<input type=»text» placeholder=»Nombre»>
<input type=»email» placeholder=»Correo Electrónico»>
<input type=»text» placeholder=»Empresa»>
<textarea rows=»5″
placeholder=»¿Cómo podemos ayudarlo?»></textarea>
<button type=»submit»>
Enviar Consulta
</button>
</form>
</div>
</div>
</section>
<footer>
© 2026 Milab-IT Soluciones Informáticas.
Todos los derechos reservados.
</footer>
💬
</a>
</body>
</html>