103 lines
3.9 KiB
PHP
103 lines
3.9 KiB
PHP
<!DOCTYPE html>
|
|
<html style="height: 600px;">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>OTP Email</title>
|
|
<style>
|
|
body {
|
|
margin: 0;
|
|
padding: 0;
|
|
width: 100% !important;
|
|
-webkit-text-size-adjust: 100%;
|
|
-ms-text-size-adjust: 100%;
|
|
}
|
|
|
|
table {
|
|
border-spacing: 0;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
img {
|
|
border: 0;
|
|
height: auto;
|
|
line-height: 100%;
|
|
outline: none;
|
|
text-decoration: none;
|
|
}
|
|
|
|
@media only screen and (max-width: 600px) {
|
|
.container {
|
|
width: 100% !important;
|
|
padding: 20px !important;
|
|
}
|
|
|
|
.header-text {
|
|
font-size: 14px !important;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
<body
|
|
style="background-color: #f4f6f8; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;display: flex; justify-content: center; align-items: center; height: 100%;">
|
|
|
|
<table style="background-color: #f4f6f8; padding: 40px 0;">
|
|
<tr>
|
|
<td>
|
|
|
|
<table class="container"
|
|
style="width: 600px; max-width: 600px; background-color: #ffffff; border-radius: 16px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.05);">
|
|
|
|
<tr>
|
|
<td style="background: linear-gradient(135deg, #EFF6FF 0%, #FCF3F8 100%); padding: 30px 40px; height: 120px; vertical-align: top;">
|
|
<table style="width: 100%;">
|
|
<tr>
|
|
<td align="left"
|
|
style="color: #000000; display: flex; align-items: center;">
|
|
<p style="padding: 12px; margin-right: 8px; width: fit-content; border-radius: 8px; background: linear-gradient(120deg, #136FFA 0%, #806CF9 100%); color: #ffffff; font-weight: bold ">DH</p>
|
|
<p style="font-size: 30px; font-weight: bold; letter-spacing: 1px; margin-bottom: 20px;">{{config('app.name')}}</p>
|
|
</td>
|
|
<td align="right" style="color: #000000; font-size: 14px;">
|
|
{{ now()->format('d M, Y') }}
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td style="padding: 40px; text-align: center;">
|
|
|
|
<h2 style="margin: 0 0 10px 0; color: #1a1a1a; font-size: 24px; font-weight: 600;">Your OTP</h2>
|
|
|
|
<p style="margin: 0 0 30px 0; color: #718096; font-size: 14px; line-height: 1.6;">
|
|
Thank you for choosing {{config('app.name')}}. Use the following OTP to complete the
|
|
procedure to change your reset your password. OTP is valid for
|
|
<strong>{{config('auth.otp_lifespan')}} minutes</strong>. Do not share this code with
|
|
others.
|
|
</p>
|
|
|
|
<div style="margin: 30px 0;">
|
|
@foreach(str_split((string)$otp) as $digit)
|
|
<span
|
|
style="display: inline-block; margin: 0 5px; color: #c0394e; font-size: 32px; font-weight: bold;">
|
|
{{ $digit }}
|
|
</span>
|
|
@endforeach
|
|
</div>
|
|
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td height="20" style="background-color: #ffffff;"></td>
|
|
</tr>
|
|
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
</body>
|
|
</html>
|