<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Comercial Brinex</title>
<style>
body{
font-family: Arial, sans-serif;
margin:0;
background:#f4f4f4;
color:#333;
text-align:center;
}
header{
background:#0a3d91;
color:white;
padding:40px 20px;
}
h1{
margin:0;
font-size:36px;
}
section{
padding:30px 20px;
}
.productos{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:20px;
}
.card{
background:white;
padding:20px;
border-radius:8px;
box-shadow:0 4px 10px rgba(0,0,0,0.1);
width:250px;
}
.whatsapp{
display:inline-block;
background:#25D366;
color:white;
padding:15px 25px;
border-radius:6px;
text-decoration:none;
font-size:18px;
margin-top:20px;
}
footer{
background:#0a3d91;
color:white;
padding:20px;
margin-top:30px;
}
</style>
</head>
<body>
<header>
<h1>COMERCIAL BRINEX</h1>
<p>Distribuidor de productos de limpieza y papel institucional</p>
</header>
<section>
<h2>Productos</h2>
<div class="productos">
<div class="card">
<h3>Paños Maxwipe</h3>
<p>Alta absorción y reutilizables.</p>
</div>
<div class="card">
<h3>Papel Higiénico Elite</h3>
<p>Doble hoja, alto rendimiento.</p>
</div>
<div class="card">
<h3>Pañales Cotidian</h3>
<p>Protección y comodidad.</p>
</div>
<div class="card">
<h3>Productos de Lavandería</h3>
<p>Detergentes y limpieza del hogar.</p>
</div>
</div>
<a class="whatsapp" href="https://wa.me/56988334228">
📲 Pedir por WhatsApp
</a>
<p style="margin-top:20px">
🚚 Despacho empresas sector nororiente<br>
🚚 Hogares Colina y Quilicura
</p>
</section>
<footer>
© Comercial Brinex
</footer>
</body>
</html>