Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
- <head>
- <!--[if gte mso 9]>
- <xml>
- <o:OfficeDocumentSettings>
- <o:AllowPNG />
- <o:PixelsPerInch>96</o:PixelsPerInch>
- </o:OfficeDocumentSettings>
- </xml>
- <![endif]-->
- <meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
- <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
- <meta name="format-detection" content="date=no"/>
- <meta name="format-detection" content="address=no"/>
- <meta name="format-detection" content="telephone=no"/>
- <meta name="x-apple-disable-message-reformatting"/>
- <!--[if !mso]><!-->
- <link href="https://fonts.googleapis.com/css?family=Fira+Mono:400,500,700|Ubuntu:400,400i,500,500i,700,700i" rel="stylesheet"/>
- <!--<![endif]-->
- <title>Email Template</title>
- <!--[if gte mso 9]>
- <style type="text/css" media="all">
- sup {
- font-size: 100% !important;
- }
- </style>
- <![endif]-->
- <style type="text/css" media="screen">
- /* Linked Styles */
- @font-face {
- font-family: MyriadPro;
- src: url("[font-url]/MyriadPro-Regular.otf");
- }
- @font-face {
- font-family: MyriadPro;
- src: url("[font-url]/MyriadPro-Bold.otf");
- font-weight: bold;
- }
- @font-face {
- font-family: MyriadPro;
- src: url("[font-url]/MyriadPro-It.otf");
- font-style: italic;
- }
- @font-face {
- font-family: MyriadPro;
- src: url("[font-url]/MyriadPro-BoldIt.otf");
- font-weight: bold;
- font-style: italic;
- }
- @font-face {
- font-family: MyriadPro;
- src: url("[font-url]/MyriadPro-Regular.otf");
- font-weight: 300;
- }
- @font-face {
- font-family: MyriadPro;
- src: url("[font-url]/MyriadPro-It.otf");
- font-style: italic;
- font-weight: 300;
- }
- @font-face {
- font-family: MyriadPro;
- src: url("[font-url]/MyriadPro-Light.otf");
- font-style: italic;
- font-weight: 100;
- }
- body {
- font-family: Helvetica, sans-serif;
- padding: 0 !important;
- margin: 0 !important;
- display: block !important;
- min-width: 100% !important;
- width: 100% !important;
- background: #d8e0e3;
- -webkit-text-size-adjust: none;
- }
- a {
- color: #000001;
- text-decoration: none;
- }
- p {
- padding: 0 !important;
- margin: 0 !important;
- }
- img {
- -ms-interpolation-mode: bicubic;
- /* Allow smoother rendering of resized image in Internet Explorer */
- }
- .mcnPreviewText {
- display: none !important;
- }
- ul li {
- position: relative;
- }
- ul li:first-child:before {
- position: absolute;
- /* content: url("images/Group.png"); */
- top: -10px;
- left: -40px;
- }
- ul li:before {
- position: absolute;
- /* content: url("images/Group (1).png"); */
- top: 0px;
- left: -35px;
- }
- .btn-ivr {
- border-radius: 50px;
- border: none;
- background-color: #003d79;
- font-size: 16px;
- color: #ffffff;
- text-decoration: none;
- font-weight: bold;
- cursor: pointer;
- }
- .bg-gradient {
- background: linear-gradient(
- 116deg,
- rgba(246, 183, 14, 1) 0%,
- rgba(254, 147, 14, 1) 100%
- );
- }
- .shadow {
- box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28);
- }
- /* Mobile styles */
- @media only screen and (max-device-width: 480px),
- only screen and (max-width: 480px) {
- .mobile-shell {
- width: 100% !important;
- min-width: 100% !important;
- }
- .m-center {
- text-align: center !important;
- }
- .text3,
- .text-footer,
- .text-header {
- text-align: center !important;
- }
- .lh-18 {
- line-height: 18px;
- }
- .center {
- margin: 0 auto !important;
- }
- .td {
- width: 100% !important;
- min-width: 100% !important;
- }
- .m-br-15 {
- height: 15px !important;
- }
- .m-0 {
- margin: 0 !important;
- }
- .p-0 {
- padding: 0 !important;
- }
- .p20-15 {
- padding: 20px 15px !important;
- }
- .p0-15 {
- padding: 0 15px !important;
- }
- .p30-15 {
- padding: 30px 15px !important;
- }
- .p30-15-15 {
- padding: 30px 15px 15px !important;
- }
- .p30-15-0-80 {
- padding: 30px 15px 0px 80px !important;
- }
- .p30-15-0 {
- padding: 30px 15px 0px 15px !important;
- }
- .p40 {
- padding-bottom: 30px !important;
- }
- .pt36 {
- padding-top: 36px !important;
- }
- .pb8 {
- padding-bottom: 8px !important;
- }
- .footer {
- padding: 20px 15px !important;
- }
- .h2-white {
- font-size: 40px !important;
- line-height: 44px !important;
- text-align: center !important;
- }
- .fz-18 {
- font-size: 18px !important;
- }
- .h2 {
- font-size: 42px !important;
- line-height: 50px !important;
- }
- .m-td,
- .m-hide {
- display: none !important;
- width: 0 !important;
- height: 0 !important;
- font-size: 0 !important;
- line-height: 0 !important;
- min-height: 0 !important;
- }
- .m-block {
- display: block !important;
- }
- .container {
- padding: 0px !important;
- }
- .separator {
- padding-top: 30px !important;
- }
- .fluid-img img {
- width: 100% !important;
- max-width: 100% !important;
- height: auto !important;
- }
- .column,
- .column-top,
- .column-dir,
- .column-empty,
- .column-empty2,
- .column-bottom,
- .column-dir-top,
- .column-dir-bottom {
- float: left !important;
- width: 100% !important;
- display: block !important;
- }
- .column-empty {
- padding-bottom: 10px !important;
- }
- .column-empty2 {
- padding-bottom: 30px !important;
- }
- .content-spacing {
- width: 15px !important;
- }
- }
- </style>
- </head>
- <body class="body" style="padding:0 !important; margin:0 !important; display:block !important; min-width:100% !important; width:100% !important; background:#d8e0e3; -webkit-text-size-adjust:none;">
- <table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#d8e0e3">
- <td align="center" valign="top" class="container" style="padding:50px 10px;">
- <!-- Container -->
- <table width="100%" border="0" cellspacing="0" cellpadding="0">
- <td align="center">
- <table width="650" border="0" cellspacing="0" cellpadding="0" class="mobile-shell">
- <td class="td" bgcolor="#ffffff" style="width:650px; min-width:650px; font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal;">
- <!-- Header -->
- <table width="100%" height="7px" border="0" cellspacing="0" cellpadding="0" bgcolor="#d8e0e3">
- <tr>
- <td bgcolor="#ffb700" width="30%" class="bg-gradient"></td>
- <td class="td" bgcolor="#203C6A" width="70%"></td>
- </tr>
- </table>
- <!-- END Header -->
- <!-- Intro -->
- <table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
- <td class="p0-15" style="padding: 80px 20px 0">
- <table width="100%" border="0" cellspacing="0" cellpadding="0" class="shadow" style="border-radius: 12px;">
- <tr>
- <td width="100%" style="padding-top: 20px;">
- <tr>
- <td style="text-align: left; width: 50%;">
- <img src="[image-url]/flag3.png" alt="" border="0" style="width: 100%; max-width: 32px;text-align: left; height: auto; display: block;"/>
- </td>
- <td style="text-align: right; width: 50%;">
- <img src="[image-url]/logo.png" alt="" border="0" style="height: 60px; padding-right: 30px;"/>
- </td>
- </tr>
- </td>
- </tr>
- <td class="pt36 fz-18" style="padding: 30px;" colspan="2">
- <table width="100%" border="0" cellspacing="0" cellpadding="0">
- <tr>
- <td class="pt36 fz-18" style="color:#1F497D; text-align: center; font-weight: bold; font-size:22px; line-height:1;">
- Hai, [email]
- </td>
- </tr>
- <tr>
- <td class="h5" style="font-size:13px; text-align:center; padding-top: 25px; color: #404852;">
- <p>
- Terimakasih telah melakukan
- pendaftaran
- </p>
- </td>
- </tr>
- <tr>
- <td class="h5" style="font-size:13px; text-align:center; padding-top: 20px; color: #404852;">
- <p>
- di Mandiri Sekuritas Online Securities
- Trading (MOST)
- </p>
- </td>
- </tr>
- <tr>
- <td class="h5" style="font-size:13px; text-align:center; padding-top: 25px; color: #404852;">
- <img src="[image-url]/banner1done.jpg" width="450" height="auto" border="0" alt=""/>
- </td>
- </tr>
- <tr>
- <td class="h5" style="font-size:14px; line-height:1.5; color:#404852; padding: 20px 0 0; text-align: center;">
- Status pembukaan rekening Anda saat ini
- berada pada tahap:
- </td>
- </tr>
- <tr>
- <td>
- <ul class="p30-40 m-0" style="padding:0px 80px; text-align: justify; color:#2E5585; font-size:14px; line-height:22px;" align="left" type="disc">
- <li style="list-style: none;">
- <table>
- <tr>
- <td align="center" valign="top" style="margin-right: 5px;">
- <img src="[image-url]/check.png" height="20" border="0" width="20" alt=""/>
- </td>
- <td>
- <b>Registrasi</b> <br/>
- </td>
- </tr>
- </table>
- </li>
- <li style="list-style: none;">
- <table>
- <tr>
- <td align="center" valign="top" style="margin-right: 5px; ">
- <img src="[image-url]/check.png" height="20" border="0" width="20" alt=""/>
- </td>
- <td>
- <b>Verifikasi</b> <br/>
- <p style="font-style: normal;">
- Data Anda telah berhasil
- kami verifikasi, Silakan
- klik tombol di bawah ini
- untuk melanjutkan proses
- pembukaan rekening Anda
- dengan pembubuhan Tanda
- Tangan Digital (MOST
- Digsign).
- </p>
- </td>
- </tr>
- </table>
- <a href="[endpoint-url]">
- <div class="btn-ivr" style="padding: 6px 14px; width: 100%; text-align: center; font-size:14px; margin-top: 10px; margin-bottom: 7px;">
- Tanda Tangan Digital
- </div>
- </a>
- <p style="font-style: italic; font-size: 9px; text-align: center;font-weight: 100; line-height: 1; color: #404852;">
- Untuk pembubuhan Tanda Tangan
- Digital, Mandiri Sekuritas bekerja
- sama dengan PrivyID
- </p>
- </li>
- <li style="list-style: none; color: #BDBDBD; margin-top: 8px;">
- <table>
- <tr>
- <td align="center" valign="top" style="margin-right: 5px;">
- <img src="[image-url]/check-disabled.png" height="20" border="0" width="20" alt=""/>
- </td>
- <td>
- <b>Tanda Tangan DIgital</b>
- <br/>
- </td>
- </tr>
- </table>
- </li>
- <li style="list-style: none; color: #BDBDBD;">
- <table>
- <tr>
- <td align="center" valign="top" style="margin-right: 5px;">
- <img src="[image-url]/check-disabled.png" height="20" border="0" width="20" alt=""/>
- </td>
- <td>
- <b>Proses Pembukaan
- Rekening
- <br/>
- </td>
- </tr>
- </table>
- </li>
- <li style="list-style: none; color: #BDBDBD;">
- <table>
- <tr>
- <td align="center" valign="top" style="margin-right: 5px;">
- <img src="[image-url]/check-disabled.png" height="20" border="0" width="20" alt=""/>
- </td>
- <td>
- <b>Aktif</b>
- <br/>
- </td>
- </tr>
- </table>
- </li>
- </ul>
- </td>
- </tr>
- <tr>
- <td class="footer h5 center pb8" style="font-size:14px; line-height:20px; color:#404852; padding: 10px 40px 10px 40px">
- <b style="color:#1F497D;">Menemukan Kendala dalam Tanda Tangan?</b>
- <ol style="padding-left: 12px">
- <li>Jika Anda tidak <b>menerima kode verifikasi</b>, ikuti langkah berikut:</li>
- </ol>
- </td>
- </tr>
- <tr>
- <td style="padding-left: 30px;">
- <table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
- <tr>
- <td width="25%" style="vertical-align:top;">
- <img src="[image-url]/photoHP2.jpg" border="0" alt="" style="width: 80%; max-width: 600px; height: auto; margin-top:10px; padding-top: 20px;display: block;"/>
- </td>
- <td width="25%" style="vertical-align:top;">
- <img src="[image-url]/photoHP1.jpg" border="0" alt="" style="width: 80%; max-width: 600px; height: auto; margin-top:10px; padding-top: 20px;display: block;"/>
- </td>
- <td class="h5 pb8" width="50%" style="font-size:14px; line-height:1.5; color:#404852; padding:0 0 0 20px ">
- <table>
- <tr>
- <td class="h5" style="font-size:14px; line-height:1.5; color:#404852; text-align: left">
- <ul style="color:#1F497D;padding-left:10px;" type="a">
- <li style="margin-bottom: 10px;">
- Kirim ulang kode verifikasi dari PrivyID dengan klik kembali tombol <b>SEND VERIFICATION CODE</b>.
- </li>
- <li style="margin-bottom: 10px;">Pastikan nomor ponsel yang terdaftar di akun PrivyID Anda adalah nomor ponsel yang aktif Anda gunakan.</li>
- <p>Apabila nomor ponsel yang terdaftar di akun PrivyID Anda sudah tidak aktif, lakukan proses pengkinian data ke PrivyID
- dengan mengirimkan email ke <a href="#" style="text-decoration: underline;color:#1F497D;">[email protected]</a></p>
- </ul>
- </td>
- </tr>
- </table>
- </td>
- </tr>
- </table>
- </td>
- </tr>
- <tr>
- <td class="footer h5 center pb8" style="font-size:14px; line-height:20px; color:#404852; padding: 10px 40px 10px 40px">
- <ol start="2" style="padding-left: 12px">
- <li>Terdapat dua dokumen yang wajib Anda tanda tangani: Formulir Pembukaan Rekening Efek (FPRE) dan Mandiri Tabungan Bisnis
- Investor (MTBI). Pastikan Anda menandatangani kedua dokumen ini untuk menyelesaikan proses registrasi.</li>
- </ol>
- </td>
- </tr>
- <tr>
- <td class="h5 center p12-0" style="text-align:center; font-size:14px; line-height: 1; color:#404852; padding: 4px 0;">
- Segera unduh aplikasi MOST Mandiri
- Sekuritas untuk mulai berinvestasi!
- </td>
- </tr>
- <tr>
- <td class="h5 center p12-0" style="text-align:center; font-size:14px; line-height: 1; color:#1F497D; padding: 4px 0">
- <table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
- <tr>
- <td style="text-align:right;">
- <a href="[play-store-url]" target="_blank">
- <img src="[image-url]/en_playstore.png" width="200" height="auto" border="0" alt=""/>
- </a>
- </td>
- <td style="text-align: left;">
- <a href="[app-store-url]" target="_blank">
- <img src="[image-url]/en_appstore.png" width="200" height="auto" border="0" alt=""/>
- </a>
- </td>
- </tr>
- </table>
- </td>
- </tr>
- <tr>
- <td class="h5" style="font-size:14px; text-align:center; line-height:1.5; padding: 25px 0px; color: #404852;">
- <p>
- Terima kasih atas kepercayaan Anda
- telah memilih Mandiri Sekuritas
- sebagai solusi dalam berinvestasi di
- Pasar Modal. Selamat berinvestasi!
- </p>
- </td>
- </tr>
- <tr>
- <td class="h5 center p12-0" style="text-align:center; font-size:14px; line-height: 1; color:#1F497D; padding: 4px 75px">
- <!-- <hr /> -->
- </td>
- </tr>
- <tr>
- <td style="border-bottom: 1px solid #dedede; padding: 10px;">
- <!-- <hr /> -->
- </td>
- </tr>
- <tr>
- <td>
- <table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
- <tr>
- <td class="h5 pb8" width="100%" style="font-size:14px; line-height:1.5; color:#404852; padding:0 0 0 20px ">
- <div style="padding:30px 0 15px; font-size:18px; ">
- <b style="color: #203C6A;">Care Center
- </b>
- - Melayani dengan sepenuh hati
- </div>
- <table>
- <tr>
- <td style="padding-bottom:10px;padding-right: 5px;">
- <img src="[image-url]/icon_headphone.png" alt=""/>
- </td>
- <td style="font-size:13px; padding-bottom:10px;padding-right: 5px;">
- 14032
- </td>
- </tr>
- <tr>
- <td style="padding-bottom:10px;padding-right: 5px;">
- <img src="[image-url]/icon_mail.png" alt=""/>
- </td>
- <td style="font-size:13px;padding-bottom:10px;padding-right: 5px; ">
- </td>
- </tr>
- <tr>
- <td style="padding-bottom:10px;padding-right: 5px;">
- <img src="[image-url]/icon_map.png" alt=""/>
- </td>
- <td style="font-size:13px;padding-right: 5px; ">
- <p>
- <b>PT.Mandiri Sekuritas
- </b>
- </p>
- <p>
- <b>Subsdiary of PT Bank
- Mandiri (Persero)
- Tbk.
- </p>
- </td>
- </tr>
- <tr>
- <td></td>
- <td style="font-size:10px; ">
- <p>
- Menara Mandiri Lt. 24-25,
- Jl. Jend Sudirman
- Kav.54-55
- </p>
- <p>
- Jakarta 12190, Indonesia.
- Tel :+62-21 526 3445
- </p>
- </td>
- </tr>
- <tr>
- <td colspan="2" style="padding: 20px 10px 10px 0">
- <table style="margin-left: 170px;">
- <tr>
- <td style="padding-right: 5px">
- <a href="">
- <img src="[image-url]/icon_instagram.png" alt="" width="32px"/>
- </a>
- </td>
- <td style="padding-right: 5px">
- <a href="">
- <img src="[image-url]/icon_facebook.png" alt="" width="32px"/>
- </a>
- </td>
- <td style="padding-right: 5px" ;="">
- <a href="">
- <img src="[image-url]/icon_twitter.png" alt="" width="32px"/>
- </a>
- </td>
- <td style="padding-right: 5px">
- <a href="">
- <img src="[image-url]/icon_youtube.png" alt="" width="32px"/>
- </a>
- </td>
- </tr>
- </table>
- </td>
- </tr>
- </table>
- </td>
- </tr>
- </table>
- </td>
- </tr>
- </table>
- </td>
- </table>
- </td>
- </table>
- <!-- END Intro -->
- <!-- Closing -->
- <table width="100%" border="0" cellspacing="0" cellpadding="0">
- <tr>
- <td class=" h5 center" style="font-size:13px; line-height:1.2; padding: 20px; text-align:center;">
- Mandiri Sekuritas terdaftar dan diawasi oleh
- Otoritas Jasa Keuangan
- </td>
- </tr>
- </table>
- <!-- END Closing -->
- <!-- Footer -->
- <!-- END Footer -->
- </td>
- </table>
- </td>
- </table>
- <!-- END Container -->
- </td>
- </table>
- </body>
- </html>
Add Comment
Please, Sign In to add comment