anggagewor

Untitled

Sep 16th, 2020
373
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 24.07 KB | None | 0 0
  1. <!--start <!DOCTYPE html> end-->
  2. <!--start <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"> end-->
  3. <!--start <head> end-->
  4.     <meta charset="utf-8"> <!-- utf-8 works for most cases -->
  5.     <meta name="viewport" content="width=device-width"> <!-- Forcing initial-scale shouldn't be necessary -->
  6.     <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- Use the latest (edge) version of IE rendering engine -->
  7.     <meta name="x-apple-disable-message-reformatting">  <!-- Disable auto-scale in iOS 10 Mail entirely -->
  8.      <!-- The title tag shows in email notifications, like Android 4.4. -->
  9.  
  10.  
  11.     <link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i" rel="stylesheet">
  12.  
  13.     <!-- CSS Reset : BEGIN -->
  14.     <style>
  15.         * {font-family: Arial, sans-serif, Helvetica;}
  16.         html,
  17.         body {
  18.             margin: 0 auto !important;
  19.             padding: 0 !important;
  20.             height: 100% !important;
  21.             width: 100% !important;
  22.             background: #f1f1f1;
  23.         }
  24.  
  25.         /* What it does: Stops email clients resizing small text. */
  26.         * {
  27.             -ms-text-size-adjust: 100%;
  28.             -webkit-text-size-adjust: 100%;
  29.         }
  30.  
  31.         /* What it does: Centers email on Android 4.4 */
  32.         div[style*="margin: 16px 0"] {
  33.             margin: 0 !important;
  34.         }
  35.  
  36.         /* What it does: Stops Outlook from adding extra spacing to tables. */
  37.         table,
  38.         td {
  39.             mso-table-lspace: 0pt !important;
  40.             mso-table-rspace: 0pt !important;
  41.         }
  42.  
  43.         /* What it does: Fixes webkit padding issue. */
  44.         table {
  45.             border-spacing: 0 !important;
  46.             border-collapse: collapse !important;
  47.             table-layout: fixed !important;
  48.             margin: 0 auto !important;
  49.         }
  50.  
  51.         /* What it does: Uses a better rendering method when resizing images in IE. */
  52.         img {
  53.             -ms-interpolation-mode: bicubic;
  54.         }
  55.  
  56.         /* What it does: Prevents Windows 10 Mail from underlining links despite inline CSS. Styles for underlined links should be inline. */
  57.         a {
  58.             text-decoration: none;
  59.         }
  60.  
  61.         /* What it does: A work-around for email clients meddling in triggered links. */
  62.         *[x-apple-data-detectors], /* iOS */
  63.         .unstyle-auto-detected-links *,
  64.         .aBn {
  65.             border-bottom: 0 !important;
  66.             cursor: default !important;
  67.             color: inherit !important;
  68.             text-decoration: none !important;
  69.             font-size: inherit !important;
  70.             font-family: inherit !important;
  71.             font-weight: inherit !important;
  72.             line-height: inherit !important;
  73.         }
  74.  
  75.         /* What it does: Prevents Gmail from displaying a download button on large, non-linked images. */
  76.         .a6S {
  77.             display: none !important;
  78.             opacity: 0.01 !important;
  79.         }
  80.  
  81.         /* What it does: Prevents Gmail from changing the text color in conversation threads. */
  82.         .im {
  83.             color: inherit !important;
  84.         }
  85.  
  86.         /* If the above doesn't work, add a .g-img class to any image in question. */
  87.         img.g-img + div {
  88.             display: none !important;
  89.         }
  90.  
  91.         /* What it does: Removes right gutter in Gmail iOS app: https://github.com/TedGoas/Cerberus/issues/89  */
  92.         /* Create one of these media queries for each additional viewport size you'd like to fix */
  93.  
  94.         /* iPhone 4, 4S, 5, 5S, 5C, and 5SE */
  95.         @media only screen and (min-device-width: 320px) and (max-device-width: 374px) {
  96.             u ~ div .email-container {
  97.                 min-width: 320px !important;
  98.             }
  99.         }
  100.  
  101.         /* iPhone 6, 6S, 7, 8, and X */
  102.         @media only screen and (min-device-width: 375px) and (max-device-width: 413px) {
  103.             u ~ div .email-container {
  104.                 min-width: 375px !important;
  105.             }
  106.         }
  107.  
  108.         /* iPhone 6+, 7+, and 8+ */
  109.         @media only screen and (min-device-width: 414px) {
  110.             u ~ div .email-container {
  111.                 min-width: 414px !important;
  112.             }
  113.         }
  114.  
  115.     </style>
  116.  
  117.     <!-- CSS Reset : END -->
  118.  
  119.     <!-- Progressive Enhancements : BEGIN -->
  120.     <style>
  121.  
  122.         .primary {
  123.             background: #f3a333;
  124.         }
  125.  
  126.         .bg_white {
  127.             background: #ffffff;
  128.         }
  129.  
  130.         .bg_light {
  131.             background: #fafafa;
  132.         }
  133.  
  134.         .bg_black {
  135.             background: #000000;
  136.         }
  137.  
  138.         .bg_dark {
  139.             background: rgba(0, 0, 0, .8);
  140.         }
  141.  
  142.         .bg_green {
  143.             background: rgb(0, 165, 98);
  144.         }
  145.  
  146.         .email-section {
  147.             padding: 2.5em;
  148.         }
  149.  
  150.         /*BUTTON*/
  151.         .btn {
  152.             display: flex;
  153.             flex-direction: row;
  154.             padding: 20px 189px;
  155.             width: 510px;
  156.             height: 59px;
  157.  
  158.         }
  159.  
  160.         .btn.btn-primary {
  161.             /* Pure Green */
  162.             background: #00A562;
  163.             border: 1px solid #FFFFFF;
  164.             box-sizing: border-box;
  165.             border-radius: 8px;
  166.             color: #FFFFFF;
  167.         }
  168.  
  169.         h1, h2, h3, h4, h5, h6 {
  170.             font-family: Arial, sans-serif, Helvetica
  171.             color: #000000;
  172.             margin-top: 0;
  173.         }
  174.  
  175.         body {
  176.             /*
  177.             font-family: 'Montserrat', sans-serif;
  178.             font-weight: 400;
  179.             font-size: 15px;
  180.             line-height: 1.8;
  181.             color: rgba(0,0,0,.4);
  182.             */
  183.             font-family: Gotham, sans-serif;
  184.             font-style: normal;
  185.             font-weight: normal;
  186.             font-size: 16px;
  187.             line-height: 24px;
  188.             /* Sub Headline & Body */
  189.            color: #687785;
  190.             mix-blend-mode: normal;
  191.  
  192.         }
  193.  
  194.         a {
  195.             text-decoration-line: underline;
  196.             color: #27AE60;
  197.             mix-blend-mode: normal;
  198.         }
  199.  
  200.         table {
  201.         }
  202.  
  203.         /*LOGO*/
  204.  
  205.         .logo h1 {
  206.             margin: 0;
  207.         }
  208.  
  209.         .logo h1 a {
  210.             color: #000;
  211.             font-size: 20px;
  212.             font-weight: 700;
  213.             text-transform: uppercase;
  214.             font-family: 'Montserrat', sans-serif;
  215.         }
  216.  
  217.         .icon {
  218.             text-align: center;
  219.         }
  220.  
  221.         .icon img {
  222.         }
  223.  
  224.         .disclaimer-section h3 {
  225.             font-size: 13px;
  226.             text-align: left;
  227.         }
  228.  
  229.         .disclaimer-section p {
  230.             font-size: 10px;
  231.             text-align: left;
  232.         }
  233.  
  234.         /*SERVICES*/
  235.         .text-services {
  236.             padding: 10px 10px 0;
  237.             text-align: center;
  238.         }
  239.  
  240.         .text-services h3 {
  241.             font-size: 20px;
  242.         }
  243.  
  244.         /*BLOG*/
  245.         .text-services .meta {
  246.             text-transform: uppercase;
  247.             font-size: 14px;
  248.         }
  249.  
  250.         /*TESTIMONY*/
  251.         .text-testimony .name {
  252.             margin: 0;
  253.         }
  254.  
  255.         .text-testimony .position {
  256.             color: rgba(0, 0, 0, .3);
  257.  
  258.         }
  259.  
  260.         /*VIDEO*/
  261.         .img {
  262.             width: 100%;
  263.             height: auto;
  264.             position: relative;
  265.         }
  266.  
  267.         .img .icon {
  268.             position: absolute;
  269.             top: 50%;
  270.             left: 0;
  271.             right: 0;
  272.             bottom: 0;
  273.             margin-top: -25px;
  274.         }
  275.  
  276.         .img .icon a {
  277.             display: block;
  278.             width: 60px;
  279.             position: absolute;
  280.             top: 0;
  281.             left: 50%;
  282.             margin-left: -25px;
  283.         }
  284.  
  285.         /*COUNTER*/
  286.         .counter-text {
  287.             text-align: center;
  288.         }
  289.  
  290.         .counter-text .num {
  291.             display: block;
  292.             color: #ffffff;
  293.             font-size: 34px;
  294.             font-weight: 700;
  295.         }
  296.  
  297.         .counter-text .name {
  298.             display: block;
  299.             color: rgba(255, 255, 255, .9);
  300.             font-size: 13px;
  301.         }
  302.  
  303.         /*FOOTER*/
  304.         .footer {
  305.             color: rgba(255, 255, 255, .5);
  306.  
  307.         }
  308.  
  309.         .footer .heading {
  310.             color: #ffffff;
  311.             font-size: 20px;
  312.         }
  313.  
  314.         .footer ul {
  315.             margin: 0;
  316.             padding: 0;
  317.         }
  318.  
  319.         .footer ul li {
  320.             list-style: none;
  321.             margin-bottom: 10px;
  322.         }
  323.  
  324.         .footer ul li a {
  325.             color: rgba(255, 255, 255, 1);
  326.         }
  327.  
  328.         @media screen and (max-width: 500px) {
  329.             .icon {
  330.                 text-align: left;
  331.             }
  332.  
  333.             .text-services {
  334.                 padding-left: 0;
  335.                 padding-right: 20px;
  336.                 text-align: left;
  337.             }
  338.         }
  339.     </style>
  340. <!--start </head> end-->
  341. <!--start <body width="100%" style="margin: 0; padding: 0 !important; mso-line-height-rule: exactly; background-color: #ffffff; font-family: Gotham;
  342. font-style: normal;
  343. font-weight: normal;
  344. font-size: 16px;
  345. line-height: 24px;"> end-->
  346.  
  347. <center style="width: 100%; background-color: #f1f1f1;">
  348.     <div style="display: none; font-size: 1px;max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden; mso-hide: all; font-family: sans-serif;">
  349.         ‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;
  350.     </div>
  351.     <div class="email-container" style="max-width: 602px; margin: 0 auto;">
  352.         <!-- BEGIN BODY -->
  353.         <table align="center" border="0" cellpadding="0" cellspacing="0" style="margin: auto; background-color: #fff;" width="100%"><tbody><tr><td class="bg_white logo" style="padding: 20px 0; text-align: center; border-bottom: 1px solid #EAEAEA;">
  354.                     <img src="https://api-client.mifx.com/images/logo.png" alt="MIFX LOGO">
  355.                 </td></tr>
  356.             <tr><td style="width: 100%; background-color: #45526C;">
  357. <div style="padding:15% 10px; text-align:center;">
  358.                         <span style="
  359.                                 font-family: Arial, sans-serif, Helvetica;
  360.                                 font-style: normal;
  361.                                 font-weight: bold;
  362.                                 font-size: 30px;
  363.                                 line-height: 36px;
  364.                                 /*display: flex;
  365.                                 align-items: center;
  366.                                 text-align: center;
  367.                                 text-transform: uppercase;
  368.                                 color: #FFFFFF;">MARKET BRIEF PAGI INI</span>
  369.                     </div>
  370.                 </td></tr>
  371.             <tr><td style="padding: 20px 0 0; width: 100%;">
  372.                     <div style="padding: 0 40px;">
  373.                         <table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td>
  374.                                     <div>
  375.                                         <p>Yth. {{ contact.FIRSTNAME }},</p>
  376.                                         <p>Berikut adalah market brief yang dapat Anda gunakan sebagai refrensi trading
  377.                                             Anda pagi ini.</p>
  378.                                     </div>
  379.                                 </td></tr></tbody></table>
  380.                     </div>
  381.                 </td></tr>
  382.             <tr><td style="padding: 20px 0; width: 100%; background: #f4f9ff;">
  383.                     <div style="padding: 0 40px;">
  384.                         <table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td colspan="2" style="background: #fff;padding:40px;border-radius: 15px;box-shadow: 0 4px 10px 0 #e6e9f0;margin-bottom: 50px;">
  385.                                     <div style="display: block;clear: both;margin-bottom: 20px;">
  386.                                         <img src="https://api-client.mifx.com/images/symbol/EUR-USD.png" alt="">
  387.                                     </div>
  388.                                     <div style="display: block;clear: both;margin-bottom: 20px;">
  389.                                         <strong>EURUSD_</strong></div>
  390.                                     <div style="display: block;clear: both;">{EUROUSD_BODY}</div>
  391.                                 </td></tr></tbody></table>
  392.                     </div>
  393.                 </td></tr>
  394.             <tr><td style="padding: 20px 0; width: 100%; background: #f4f9ff;">
  395.                     <div style="padding: 0 40px;">
  396.                         <table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td colspan="2" style="background: #fff;padding:40px;border-radius: 15px;box-shadow: 0 4px 10px 0 #e6e9f0;margin-bottom: 50px;">
  397.                                     <div style="display: block;clear: both;margin-bottom: 20px;">
  398.                                         <img src="https://api-client.mifx.com/images/symbol/GBP-USD.png" alt="">
  399.                                     </div>
  400.                                     <div style="display: block;clear: both;margin-bottom: 20px;">
  401.                                         <strong>GBPUSD_</strong></div>
  402.                                     <div style="display: block;clear: both;">{GBPUSD_BODY}</div>
  403.                                 </td></tr></tbody></table>
  404.                     </div>
  405.                 </td></tr>
  406.             <tr><td style="padding: 20px 0; width: 100%; background: #f4f9ff;">
  407.                     <div style="padding: 0 40px;">
  408.                         <table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td colspan="2" style="background: #fff;padding:40px;border-radius: 15px;box-shadow: 0 4px 10px 0 #e6e9f0;margin-bottom: 50px;">
  409.                                     <div style="display: block;clear: both;margin-bottom: 20px;">
  410.                                         <img src="https://api-client.mifx.com/images/symbol/XAU-USD.png" alt="">
  411.                                     </div>
  412.                                     <div style="display: block;clear: both;margin-bottom: 20px;">
  413.                                         <strong>XAUUSD_</strong></div>
  414.                                     <div style="display: block;clear: both;">{XAUUSD_BODY}</div>
  415.                                 </td></tr></tbody></table>
  416.                     </div>
  417.                 </td></tr>
  418.             <tr><td style="padding: 20px 0; width: 100%; background: #f4f9ff;">
  419.                     <div style="padding: 0 40px;">
  420.                         <table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td colspan="2" style="background: #fff;padding:40px;border-radius: 15px;box-shadow: 0 4px 10px 0 #e6e9f0;margin-bottom: 50px;">
  421.                                     <div style="display: block;clear: both;margin-bottom: 20px;">
  422.                                         <img src="https://api-client.mifx.com/images/symbol/CLS10.png" alt="">
  423.                                     </div>
  424.                                     <div style="display: block;clear: both;margin-bottom: 20px;">
  425.                                         <strong>CLS10_</strong></div>
  426.                                     <div style="display: block;clear: both;">{CLS10_BODY}</div>
  427.                                 </td></tr></tbody></table>
  428.                     </div>
  429.                 </td></tr>
  430.             <tr><td style="padding: 20px 0; width: 100%; background: #f4f9ff;">
  431.                     <div style="padding: 0 40px;">
  432.                         <table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td colspan="2" style="margin-bottom: 50px;">
  433.                                     <div style="display: block;clear: both;">
  434.                                         Jika Anda melewatkan market brief diatas, temukan update selanjutnya untuk semua produk hanya di MIFX Mobile.
  435.                                     </div>
  436.                                     <div style="display: block;clear: both;">
  437.                                         <a href="https://mifx.com/redirectEmail?utm_source=emailmarketing" style="font-style: normal; font-weight: 500; font-size: 16px; background: #00A562; border: 1px solid #FFFFFF; box-sizing: border-box; border-radius: 8px; color: #FFFFFF; display: table-caption; text-align: center; padding: 15px; width: 100%; text-decoration: none; display: block;margin-top: 20px;">TRADING SEKARANG</a>
  438.                                     </div>
  439.                                 </td></tr></tbody></table>
  440.                     </div>
  441.                 </td></tr>
  442.             <tr></tr></tbody></table><table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td colspan="2" style="background: #fff;padding: 40px 40px;" valign="middle">
  443.                             Jika Anda memiliki pertanyaan lebih lanjut seputar akun Anda maupun trading di MIFX, silakan hubungi Contact Person Anda:
  444.                         </td></tr>
  445.                     <tr><td style="background: #fff;padding: 0 40px;" valign="middle">
  446.                             <table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td width="20%"><img src="https://api-client.mifx.com/images/contact_name.png" alt=""></td>
  447.                                     <td width="80%"><span style="font-size:14px; color: #000000;">{{ contact.SALES_NAME }}</span>
  448.                                     </td></tr>
  449.                                 <tr><td><img src="https://api-client.mifx.com/images/contact_email.png" alt=""></td>
  450.                                     <td><span style="font-size:14px; color: #000000;">{{ contact.SALES_EMAIL }}</span></td></tr>
  451.                                 <tr><td><img src="https://api-client.mifx.com/images/contact_phone.png" alt=""></td>
  452.                                     <td><span style="font-size:14px; color: #000000;">{{ contact.SALES_PHONE }}</span></td></tr></tbody></table>
  453.                         </td>
  454.                         <td style="background: #fff;" valign="middle">
  455.                             <table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td>
  456.                                         <img src="https://api-client.mifx.com/images/sales_logo.png" alt="Sales Monex" style="max-width: 400px; height: auto; margin: auto; display: block; text-align: right; float: right;">
  457.                                     </td></tr></tbody></table>
  458.                         </td></tr></tbody></table>
  459.            
  460.            
  461.                
  462.                     <table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td class="bg_green email-section" style="text-align:center; background-color: #00A562; color: #E0E7EA; font-size: 16px;line-height: 24px;">
  463.                                     <div class="heading-section heading-section-white" style="padding: 0 24px;">
  464.                                         <p>Membutuhkan bantuan seputar trading?</p>
  465.                                         <p>Hubungi Tim Layanan Pelanggan Monex di nomor <strong>021-27889333</strong></p>
  466.                                         <p>atau melalui email ke <strong><a href="mailto:[email protected]" style="text-decoration: none; color: #E0E7EA;">[email protected]</a></strong></p>
  467.                                     </div>
  468.                                 </td></tr>
  469.                         <tr><td class="bg_white disclaimer-section">
  470.                                 <div class="heading-section" style="text-align: left; padding: 40px;">
  471.                                     <p style="font-size:9.99216px; color: #707070; line-height: 14px;"><strong>DISCLAIMER</strong>
  472.                                         <br>
  473.                                         Materi ini untuk refrensi saja dan bukan untuk rekomendasi melakukan transaksi.
  474.                                         Transaksi di perdagangan berjangka memiliki resiko serta memiliki potensi yang
  475.                                         sama besar antara kerugian dan keuntungan.
  476.                                         Seluruh transaksi yang diambil menjadi tanggung jawab nasabah.
  477.                                         Seluruh konten di dalam website ini bersifat informatif.
  478.                                         PT. Monex Investindo Futures tidak menjamin kelengkapan dan akurasinya.
  479.                                         PT. Monex Investindo Futures tidak bertanggung jawab atas segala bentuk
  480.                                         kerugian, baik langsung maupun tidak langsung, akibat penggunaan informasi yang
  481.                                         tersedia di website ini.
  482.                                         Kebijakan Privasi: PT. Monex Investindo Futures membutuhkan informasi pribadi
  483.                                         bagi pihak yang melakukan pendaftaran demo dan live account untuk kepentingan
  484.                                         internal.
  485.                                         PT. Monex Investindo Futures dan karyawannya berkewajiban menjaga kerahasiaan
  486.                                         informasi tersebut dan tidak akan memberikannya kepada pihak ketiga.
  487.                                         Namun jika diwajibkan oleh undang-undang, PT. Monex Investindo Futures dapat
  488.                                         memberikan informasi tersebut ke otoritas publik.
  489.                                     </p>
  490.                                     <p style="font-size:9px; color: #707070; line-height: 14px;">Email dibuat secara
  491.                                         otomatis. Mohon tidak mengirimkan balasan ke email ini.</p>
  492.                                 </div>
  493.                             </td></tr></tbody></table>
  494.                
  495.            
  496.  
  497.            
  498.                
  499.                     <table align="center" border="0" cellpadding="0" cellspacing="0" style="margin: auto;" width="100%"><tbody><tr><td class="bg_black footer email-section" style="text-align: center;" valign="middle">
  500.                                 <table><tbody><tr><td>
  501.                                             <table><tbody><tr><td><a href="https://facebook.com/mifx.idn/"><img src="https://api-client.mifx.com/images/facebook.png" alt=""></a>
  502.                                                     </td>
  503.                                                     <td><a href="https://twitter.com/mifx_idn"><img src="https://api-client.mifx.com/images/twitter.png" alt=""></a>
  504.                                                     </td>
  505.                                                     <td><a href="https://instagram.com/mifx.idn/"><img src="https://api-client.mifx.com/images/instagram.png" alt=""></a>
  506.                                                     </td>
  507.                                                     <td><a href="https://youtube.com/user/MifxChannel"><img src="https://api-client.mifx.com/images/youtube_play.png" alt=""></a>
  508.                                                     </td></tr></tbody></table>
  509.                                         </td></tr>
  510.                                     <tr><td>
  511.                                                 <table><tbody><tr><td>
  512.                                                             <p style="font-size:9px; line-height: 14px;">© 2020. PT Monex Investindo Futures. All Rights Reserved</p>
  513.                                                         </td></tr></tbody></table>
  514.                                         </td>
  515.                                         <!--                                
  516.                                        <td valign="top" width="33.333%">
  517.                                            <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
  518.                                                <tr>
  519.                                                    <td style="text-align: right; padding-left: 5px; padding-right: 5px;">
  520.                                                        <p><a href="#" style="color: rgba(255,255,255,.4);">Unsubcribe</a></p>
  521.                                                    </td>
  522.                                                </tr>
  523.                                            </table>
  524.                                        </td>
  525.                                        --></tr></tbody></table>
  526.                             </td></tr></tbody></table>
  527.                
  528.            
  529.        
  530.     </div>
  531. </center>
  532. <!--start </body> end-->
  533. <!--start </html> end-->
Add Comment
Please, Sign In to add comment