update
This commit is contained in:
199
tournme/email/1_password_recovery/index.mjml
Normal file
199
tournme/email/1_password_recovery/index.mjml
Normal file
@@ -0,0 +1,199 @@
|
||||
<mjml>
|
||||
<mj-head>
|
||||
<mj-title>Reimposta la tua Password Tourn.me</mj-title>
|
||||
<mj-preview>Abbiamo ricevuto una richiesta per reimpostare la password per {DATA_VARIABLE:companyName}...</mj-preview>
|
||||
<mj-attributes>
|
||||
<mj-all font-family="'Segoe UI', Tahoma, Geneva, Verdana, sans-serif" />
|
||||
<mj-text font-size="16px" color="#333333" line-height="1.6" />
|
||||
<mj-section background-color="#f4f4f4" padding="20px" />
|
||||
</mj-attributes>
|
||||
<mj-style inline="inline">
|
||||
.code-text {
|
||||
font-size: 32px !important;
|
||||
font-weight: bold !important;
|
||||
letter-spacing: 8px !important;
|
||||
color: #f6b43c !important;
|
||||
font-family: 'Courier New', monospace !important;
|
||||
text-align: center !important;
|
||||
}
|
||||
.code-label {
|
||||
font-size: 14px !important;
|
||||
color: #666666 !important;
|
||||
text-align: center !important;
|
||||
margin-bottom: 10px !important;
|
||||
}
|
||||
.expiry-text {
|
||||
color: #dc3545 !important;
|
||||
font-weight: bold !important;
|
||||
font-size: 14px !important;
|
||||
text-align: center !important;
|
||||
}
|
||||
.step-item {
|
||||
margin: 8px 0 !important;
|
||||
padding-left: 20px !important;
|
||||
position: relative !important;
|
||||
}
|
||||
.step-arrow {
|
||||
color: #f6b43c !important;
|
||||
font-weight: bold !important;
|
||||
}
|
||||
.warning-icon {
|
||||
color: #856404 !important;
|
||||
font-weight: bold !important;
|
||||
}
|
||||
@media only screen and (max-width: 600px) {
|
||||
.code-text {
|
||||
font-size: 24px !important;
|
||||
letter-spacing: 4px !important;
|
||||
}
|
||||
}
|
||||
</mj-style>
|
||||
</mj-head>
|
||||
<mj-body background-color="#f4f4f4">
|
||||
<!-- Header Section -->
|
||||
<mj-section background-color="#ffffff" border-radius="10px 10px 0 0" padding="40px 40px 20px 40px">
|
||||
<mj-column>
|
||||
<!-- Spazio per logo SVG -->
|
||||
<mj-image src="https://app.tourn.me/logo.svg" alt="Tourn.me Logo" width="120px" height="auto" padding-bottom="20px" />
|
||||
<mj-text align="center" font-size="24px" font-weight="600" color="#e5a332" padding-bottom="20px">
|
||||
Richiesta di Reset Password
|
||||
</mj-text>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
<!-- Greeting Section -->
|
||||
<mj-section background-color="#ffffff" padding="0 40px">
|
||||
<mj-column>
|
||||
<mj-text font-size="16px" line-height="1.6">
|
||||
Ciao <strong>{DATA_VARIABLE:companyName}</strong>,
|
||||
</mj-text>
|
||||
<mj-text font-size="16px" line-height="1.6" padding-bottom="20px">
|
||||
Abbiamo ricevuto una richiesta per reimpostare la password del tuo account Tourn.me. Se non hai fatto questa richiesta, puoi ignorare tranquillamente questa email.
|
||||
</mj-text>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
<!-- Verification Code Section -->
|
||||
<mj-section background-color="#ffffff" padding="0 40px">
|
||||
<mj-column>
|
||||
<mj-wrapper background-color="#f8f9fa" border="0px solid #f8f9fa" border-radius="6px" padding="20px">
|
||||
<mj-section background-color="transparent" padding="0">
|
||||
<mj-column>
|
||||
<mj-text css-class="code-label">
|
||||
Il tuo codice di verifica a 6 cifre:
|
||||
</mj-text>
|
||||
<mj-text css-class="code-text">
|
||||
{DATA_VARIABLE:verificationCode}
|
||||
</mj-text>
|
||||
<mj-text css-class="expiry-text">
|
||||
⏰ Scade tra {DATA_VARIABLE:expiryMinutes} minuti
|
||||
</mj-text>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
</mj-wrapper>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
<!-- Reset Button Section -->
|
||||
<mj-section background-color="#ffffff" padding="30px 40px">
|
||||
<mj-column>
|
||||
<mj-button
|
||||
background-color="#f6b43c"
|
||||
color="#ffffff"
|
||||
font-size="16px"
|
||||
font-weight="bold"
|
||||
border-radius="6px"
|
||||
padding="15px 30px"
|
||||
href="{DATA_VARIABLE:resetLink}"
|
||||
>
|
||||
Reimposta Password Subito
|
||||
</mj-button>
|
||||
<mj-text align="center" font-size="14px" color="#666666" padding-top="10px">
|
||||
Clicca il pulsante sopra per il reset immediato, o usa il codice nella tua app
|
||||
</mj-text>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
<!-- Alternative Method Section -->
|
||||
<mj-section background-color="#ffffff" padding="0 40px">
|
||||
<mj-column>
|
||||
<mj-wrapper background-color="#e9ecef" border-radius="6px" padding="20px">
|
||||
<mj-section background-color="transparent" padding="0">
|
||||
<mj-column>
|
||||
<mj-text font-size="16px" color="#495057" font-weight="bold" padding-bottom="10px">
|
||||
Prossimi passi
|
||||
</mj-text>
|
||||
<mj-text font-size="14px" color="#495057" padding="2px 0">
|
||||
<span class="step-arrow">→</span> Apri la pagina di reset password
|
||||
</mj-text>
|
||||
<mj-text font-size="14px" color="#495057" padding="2px 0">
|
||||
<span class="step-arrow">→</span> Inserisci il codice a 6 cifre: <strong>{DATA_VARIABLE:verificationCode}</strong>
|
||||
</mj-text>
|
||||
<mj-text font-size="14px" color="#495057" padding="2px 0">
|
||||
<span class="step-arrow">→</span> Crea la tua nuova password
|
||||
</mj-text>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
</mj-wrapper>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
<!-- Security Warning Section -->
|
||||
<mj-section background-color="#ffffff" padding="20px 40px">
|
||||
<mj-column>
|
||||
<mj-wrapper background-color="#fff3cd" border="1px solid #ffeaa7" border-radius="6px" padding="15px">
|
||||
<mj-section background-color="transparent" padding="0">
|
||||
<mj-column>
|
||||
<mj-text font-size="14px" padding-bottom="10px">
|
||||
<span class="warning-icon">🔒 Avviso di Sicurezza:</span>
|
||||
</mj-text>
|
||||
<mj-text font-size="14px" padding="2px 0">
|
||||
• Questo codice scade tra <strong>{DATA_VARIABLE:expiryMinutes} minuti</strong>
|
||||
</mj-text>
|
||||
<mj-text font-size="14px" padding="2px 0">
|
||||
• Usa questo codice solo se hai richiesto un reset password
|
||||
</mj-text>
|
||||
<mj-text font-size="14px" padding="2px 0">
|
||||
• Non condividere mai questo codice con nessuno
|
||||
</mj-text>
|
||||
<mj-text font-size="14px" padding="2px 0">
|
||||
• Se non hai fatto questa richiesta, contatta subito il supporto
|
||||
</mj-text>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
</mj-wrapper>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
<!-- Troubleshooting Section -->
|
||||
<mj-section background-color="#ffffff" padding="20px 40px">
|
||||
<mj-column>
|
||||
<mj-wrapper background-color="#f8f9fa" border-radius="6px" padding="15px">
|
||||
<mj-section background-color="transparent" padding="0">
|
||||
<mj-column>
|
||||
<mj-text font-size="16px" color="#495057" font-weight="bold" padding-bottom="10px">
|
||||
💡 Hai problemi?
|
||||
</mj-text>
|
||||
<mj-text font-size="14px" color="#666666" padding="2px 0">
|
||||
• Prova a copiare e incollare il codice se digitarlo non funziona
|
||||
</mj-text>
|
||||
<mj-text font-size="14px" color="#666666" padding="2px 0">
|
||||
• Verifica che la tua connessione internet sia stabile
|
||||
</mj-text>
|
||||
<mj-text font-size="14px" color="#666666" padding="2px 0">
|
||||
• Contatta il nostro team di supporto se i problemi persistono
|
||||
</mj-text>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
</mj-wrapper>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
<!-- Footer Section -->
|
||||
<mj-section background-color="#ffffff" border-radius="0 0 10px 10px" padding="30px 40px 40px 40px">
|
||||
<mj-column>
|
||||
<mj-divider border-color="#e9ecef" border-width="1px" padding="20px 0" />
|
||||
<mj-text align="center" font-size="14px" color="#666666" padding-bottom="10px">
|
||||
Questa email ti è stata inviata perché è stato richiesto un reset password per il tuo account Tourn.me.
|
||||
</mj-text>
|
||||
<mj-text align="center" font-size="12px" color="#999999" padding-top="15px">
|
||||
© 2025 Tourn.me. Tutti i diritti riservati.<br/>
|
||||
Questo è un messaggio automatico, non rispondere a questa email.
|
||||
</mj-text>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
</mj-body>
|
||||
</mjml>
|
||||
Reference in New Issue
Block a user