diff --git a/index.html b/index.html
new file mode 100644
index 0000000..617c066
--- /dev/null
+++ b/index.html
@@ -0,0 +1,125 @@
+<!DOCTYPE html>
+<html lang="es">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>diapopix.com - Dominio en venta / Domain for sale</title>
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
+  <style>
+    body {
+      background-color: #f8f9fa;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      min-height: 100vh;
+      margin: 0;
+      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+    }
+    .container-card {
+      max-width: 900px;
+      width: 95%;
+      background: #fff;
+      border-radius: 12px;
+      box-shadow: 0 10px 25px rgba(0,0,0,0.1);
+      overflow: hidden;
+    }
+    .col-section {
+      padding: 3rem 2rem;
+    }
+    .divider {
+      border-right: 1px solid #eee;
+    }
+    h1 {
+      font-size: 1.8rem;
+      font-weight: 700;
+      color: #333;
+      margin-bottom: 1.5rem;
+    }
+    .domain-name {
+      color: #0d6efd;
+      font-size: 1.4rem;
+    }
+    p {
+      color: #666;
+      line-height: 1.6;
+    }
+    .email-box {
+      margin-top: 2rem;
+      padding: 1rem;
+      background: #f0f7ff;
+      border-radius: 8px;
+    }
+    .email-link {
+      font-weight: bold;
+      color: #0d6efd;
+      cursor: pointer;
+      text-decoration: underline dotted;
+      display: inline-block;
+      transition: all 0.3s ease;
+    }
+    .email-link:hover {
+      color: #084298;
+      transform: scale(1.05);
+    }
+
+    /* Ajuste para móviles */
+    @media (max-width: 768px) {
+      .divider {
+        border-right: none;
+        border-bottom: 1px solid #eee;
+      }
+    }
+  </style>
+</head>
+<body>
+
+  <div class="container-card">
+    <div class="row g-0">
+      <div class="col-md-6 col-section text-center divider">
+        <h1>Dominio en venta</h1>
+        <p>El dominio <br><strong class="domain-name">diapopix.com</strong><br> está disponible.</p>
+        <div class="email-box">
+          <p><small>Contacto para ofertas (pasa el ratón):</small></p>
+          <span class="email-link" id="reveal-es">REVELAR E-MAIL</span>
+        </div>
+      </div>
+
+      <div class="col-md-6 col-section text-center">
+        <h1>Domain for sale</h1>
+        <p>The domain <br><strong class="domain-name">diapopix.com</strong><br> is available.</p>
+        <div class="email-box">
+          <p><small>Contact for offers (hover mouse):</small></p>
+          <span class="email-link" id="reveal-en">REVEAL E-MAIL</span>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <script>
+    // Configuración del correo
+    const user = "info";
+    const domain = "diapopix.com";
+    const fullEmail = user + "@" + domain;
+
+    // Función para mostrar el email
+    function reveal() {
+      const links = ['reveal-es', 'reveal-en'];
+      links.forEach(id => {
+        const el = document.getElementById(id);
+        el.textContent = fullEmail;
+        el.style.textDecoration = "none";
+        el.style.cursor = "default";
+      });
+    }
+
+    // Eventos
+    document.getElementById('reveal-es').addEventListener('mouseenter', reveal);
+    document.getElementById('reveal-en').addEventListener('mouseenter', reveal);
+    
+    // Soporte para dispositivos táctiles (clic)
+    document.getElementById('reveal-es').addEventListener('click', reveal);
+    document.getElementById('reveal-en').addEventListener('click', reveal);
+  </script>
+
+</body>
+</html>
\ No newline at end of file
