en HTML y Css dame un código para recuperar las cuentas perdidas
Aquí te dejo un ejemplo de cómo podrías implementar una página de recuperación de cuentas utilizando HTML, CSS y C#. **HTML (index.html)** ```html <!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Recuperar Cuenta</title> <link rel="stylesheet" href="estilos.css"> </head> <body> <div class="container"> <h1>Recuperar Cuenta</h1> <form id="recuperar-cuenta"> <label for="correo">Correo electrónico:</label> <input type="email" id="correo" name="correo" required> <button type="submit">Enviar</button> </form> <div id="mensaje"></div> </div> <script src="script.js"></script> </body> </html> ``` **CSS (estilos.css)** ```css body { font-family: Arial, sans-serif; background-color: #f0f0f0; } .container { max-width: 400px; margin: 40px auto; padding: 20px; background-color: #fff; border: 1px solid #ddd; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } h1 { text-align: center; margin-bottom: 20px; } label { display: block; margin-bottom: 10px; } input[type="email"] { width: 100%; height: 40px; padding: 10px; border: 1px solid #ccc; border-radius: 5px; } button[type="submit"] { width: 100%; height: 40px; background-color: #4CAF50; color: #fff; padding: 10px; border: none; border-radius: 5px; cursor: pointer; } button[type="submit"]:hover { background-color: #3e8e41; } #mensaje { margin-top: 20px; color: #666; } ``` **C# (RecuperarCuentaController.cs)** ```csharp using System; using System.Net.Mail; using System.Web.Mvc; namespace RecuperarCuenta.Controllers { public class RecuperarCuentaController : Controller { [HttpPost] public ActionResult RecuperarCuenta(string correo) { try { // Enviar correo electrónico de recuperación de cuenta var mensaje = new MailMessage(); mensaje.From = new MailAddress("tu_correo_electronico@gmail.com"); mensaje.To.Add(correo); mensaje.Subject = "Recuperar Cuenta"; mensaje.Body = "Para recuperar tu cuenta, haz clic en el siguiente enlace: <a href='https://tu_sitio_web.com/recuperar-cuenta'>Recuperar Cuenta</a>"; mensaje.IsBodyHtml = true; var smtp = new SmtpClient(); smtp.Host = "smtp.gmail.com"; smtp.Port = 587; smtp.EnableSsl = true; smtp.Credentials = new System.Net.NetworkCredential("tu_correo_electronico@gmail.com", "tu_contraseña"); smtp.Send(mensaje); ViewBag.Mensaje = "Correo electrónico de recuperación de cuenta enviado con éxito."; return View("index"); } catch (Exception ex) { ViewBag.Mensaje = "Error al enviar correo electrónico de recuperación de cuenta."; return View("index"); } } } } ``` **JavaScript (script.js)** ```javascript document.getElementById("recuperar-cuenta").addEventListener("submit", function (e) { e.preventDefault(); var correo = document.getElementById("correo").value; var datos = { correo: correo }; fetch("/RecuperarCuenta/RecuperarCuenta", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(datos) }) .then(function (response) { return response.json(); }) .then(function (data) { document.getElementById("mensaje").innerHTML = data.Mensaje; }) .catch(function (error) { console.error(error); }); }); ``` Recuerda que debes reemplazar los valores de `tu_correo_electronico@gmail.com` y `tu_contraseña` con tus propios valores de correo electrónico y contraseña. También debes crear un controlador en tu proyecto ASP.NET MVC llamado `RecuperarCuentaController` y agregar el método `RecuperarCuenta` para manejar la solicitud de recuperación de cuenta. Finalmente, asegúrate de que tengas instalado el paquete `System.Net.Mail` en tu proyecto para enviar correos electrónicos.