Files
mail/resources/test-emails/revolut-precision.html
T

25 lines
3.0 KiB
HTML

<!doctype html>
<!-- Reduced from the reported Revolut template; tracking and personal data removed. -->
<html><head><meta charset="utf-8"><style>
body { margin:0;padding:0;-webkit-text-size-adjust:100%; }
table,td {border-collapse:collapse;} img {border:0;height:auto;}
@media only screen and (min-width:480px) {
.mj-column-per-100 {width:100%!important;max-width:100%;}
.mj-column-per-33-333333333333336 {width:33.333333333333336%!important;max-width:33.333333333333336%;}
}
@font-face {font-family:'Aeonik Pro';font-weight:500;src:url('https://example.test/font-12345678901234567890.woff2');}
.title-title h1 {font-size:40px;line-height:1.125;color:#191c1f;font-weight:500;}
.text-content p, .text-content li {font-size:16px;line-height:1.375;color:#191c1f;}
.button a {display:inline-block;background:#191c1f;color:#fff;border-radius:68px;padding:10px 16px;text-decoration:none;}
@media (prefers-color-scheme:dark) {.title-title h1 {color:#fff!important;}.text-content p {color:#ffffffb3!important;}}
</style></head><body>
<div class="content-wrapper" style="margin:0 auto;max-width:600px;overflow:hidden">
<table align="center" style="width:100%"><tbody><tr><td style="font-size:0;padding:auto;text-align:center">
<div class="image" style="margin:0 auto;max-width:NaNpx"><table style="width:100%"><tr><td style="width:0.01%;padding-bottom:70%"></td><td style="background:transparent url('https://example.test/12345678901234567890.png') no-repeat center center / cover;vertical-align:top"><div style="padding:24px;font-size:20px">Revolut</div></td></tr></table></div>
<div style="margin:0 auto;max-width:NaNpx"><table style="width:100%"><tr><td style="font-size:0;padding:auto;text-align:left"><div class="mj-column-per-100" style="display:inline-block;vertical-align:top;width:100%"><table width="100%"><tr><td><table width="100%"><tr><td class="title-title" style="padding:24px"><h1 style="margin:0">Te quedan 7 días para obtener la recompensa</h1></td></tr></table></td></tr></table></div></td></tr></table></div>
<div style="margin:0 auto;max-width:NaNpx"><table width="100%"><tr><td><div class="mj-column-per-100" style="display:inline-block;width:100%"><table width="100%"><tr><td><table width="100%"><tr><td class="text-content" style="padding:24px"><p>Invita a tus amigos a unirse a Revolut y recibirás una recompensa por cada persona que se registre.</p><p><a href="https://example.test/terms">Términos y Condiciones de Invitaciones</a></p><h2 style="font-size:20px">¿Cómo invito a mis amigos?</h2><ol><li>Abre la app y pulsa el banner de invitación.</li><li>Selecciona a las personas que quieras invitar.</li></ol></td></tr></table></td></tr></table></div></td></tr></table></div>
<div class="button-container" style="margin:0 auto;max-width:NaNpx;padding:24px"><div class="mj-column-per-33-333333333333336 button" style="display:inline-block;width:100%"><table><tr><td><a href="https://example.test/invite"><span>Invitar amigos</span></a></td></tr></table></div></div>
</td></tr></tbody></table></div></body></html>