221 lines
21 KiB
HTML
Executable File
221 lines
21 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml"
|
|
xmlns:o="urn:schemas-microsoft-com:office:office"
|
|
style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;background: #f1f1f1;margin: 0 auto !important;padding: 0 !important;height: 100% !important;width: 100% !important;">
|
|
|
|
<head style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
|
|
<meta charset="utf-8" style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
|
|
<!-- utf-8 works for most cases -->
|
|
<meta name="viewport" content="width=device-width"
|
|
style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
|
|
<!-- Forcing initial-scale shouldn't be necessary -->
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge"
|
|
style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
|
|
<!-- Use the latest (edge) version of IE rendering engine -->
|
|
<meta name="x-apple-disable-message-reformatting"
|
|
style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
|
|
<!-- Disable auto-scale in iOS 10 Mail entirely -->
|
|
<title style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"></title>
|
|
<!-- The title tag shows in email notifications, like Android 4.4. -->
|
|
<!-- <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet"> -->
|
|
<link rel="preconnect" href="https://fonts.gstatic.com"
|
|
style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
|
|
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet"
|
|
style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
|
|
</head>
|
|
|
|
<body width="100%"
|
|
style="margin: 0 auto !important;padding: 0 !important;mso-line-height-rule: exactly;background-color: #f1f1f1;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;background: #f1f1f1;font-family: 'Poppins', sans-serif;font-weight: 400;font-size: 14px;line-height: 1.8;color: rgba(0, 0, 0, .4);height: 100% !important;width: 100% !important;">
|
|
<center style="width: 100%;background-color: #f1f1f1;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
|
|
<!-- <div style="max-width: 600px; margin: 0 auto;" class="email-container"> -->
|
|
<div style="max-width: 710px;margin: 0 auto;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"
|
|
class="email-container">
|
|
<!-- BEGIN BODY -->
|
|
<table align="center" role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%"
|
|
style="margin: auto;background-color: #f8f8f8;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt !important;mso-table-rspace: 0pt !important;border-spacing: 0 !important;border-collapse: collapse !important;table-layout: fixed !important;">
|
|
<tr style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
|
|
<td valign="top" class=""
|
|
style="padding: 1em 2.5em 0 2.5em;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt !important;mso-table-rspace: 0pt !important;">
|
|
<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%"
|
|
style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt !important;mso-table-rspace: 0pt !important;border-spacing: 0 !important;border-collapse: collapse !important;table-layout: fixed !important;margin: 0 auto !important;">
|
|
<tr style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
|
|
<td class="logo"
|
|
style="text-align: center;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt !important;mso-table-rspace: 0pt !important;">
|
|
<img src="https://trello-attachments.s3.amazonaws.com/5fab5c265edbae73bff89d97/5faba8e89f6a304547be0056/5fefba08df026f25f97c1a0a90623197/logo-red-brandnew.png"
|
|
width="140px" alt=""
|
|
style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;-ms-interpolation-mode: bicubic;">
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
<tr style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
|
|
<td valign="middle" class="hero"
|
|
style="padding: .25rem 0 .75rem 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;position: relative;z-index: 0;mso-table-lspace: 0pt !important;mso-table-rspace: 0pt !important;">
|
|
<table
|
|
style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt !important;mso-table-rspace: 0pt !important;border-spacing: 0 !important;border-collapse: collapse !important;table-layout: fixed !important;margin: 0 auto !important;">
|
|
<tr style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
|
|
<td
|
|
style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt !important;mso-table-rspace: 0pt !important;">
|
|
<div class="text"
|
|
style="padding: 1.5rem 1rem;text-align: left;background-color: #fff;margin: 0 1.5rem;border: 1px solid #e4e4e4;border-top: 4px solid #f26e6f;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: rgba(0, 0, 0, .3);">
|
|
<h4
|
|
style="font-size: 14px;color: #212B36;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;font-family: 'Poppins', sans-serif;margin-top: 0;font-weight: 400;">
|
|
Hello [nama_resto],</h4>
|
|
<h4
|
|
style="font-size: 14px;color: #212B36;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;font-family: 'Poppins', sans-serif;margin-top: 0;font-weight: 400;">
|
|
Selamat Anda telah menjadi Rekan Usaha Bonceng! Untuk aktivasi akun, Anda
|
|
harus melakukan pembayaran sebesar <b
|
|
style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">Rp100.000</b>
|
|
di Alfamart terdekat.</h4>
|
|
<h4
|
|
style="font-size: 14px;color: #212B36;margin-bottom: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;font-family: 'Poppins', sans-serif;margin-top: 0;font-weight: 400;">
|
|
Informasi pembayaran:</h4>
|
|
<table align="center" role="presentation" cellspacing="0" cellpadding="0"
|
|
border="0" width="100%"
|
|
style="margin: auto;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt !important;mso-table-rspace: 0pt !important;border-spacing: 0 !important;border-collapse: collapse !important;table-layout: fixed !important;">
|
|
<tr style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
|
|
<td valign="top" class=""
|
|
style="padding: 1em 2.5em;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt !important;mso-table-rspace: 0pt !important;">
|
|
<table role="presentation" border="1" cellpadding="0"
|
|
cellspacing="0" width="100%"
|
|
style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt !important;mso-table-rspace: 0pt !important;border-spacing: 0 !important;border-collapse: collapse !important;table-layout: fixed !important;margin: 0 auto !important;">
|
|
<tr
|
|
style="vertical-align: top;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
|
|
<td class=""
|
|
style="text-align: left;font-size: 14px;color: #212B36;padding: 6px 12px;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt !important;mso-table-rspace: 0pt !important;">
|
|
Kode pembayaran
|
|
</td>
|
|
<td class=""
|
|
style="text-align: right;font-size: 14px;color: #212B36;padding: 6px 12px;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt !important;mso-table-rspace: 0pt !important;">
|
|
{payment_code}
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
style="vertical-align: top;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
|
|
<td class=""
|
|
style="text-align: left;font-size: 14px;color: #212B36;padding: 6px 12px;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt !important;mso-table-rspace: 0pt !important;">
|
|
Jumlah yang harus dibayar
|
|
</td>
|
|
<td class=""
|
|
style="text-align: right;font-size: 14px;color: #212B36;padding: 6px 12px;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt !important;mso-table-rspace: 0pt !important;">
|
|
{amount}
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
style="vertical-align: top;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
|
|
<td class=""
|
|
style="text-align: left;font-size: 14px;color: #212B36;padding: 6px 12px;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt !important;mso-table-rspace: 0pt !important;">
|
|
Masa berlaku
|
|
</td>
|
|
<td class=""
|
|
style="text-align: right;font-size: 14px;color: #212B36;padding: 6px 12px;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt !important;mso-table-rspace: 0pt !important;">
|
|
{due_date}
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<h4
|
|
style="font-size: 14px;color: #212B36;margin-bottom: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;font-family: 'Poppins', sans-serif;margin-top: 0;font-weight: 400;">
|
|
Cara melakukan pembayaran:</h4>
|
|
<ol
|
|
style="margin-top: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
|
|
<li
|
|
style="font-size: 14px;color: #212B36;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
|
|
Sampaikan kepada kasir untuk melakukan pembayaran ke Resto Bonceng</li>
|
|
<li
|
|
style="font-size: 14px;color: #212B36;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
|
|
Tunjukkan kode pembayaran diatas kepada kasir</li>
|
|
<li
|
|
style="font-size: 14px;color: #212B36;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
|
|
Lakukan pembayaran dengan jumlah diatas</li>
|
|
<li
|
|
style="font-size: 14px;color: #212B36;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
|
|
Setelah transaksi berhasil, Anda akan menerima bukti pembayaran. Simpan
|
|
bukti pembayaran.</li>
|
|
</ol>
|
|
<h4
|
|
style="font-size: 14px;color: #212B36;margin-bottom: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;font-family: 'Poppins', sans-serif;margin-top: 0;font-weight: 400;">
|
|
Catatan:</h4>
|
|
<ul
|
|
style="margin-top: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
|
|
<li
|
|
style="font-size: 14px;color: #212B36;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
|
|
Biaya admin sebesar Rp4.000</li>
|
|
<li
|
|
style="font-size: 14px;color: #212B36;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
|
|
Jika Anda tidak melakukan pembayaran setelah masa berlaku pembayaran
|
|
habis, maka akun Anda secara otomatis dihapus oleh sistem</li>
|
|
</ul>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
<!-- end tr -->
|
|
<!-- 1 Column Text + Button : END -->
|
|
<tr style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
|
|
<td
|
|
style="text-align: right;padding-right: 1.5rem;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt !important;mso-table-rspace: 0pt !important;">
|
|
<h4
|
|
style="margin-bottom: .85rem;font-size: 13px;color: #6d7d89;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;font-family: 'Poppins', sans-serif;margin-top: 0;font-weight: 400;">
|
|
Butuh bantuan? hubungi kami: <a href="javascript:void(0);"
|
|
style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;text-decoration: none;color: #f26e6f;">+6281381358808</a>
|
|
</h4>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<table align="center" role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%"
|
|
style="margin: auto;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt !important;mso-table-rspace: 0pt !important;border-spacing: 0 !important;border-collapse: collapse !important;table-layout: fixed !important;">
|
|
<tr style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
|
|
<td valign="middle" class="bg_muted footer email-section"
|
|
style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;background: #ededed;padding: 1.5em;color: rgba(0, 0, 0, .5);mso-table-lspace: 0pt !important;mso-table-rspace: 0pt !important;">
|
|
<table
|
|
style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt !important;mso-table-rspace: 0pt !important;border-spacing: 0 !important;border-collapse: collapse !important;table-layout: fixed !important;margin: 0 auto !important;">
|
|
<tr style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
|
|
<td valign="center"
|
|
style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt !important;mso-table-rspace: 0pt !important;">
|
|
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%"
|
|
style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt !important;mso-table-rspace: 0pt !important;border-spacing: 0 !important;border-collapse: collapse !important;table-layout: fixed !important;margin: 0 auto !important;">
|
|
<tr style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
|
|
<td
|
|
style="text-align: center;padding-right: 10px;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt !important;mso-table-rspace: 0pt !important;">
|
|
<img src="https://trello-attachments.s3.amazonaws.com/5fab5c265edbae73bff89d97/5faba8e89f6a304547be0056/5512d38e755ddbb45dc9f518df83a83d/logo_footer.png"
|
|
width="140px" alt=""
|
|
style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;-ms-interpolation-mode: bicubic;">
|
|
<p
|
|
style="margin: .25rem 0 1rem 0;font-size: 13px;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
|
|
Menara BCA Lt. 50, Grand Indonesia, Jl. MH. Thamrin No.1 DKI
|
|
Jakarta, Indonesia</p>
|
|
<a href="#">
|
|
<img src="https://trello-attachments.s3.amazonaws.com/5fab5c265edbae73bff89d97/5faba8e89f6a304547be0056/de6c605e25156e8911423d8e75759014/instagram_ico.svg"
|
|
width="40px" alt=""
|
|
style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;-ms-interpolation-mode: bicubic;">
|
|
</a>
|
|
<a href="#">
|
|
<img src="https://trello-attachments.s3.amazonaws.com/5fab5c265edbae73bff89d97/5faba8e89f6a304547be0056/d03d384fae87ed12202f0ecb6b34d4c1/twitter_ico.svg"
|
|
width="40px" alt=""
|
|
style="margin: 0 1.25rem;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;-ms-interpolation-mode: bicubic;">
|
|
</a>
|
|
<a href="#">
|
|
<img src="https://trello-attachments.s3.amazonaws.com/5fab5c265edbae73bff89d97/5faba8e89f6a304547be0056/d3e191d46af3b10bc198d5e521e61b65/facebook_ico.svg"
|
|
width="40px" alt=""
|
|
style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;-ms-interpolation-mode: bicubic;">
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</center>
|
|
</body>
|
|
|
|
</html> |