welcome-user.blade.php 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
  1. <!DOCTYPE html>
  2. <html lang="it">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Benvenuto su Leezard.cloud – Attiva il tuo account</title>
  7. <style>
  8. body {
  9. font-family: Arial, sans-serif;
  10. line-height: 1.6;
  11. color: #333;
  12. max-width: 600px;
  13. margin: 0 auto;
  14. padding: 20px;
  15. }
  16. .header {
  17. background-color: #0C6197;
  18. color: white;
  19. padding: 20px;
  20. text-align: center;
  21. border-radius: 8px 8px 0 0;
  22. }
  23. .content {
  24. background-color: #f8f9fa;
  25. padding: 30px;
  26. border-radius: 0 0 8px 8px;
  27. }
  28. .activation-box {
  29. background-color: white;
  30. border: 2px solid #0C6197;
  31. border-radius: 8px;
  32. padding: 20px;
  33. margin: 20px 0;
  34. text-align: center;
  35. }
  36. .activation-button {
  37. display: inline-block;
  38. background-color: #0C6197;
  39. color: white;
  40. padding: 15px 40px;
  41. text-decoration: none;
  42. border-radius: 5px;
  43. margin: 20px 0;
  44. font-weight: bold;
  45. font-size: 16px;
  46. }
  47. .activation-button:hover {
  48. background-color: #094c73;
  49. }
  50. .link-box {
  51. background-color: #e9ecef;
  52. padding: 15px;
  53. border-radius: 4px;
  54. font-family: monospace;
  55. margin: 20px 0;
  56. word-break: break-all;
  57. font-size: 14px;
  58. }
  59. .footer {
  60. margin-top: 30px;
  61. padding-top: 20px;
  62. border-top: 1px solid #dee2e6;
  63. font-size: 14px;
  64. color: #6c757d;
  65. }
  66. .warning {
  67. background-color: #fff3cd;
  68. border: 1px solid #ffeaa7;
  69. color: #856404;
  70. padding: 15px;
  71. border-radius: 5px;
  72. margin: 20px 0;
  73. }
  74. .platform-name {
  75. font-weight: bold;
  76. color: #0C6197;
  77. }
  78. </style>
  79. </head>
  80. <body>
  81. <div class="header">
  82. <h1>🎉 Benvenuto su Leezard.cloud</h1>
  83. </div>
  84. <div class="content">
  85. <h2>Ciao <strong>{{ $name }}</strong>,</h2>
  86. <p>è stato creato per te un account su <span class="platform-name">{{ $platform_name }}</span>.</p>
  87. <p>Per completare l'attivazione, conferma il tuo indirizzo email e imposta la tua password cliccando sul pulsante qui sotto:</p>
  88. <div class="activation-box">
  89. <h3>🔐 Attiva il tuo account</h3>
  90. <a href="{{ $activation_link }}" class="activation-button" style="color: #FFF!important">🚀 Attiva il tuo account</a>
  91. </div>
  92. <p><strong>Oppure</strong> copia e incolla questo link nel tuo browser:</p>
  93. <div class="link-box">
  94. {{ $activation_link }}
  95. </div>
  96. <p>Grazie e benvenuto!</p>
  97. <p><strong>Il team di Leezard.cloud</strong></p>
  98. <div class="footer">
  99. <p><strong>Leezard.cloud</strong></p>
  100. <p>Questa email è stata generata automaticamente. Per favore, non rispondere a questo indirizzo.</p>
  101. <p>Data invio: {{ date('d/m/Y H:i') }} ({{ date('T') }})</p>
  102. </div>
  103. </div>
  104. </body>
  105. </html>