| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138 |
- <!DOCTYPE html>
- <html lang="pt-BR">
- <head>
- <meta charset="UTF-8" />
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
- <title>{{ __('mail.send_code.subject') }}</title>
- <style>
- * { box-sizing: border-box; margin: 0; padding: 0; }
- body {
- background-color: #f4f4f7;
- font-family: 'Segoe UI', Arial, sans-serif;
- color: #333333;
- }
- .wrapper {
- width: 100%;
- padding: 40px 16px;
- }
- .card {
- max-width: 520px;
- margin: 0 auto;
- background-color: #ffffff;
- border-radius: 12px;
- overflow: hidden;
- box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
- }
- .header {
- background-color: #1a6fa8;
- padding: 32px 40px;
- text-align: center;
- }
- .header h1 {
- color: #ffffff;
- font-size: 22px;
- font-weight: 700;
- letter-spacing: 0.5px;
- }
- .header p {
- color: #cce3f5;
- font-size: 13px;
- margin-top: 4px;
- }
- .body {
- padding: 36px 40px;
- text-align: center;
- }
- .body p {
- font-size: 15px;
- line-height: 1.6;
- color: #555555;
- }
- .code-box {
- display: inline-block;
- margin: 28px 0;
- padding: 18px 40px;
- background-color: #f0f7ff;
- border: 2px dashed #1a6fa8;
- border-radius: 10px;
- }
- .code-box span {
- display: block;
- font-size: 42px;
- font-weight: 800;
- letter-spacing: 10px;
- color: #1a6fa8;
- }
- .expiry {
- font-size: 13px;
- color: #999999;
- margin-top: 8px;
- }
- .footer {
- background-color: #f9f9fb;
- border-top: 1px solid #eeeeee;
- padding: 24px 40px;
- text-align: center;
- }
- .footer p {
- font-size: 12px;
- color: #aaaaaa;
- line-height: 1.6;
- }
- .footer strong {
- color: #888888;
- }
- </style>
- </head>
- <body>
- <div class="wrapper">
- <div class="card">
- <div class="header">
- <h1>Diaria App</h1>
- <p>{{ __('mail.send_code.header_subtitle') }}</p>
- </div>
- <div class="body">
- @if (!empty($recipientName))
- <p>{{ __('mail.send_code.greeting', ['name' => $recipientName]) }}</p>
- @else
- <p>{{ __('mail.send_code.greeting_anonymous') }}</p>
- @endif
- <p style="margin-top: 12px;">{{ __('mail.send_code.body_intro') }}</p>
- <div class="code-box">
- <span>{{ $code }}</span>
- </div>
- <p style="margin-top: 20px; font-size: 13px; color: #999;">
- {{ __('mail.send_code.ignore_notice') }}
- </p>
- </div>
- <div class="footer">
- <p>
- © {{ date('Y') }} <strong>Diaria App</strong><br />
- {{ __('mail.send_code.footer_note') }}
- </p>
- </div>
- </div>
- </div>
- </body>
- </html>
|