password-reset-code.blade.php 2.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. <!DOCTYPE html>
  2. <html lang="pt-BR">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Código de verificação</title>
  7. <style>
  8. body { font-family: Arial, sans-serif; background-color: #f4f4f4; margin: 0; padding: 0; }
  9. .container { max-width: 500px; margin: 40px auto; background: #ffffff; border-radius: 12px; padding: 40px; }
  10. .logo { text-align: center; margin-bottom: 32px; }
  11. .title { font-size: 22px; font-weight: bold; color: #1a5c38; text-align: center; margin-bottom: 16px; }
  12. .description { font-size: 14px; color: #555; text-align: center; margin-bottom: 32px; }
  13. .code-box { text-align: center; background: #f0f9f4; border: 2px solid #1a5c38; border-radius: 10px; padding: 24px; margin-bottom: 24px; }
  14. .code { font-size: 40px; font-weight: bold; letter-spacing: 12px; color: #1a5c38; }
  15. .divider { border: none; border-top: 1px solid #e0e0e0; margin: 24px 0; }
  16. .btn { display: block; width: fit-content; margin: 0 auto; background-color: #1a5c38; color: #ffffff; text-decoration: none; padding: 14px 32px; border-radius: 8px; font-size: 15px; font-weight: bold; }
  17. .expiry { font-size: 12px; color: #888; text-align: center; margin-top: 16px; }
  18. .footer { font-size: 12px; color: #aaa; text-align: center; margin-top: 32px; }
  19. </style>
  20. </head>
  21. <body>
  22. <div class="container">
  23. <div class="logo">
  24. <strong style="font-size: 24px; color: #1a5c38;">Ginástica do Cérebro</strong>
  25. </div>
  26. <div class="title">Redefinição de senha</div>
  27. <div class="description">
  28. Use o código abaixo para verificar sua identidade e redefinir sua senha.<br>
  29. Este código é válido por <strong>30 minutos</strong>.
  30. </div>
  31. <div class="code-box">
  32. <div class="code">{{ $code }}</div>
  33. </div>
  34. <hr class="divider">
  35. <div class="description">Ou clique no botão abaixo para acessar a página de recuperação de senha diretamente:</div>
  36. <a href="{{ $recoveryLink }}" class="btn">Redefinir minha senha</a>
  37. <div class="expiry" style="margin-top: 24px;">Se você não solicitou a redefinição de senha, ignore este e-mail.</div>
  38. <div class="footer">&copy; {{ date('Y') }} {{ config('app.name') }}. Todos os direitos reservados.</div>
  39. </div>
  40. </body>
  41. </html>