Skip to content

Instantly share code, notes, and snippets.

@andreferi3
Created July 28, 2025 15:58
Show Gist options
  • Select an option

  • Save andreferi3/e66ed7c792d971c72bf33007dec58576 to your computer and use it in GitHub Desktop.

Select an option

Save andreferi3/e66ed7c792d971c72bf33007dec58576 to your computer and use it in GitHub Desktop.
Email Template KYC
<!DOCTYPE html>
<html lang="en" xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<meta charset="utf-8">
<meta name="x-apple-disable-message-reformatting">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="format-detection" content="telephone=no, date=no, address=no, email=no, url=no">
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
<!--[if mso]>
<noscript>
<xml>
<o:OfficeDocumentSettings xmlns:o="urn:schemas-microsoft-com:office:office">
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
</noscript>
<style>
td,th,div,p,a,h1,h2,h3,h4,h5,h6 {font-family: "Segoe UI", sans-serif; mso-line-height-rule: exactly;}
</style>
<![endif]-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap" rel="stylesheet" media="screen">
<style>
.hover-bg-_D92D20-90:hover {
background-color: rgba(217, 45, 32, 0.9) !important
}
@media (max-width: 600px) {
.sm-h-5 {
height: 20px !important
}
.sm-h-36px {
height: 36px !important
}
.sm-px-4 {
padding-left: 16px !important;
padding-right: 16px !important
}
.sm-px-5 {
padding-left: 20px !important;
padding-right: 20px !important
}
.sm-pb-5 {
padding-bottom: 20px !important
}
.sm-pt-5 {
padding-top: 20px !important
}
}
</style>
</head>
<body style="margin: 0; width: 100%; background-color: #f8fafc; padding: 0; -webkit-font-smoothing: antialiased; word-break: break-word">
<div style="display: none">
Verification status email template
&#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847;
</div>
<div role="article" aria-roledescription="email" aria-label lang="en">
<div class="sm-px-4" style="background-color: #f8fafc; font-family: Inter, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif">
<table align="center" style="margin: 0 auto" cellpadding="0" cellspacing="0" role="none">
<tr>
<td style="width: 600px; max-width: 100%">
<div class="sm-h-5" style="height: 40px"></div>
<table style="width: 100%" cellpadding="0" cellspacing="0" role="none">
<a href="https://nobi.id">
<img src="https://nobi.id/icons/logo-nobi-dana-kripto-black.png" alt="Logo NOBI Dana Kripto" class="sm-h-36px" style="max-width: 100%; vertical-align: middle; height: 42px; width: auto" width="auto" height="42">
</a>
</table>
<div class="sm-h-5" style="height: 40px"></div>
<table style="width: 100%; background-color: #fffffe" cellpadding="0" cellspacing="0" role="none">
<tr>
<td align="center" class="sm-pt-5 sm-px-5" style="padding-left: 40px; padding-right: 40px; padding-top: 40px">
<img src="https://storage.googleapis.com/dki-public/verify-failed.png" height="140" alt="Failed Verify" style="max-width: 100%; vertical-align: middle">
<div role="separator" style="line-height: 30px">&zwj;</div>
</td>
</tr>
<tr>
<td class="sm-px-5" style="padding-left: 40px; padding-right: 40px">
<p style="margin: 1em 0; font-size: 20px; line-height: 24px; font-weight: 600; color: #002621">
Verifikasi Identitas Gagal
</p>
<p style="margin: 1em 0; font-size: 16px; color: #002621">Hai <strong>Andre Feri Saputra</strong>
👋</p>
<p style="margin: 1em 0; font-size: 14px; line-height: 24px; color: #002621">Sayangnya, proses verifikasi KYC kamu
belum berhasil
kami setujui. Hal ini bisa disebabkan oleh data atau dokumen yang kurang jelas atau
tidak sesuai.</p>
<p style="margin: 1em 0; font-size: 14px; line-height: 24px; color: #002621">Jangan khawatir, kamu bisa mengulangi
proses
verifikasi dengan memastikan data yang kamu berikan sudah benar dan sesuai.</p>
</td>
</tr>
<tr>
<td align="center" class="sm-px-5 sm-pb-5" style="padding-left: 40px; padding-right: 40px; padding-bottom: 40px">
<div role="separator" style="line-height: 20px">&zwj;</div>
<div>
<a href="https://app.nobi.id/retry-kyc" style="display: inline-block; text-decoration: none; padding: 16px 24px; font-size: 16px; line-height: 1; color: #fffffe; border-radius: 9999px; background-color: #D92D20; font-weight: 600" class="hover-bg-_D92D20-90">
<!--[if mso]><i style="mso-font-width: 150%; mso-text-raise: 31px" hidden>&emsp;</i><![endif]-->
<span style="mso-text-raise: 16px">Coba Verifikasi Ulang</span>
<!--[if mso]><i hidden style="mso-font-width: 150%">&emsp;&#8203;</i><![endif]-->
</a>
</div>
</td>
</tr>
</table>
<table style="width: 100%" cellpadding="0" cellspacing="0" role="none">
<tr>
<td align="center" style="padding-top: 40px; padding-bottom: 40px; text-align: center; color: #002621">
<p style="margin: 0 auto; max-width: 400px; font-size: 12px; line-height: 18px">Jika Anda memiliki pertanyaan,
silakan
balas email ini atau kirimkan
pertanyaan Anda ke <a href="mailto:[email protected]" style="text-decoration: none; font-weight: 600; color: #1155CC">[email protected]</a>. Kami siap membantu!
</p>
<div role="separator" style="line-height: 20px">&zwj;</div>
<p style="margin: 0; font-size: 12px; color: rgba(0, 38, 33, 0.5)">
&copy; 2025 PT Dana Kripto Indonesia. Semua hak
dilindungi.
</p>
<div role="separator" style="line-height: 20px">&zwj;</div>
<p style="margin: 0 auto; max-width: 600px; font-size: 12px; line-height: 16px; color: rgba(0, 38, 33, 0.5)">PT Dana Kripto
Indonesia adalah peserta sandbox OJK dengan nomor surat S-196/IK.01/2025</p>
<div role="separator" style="line-height: 20px">&zwj;</div>
<p style="margin: 0 auto; max-width: 400px; font-size: 12px; line-height: 16px; color: rgba(0, 38, 33, 0.5)">Jika Anda tidak pernah
mendaftar
untuk akun NOBI
Dana Kripto, silakan abaikan email
ini.</p>
<div role="separator" style="line-height: 40px">&zwj;</div> <a href="https://nobi.id">
<img src="https://nobi.id/icons/logo-nobi-dana-kripto-black.png" height="22" alt="Logo NOBI Dana Kripto" style="max-width: 100%; vertical-align: middle">
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</div>
</body>
</html>
<!DOCTYPE html>
<html lang="en" xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<meta charset="utf-8">
<meta name="x-apple-disable-message-reformatting">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="format-detection" content="telephone=no, date=no, address=no, email=no, url=no">
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
<!--[if mso]>
<noscript>
<xml>
<o:OfficeDocumentSettings xmlns:o="urn:schemas-microsoft-com:office:office">
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
</noscript>
<style>
td,th,div,p,a,h1,h2,h3,h4,h5,h6 {font-family: "Segoe UI", sans-serif; mso-line-height-rule: exactly;}
</style>
<![endif]-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap" rel="stylesheet" media="screen">
<style>
.hover-bg-_006950-90:hover {
background-color: rgba(0, 105, 80, 0.9) !important
}
@media (max-width: 600px) {
.sm-h-5 {
height: 20px !important
}
.sm-h-36px {
height: 36px !important
}
.sm-px-4 {
padding-left: 16px !important;
padding-right: 16px !important
}
.sm-px-5 {
padding-left: 20px !important;
padding-right: 20px !important
}
.sm-pb-5 {
padding-bottom: 20px !important
}
.sm-pt-5 {
padding-top: 20px !important
}
}
</style>
</head>
<body style="margin: 0; width: 100%; background-color: #f8fafc; padding: 0; -webkit-font-smoothing: antialiased; word-break: break-word">
<div style="display: none">
Verification status email template
&#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847;
</div>
<div role="article" aria-roledescription="email" aria-label lang="en">
<div class="sm-px-4" style="background-color: #f8fafc; font-family: Inter, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif">
<table align="center" style="margin: 0 auto" cellpadding="0" cellspacing="0" role="none">
<tr>
<td style="width: 600px; max-width: 100%">
<div class="sm-h-5" style="height: 40px"></div>
<table style="width: 100%" cellpadding="0" cellspacing="0" role="none">
<a href="https://nobi.id">
<img src="https://nobi.id/icons/logo-nobi-dana-kripto-black.png" alt="Logo NOBI Dana Kripto" class="sm-h-36px" style="max-width: 100%; vertical-align: middle; height: 42px; width: auto" width="auto" height="42">
</a>
</table>
<div class="sm-h-5" style="height: 40px"></div>
<table style="width: 100%; background-color: #fffffe" cellpadding="0" cellspacing="0" role="none">
<tr>
<td align="center" class="sm-pt-5 sm-px-5" style="padding-left: 40px; padding-right: 40px; padding-top: 40px">
<img src="https://storage.googleapis.com/dki-public/verify-confirm.png" height="140" alt="Success Verify" style="max-width: 100%; vertical-align: middle">
<div role="separator" style="line-height: 30px">&zwj;</div>
</td>
</tr>
<tr>
<td class="sm-px-5" style="padding-left: 40px; padding-right: 40px">
<p style="margin: 1em 0; font-size: 20px; line-height: 24px; font-weight: 600; color: #002621">
Verifikasi Identitas Kamu Berhasil!
</p>
<p style="margin: 1em 0; font-size: 16px; color: #002621">Hai <strong>Andre Feri Saputra</strong>
👋</p>
<p style="margin: 1em 0; font-size: 14px; line-height: 24px; color: #002621">Selamat! Verifikasi KYC kamu telah
berhasil dan akun
kamu sekarang sudah aktif sepenuhnya.
Kini kamu sudah siap untuk memulai perjalanan investasi aset kripto dengan aman dan
mudah bersama <strong>NOBI Dana Kripto</strong>.</p>
<p style="margin: 1em 0; font-size: 14px; line-height: 24px; color: #002621">Yuk mulai Investasi Kripto
<strong>#SemudahItu</strong> bersama kami!
</p>
</td>
</tr>
<tr>
<td align="center" class="sm-px-5 sm-pb-5" style="padding-left: 40px; padding-right: 40px; padding-bottom: 40px">
<div role="separator" style="line-height: 20px">&zwj;</div>
<div>
<a href="https://app.nobi.id/dashboard/explorer" style="display: inline-block; text-decoration: none; padding: 16px 24px; font-size: 16px; line-height: 1; color: #fffffe; border-radius: 9999px; background-color: #006950; font-weight: 600" class="hover-bg-_006950-90">
<!--[if mso]><i style="mso-font-width: 150%; mso-text-raise: 31px" hidden>&emsp;</i><![endif]-->
<span style="mso-text-raise: 16px">Mulai Investasi</span>
<!--[if mso]><i hidden style="mso-font-width: 150%">&emsp;&#8203;</i><![endif]-->
</a>
</div>
</td>
</tr>
</table>
<table style="width: 100%" cellpadding="0" cellspacing="0" role="none">
<tr>
<td align="center" style="padding-top: 40px; padding-bottom: 40px; text-align: center; color: #002621">
<p style="margin: 0 auto; max-width: 400px; font-size: 12px; line-height: 18px">Jika Anda memiliki pertanyaan,
silakan
balas email ini atau kirimkan
pertanyaan Anda ke <a href="mailto:[email protected]" style="text-decoration: none; font-weight: 600; color: #1155CC">[email protected]</a>. Kami siap membantu!
</p>
<div role="separator" style="line-height: 20px">&zwj;</div>
<p style="margin: 0; font-size: 12px; color: rgba(0, 38, 33, 0.5)">
&copy; 2025 PT Dana Kripto Indonesia. Semua hak
dilindungi.
</p>
<div role="separator" style="line-height: 20px">&zwj;</div>
<p style="margin: 0 auto; max-width: 600px; font-size: 12px; line-height: 16px; color: rgba(0, 38, 33, 0.5)">PT Dana Kripto
Indonesia adalah peserta sandbox OJK dengan nomor surat S-196/IK.01/2025</p>
<div role="separator" style="line-height: 20px">&zwj;</div>
<p style="margin: 0 auto; max-width: 400px; font-size: 12px; line-height: 16px; color: rgba(0, 38, 33, 0.5)">Jika Anda tidak pernah
mendaftar
untuk akun NOBI
Dana Kripto, silakan abaikan email
ini.</p>
<div role="separator" style="line-height: 40px">&zwj;</div> <a href="https://nobi.id">
<img src="https://nobi.id/icons/logo-nobi-dana-kripto-black.png" height="22" alt="Logo NOBI Dana Kripto" style="max-width: 100%; vertical-align: middle">
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment