83 lines
4.2 KiB
PHP
83 lines
4.2 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Password Reset OTP - Academy</title>
|
|
<style>
|
|
body, table, td, a { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
|
|
table, td { mso-table-lspace: 0pt; mso-table-rspace: 0pt; }
|
|
img { -ms-interpolation-mode: bicubic; border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; }
|
|
body { height: 100% !important; margin: 0 !important; padding: 0 !important; width: 100% !important; background-color: #f4f7f6; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }
|
|
</style>
|
|
</head>
|
|
<body style="margin: 0; padding: 0; background-color: #f4f7f6;">
|
|
|
|
<table border="0" cellpadding="0" cellspacing="0" width="100%">
|
|
<tr>
|
|
<td align="center" style="padding: 40px 10px;">
|
|
<!-- Main Container -->
|
|
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 550px; background-color: #ffffff; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.05);">
|
|
|
|
<!-- Header / Logo Area -->
|
|
<tr>
|
|
<td align="center" style="padding: 30px 20px; background-color: #1a2b4c;">
|
|
<!-- Academy Logo / Branding -->
|
|
<h2 style="color: #ffffff; margin: 0; font-size: 24px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase;">
|
|
ACADEMY
|
|
</h2>
|
|
</td>
|
|
</tr>
|
|
|
|
<!-- Body Content -->
|
|
<tr>
|
|
<td style="padding: 40px 30px; text-align: center;">
|
|
<h1 style="color: #20396b; font-size: 22px; font-weight: 700; margin-top: 0; margin-bottom: 12px;">
|
|
Reset Your Password
|
|
</h1>
|
|
|
|
<p style="color: #683636; font-size: 15px; line-height: 22px; margin-bottom: 25px;">
|
|
Hello,<br>
|
|
We received a request to reset the password for your Academy account. Use the Verification Code (OTP) below to proceed.
|
|
</p>
|
|
|
|
<!-- OTP Box -->
|
|
<div style="background-color: #f0f4f9; border: 2px dashed #0236b9; border-radius: 8px; padding: 18px; margin: 20px 0; display: inline-block; width: 80%;">
|
|
<span style="font-size: 32px; font-weight: 800; color: #0236b9; letter-spacing: 6px; font-family: 'Courier New', Courier, monospace;">
|
|
{{ $otp }}
|
|
</span>
|
|
</div>
|
|
|
|
<p style="color: #888888; font-size: 13px; line-height: 18px; margin-top: 25px;">
|
|
This OTP is valid for <strong>10 minutes</strong>. If you did not request a password reset, please ignore this email.
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
|
|
<!-- Divider -->
|
|
<tr>
|
|
<td style="padding: 0 30px;">
|
|
<hr style="border: none; border-top: 1px solid #eeeeee; margin: 0;">
|
|
</td>
|
|
</tr>
|
|
|
|
<!-- Footer -->
|
|
<tr>
|
|
<td style="padding: 25px 30px; text-align: center; background-color: #fafafa;">
|
|
<p style="color: #999999; font-size: 12px; margin: 0 0 8px 0;">
|
|
Regards,<br>
|
|
<strong>Academy Learning Team</strong>
|
|
</p>
|
|
<p style="color: #cccccc; font-size: 11px; margin: 0;">
|
|
© {{ date('Y') }} Academy. All rights reserved.
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
</body>
|
|
</html> |