Bryam105
8ad829d9d2
- Agregada nueva funcionalidad de "Forgot Password" para reestablecer la contraseña. - Cambios en estilos del login para mayor consistencia con el resto de la pagina. - Creado correo con template propio fiel al estilo de la pagina.
72 lines
4.3 KiB
PHP
72 lines
4.3 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="es">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Recuperar Contraseña</title>
|
|
</head>
|
|
<body style="margin: 0; padding: 0; background-color: #1a1a1a; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; color: #ffffff;">
|
|
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color: #1a1a1a; width: 100%;">
|
|
<tr>
|
|
<td align="center" style="padding: 40px 20px;">
|
|
<table width="100%" max-width="600" cellpadding="0" cellspacing="0" border="0" style="max-width: 600px; width: 100%; background-color: #242424; border-radius: 12px; border: 1px solid #333333; overflow: hidden; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);">
|
|
|
|
<!-- Header -->
|
|
<tr>
|
|
<td align="center" style="padding: 40px 20px 20px 20px; border-bottom: 1px solid #333333;">
|
|
<h1 style="margin: 0; font-size: 24px; font-weight: 800; color: #ffffff;">
|
|
Bicicletería <span style="color: #b3e600;">Lauck</span>
|
|
</h1>
|
|
<p style="margin: 5px 0 0 0; font-size: 14px; color: #a0a0a0; text-transform: uppercase; letter-spacing: 1px;">Recuperación de cuenta</p>
|
|
</td>
|
|
</tr>
|
|
|
|
<!-- Body -->
|
|
<tr>
|
|
<td style="padding: 40px 30px;">
|
|
<p style="margin: 0 0 20px 0; font-size: 16px; line-height: 1.5; color: #e5e5e5;">
|
|
Hola,
|
|
</p>
|
|
<p style="margin: 0 0 30px 0; font-size: 16px; line-height: 1.5; color: #a0a0a0;">
|
|
Estás recibiendo este correo porque recibimos una solicitud de restablecimiento de contraseña para tu cuenta en <strong>Lauck</strong>.
|
|
</p>
|
|
|
|
<table width="100%" cellpadding="0" cellspacing="0" border="0">
|
|
<tr>
|
|
<td align="center">
|
|
<a href="{{ $url }}" style="display: inline-block; padding: 14px 30px; background-color: #b3e600; color: #1a1a1a; text-decoration: none; font-size: 16px; font-weight: bold; border-radius: 8px; text-transform: uppercase; letter-spacing: 0.5px;">
|
|
Restablecer Contraseña
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<p style="margin: 30px 0 0 0; font-size: 16px; line-height: 1.5; color: #a0a0a0;">
|
|
Este enlace para restablecer la contraseña caducará en 60 minutos.
|
|
</p>
|
|
<p style="margin: 20px 0 0 0; font-size: 16px; line-height: 1.5; color: #a0a0a0;">
|
|
Si no solicitaste un restablecimiento de contraseña, no es necesario realizar ninguna otra acción.
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
|
|
<!-- Footer -->
|
|
<tr>
|
|
<td style="background-color: #1f1f1f; padding: 20px 30px; border-top: 1px solid #333333;">
|
|
<p style="margin: 0; font-size: 12px; line-height: 1.5; color: #666666; text-align: center;">
|
|
Si tienes problemas para hacer clic en el botón "Restablecer Contraseña", copia y pega la siguiente URL en tu navegador web:<br>
|
|
<a href="{{ $url }}" style="color: #b3e600; word-break: break-all; margin-top: 10px; display: inline-block;">{{ $url }}</a>
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
|
|
</table>
|
|
<p style="margin: 20px 0 0 0; font-size: 12px; color: #666666; text-align: center;">
|
|
© {{ date('Y') }} Bicicletería Lauck. Todos los derechos reservados.
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</body>
|
|
</html>
|