API tools faq
paste
ahmadandika

email custom

ahmadandika
May 11th, 2020
166
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 24.50 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html
  3.  xmlns="http://www.w3.org/1999/xhtml"
  4.  xmlns:v="urn:schemas-microsoft-com:vml"
  5.  xmlns:o="urn:schemas-microsoft-com:office:office"
  6. >
  7.   <head>
  8.     <!--[if gte mso 9]>
  9.      <xml>
  10.        <o:OfficeDocumentSettings>
  11.          <o:AllowPNG />
  12.          <o:PixelsPerInch>96</o:PixelsPerInch>
  13.        </o:OfficeDocumentSettings>
  14.      </xml>
  15.    <![endif]-->
  16.     <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
  17.     <meta
  18.      name="viewport"
  19.      content="width=device-width, initial-scale=1, maximum-scale=1"
  20.    />
  21.     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  22.     <meta name="format-detection" content="date=no" />
  23.     <meta name="format-detection" content="address=no" />
  24.     <meta name="format-detection" content="telephone=no" />
  25.     <meta name="x-apple-disable-message-reformatting" />
  26.     <!--[if !mso]><!-->
  27.     <link
  28.      href="https://fonts.googleapis.com/css?family=Fira+Mono:400,500,700|Ubuntu:400,400i,500,500i,700,700i"
  29.      rel="stylesheet"
  30.    />
  31.     <!--<![endif]-->
  32.     <title>Email Template</title>
  33.     <!--[if gte mso 9]>
  34.      <style type="text/css" media="all">
  35.        sup {
  36.          font-size: 100% !important;
  37.        }
  38.      </style>
  39.    <![endif]-->
  40.  
  41.     <style type="text/css" media="screen">
  42.       /* Linked Styles */
  43.       @font-face {
  44.         font-family: MyriadPro;
  45.         src: url('fonts/MyriadPro-Regular.otf');
  46.       }
  47.  
  48.       @font-face {
  49.         font-family: MyriadPro;
  50.         src: url('fonts/MyriadPro-Bold.otf');
  51.         font-weight: bold;
  52.       }
  53.  
  54.       @font-face {
  55.         font-family: MyriadPro;
  56.         src: url('fonts/MyriadPro-It.otf');
  57.         font-style: italic;
  58.       }
  59.  
  60.       @font-face {
  61.         font-family: MyriadPro;
  62.         src: url('fonts/MyriadPro-BoldIt.otf');
  63.         font-weight: bold;
  64.         font-style: italic;
  65.       }
  66.  
  67.       @font-face {
  68.         font-family: MyriadPro;
  69.         src: url('fonts/MyriadPro-Regular.otf');
  70.         font-weight: 300;
  71.       }
  72.  
  73.       @font-face {
  74.         font-family: MyriadPro;
  75.         src: url('fonts/MyriadPro-It.otf');
  76.         font-style: italic;
  77.         font-weight: 300;
  78.       }
  79.  
  80.       @font-face {
  81.         font-family: MyriadPro;
  82.         src: url('fonts/MyriadPro-Light.otf');
  83.         font-style: italic;
  84.         font-weight: 100;
  85.       }
  86.  
  87.       body {
  88.         font-family: Helvetica, sans-serif;
  89.         padding: 0 !important;
  90.         margin: 0 !important;
  91.         display: block !important;
  92.         min-width: 100% !important;
  93.         width: 100% !important;
  94.         background: #d8e0e3;
  95.         -webkit-text-size-adjust: none;
  96.       }
  97.  
  98.       a {
  99.         color: #000001;
  100.         text-decoration: none;
  101.       }
  102.  
  103.       p {
  104.         padding: 0 !important;
  105.         margin: 0 !important;
  106.       }
  107.  
  108.       img {
  109.         -ms-interpolation-mode: bicubic;
  110.         /* Allow smoother rendering of resized image in Internet Explorer */
  111.       }
  112.  
  113.       .mcnPreviewText {
  114.         display: none !important;
  115.       }
  116.  
  117.       ul li {
  118.         position: relative;
  119.       }
  120.  
  121.       .btn-ivr {
  122.         border-radius: 50px;
  123.         border: none;
  124.         background-color: #003d79;
  125.         font-size: 16px;
  126.         color: #ffffff;
  127.         text-decoration: none;
  128.         font-weight: bold;
  129.         cursor: pointer;
  130.       }
  131.       .bg-gradient {
  132.         background: linear-gradient(
  133.           116deg,
  134.           rgba(246, 183, 14, 1) 0%,
  135.           rgba(254, 147, 14, 1) 100%
  136.         );
  137.       }
  138.       .shadow {
  139.         box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28);
  140.       }
  141.       /* Mobile styles */
  142.       @media only screen and (max-device-width: 480px),
  143.         only screen and (max-width: 480px) {
  144.         .mobile-shell {
  145.           width: 100% !important;
  146.           min-width: 100% !important;
  147.         }
  148.  
  149.         .m-center {
  150.           text-align: center !important;
  151.         }
  152.  
  153.         .text3,
  154.         .text-footer,
  155.         .text-header {
  156.           text-align: center !important;
  157.         }
  158.  
  159.         .lh-18 {
  160.           line-height: 18px;
  161.         }
  162.  
  163.         .center {
  164.           margin: 0 auto !important;
  165.         }
  166.  
  167.         .td {
  168.           width: 100% !important;
  169.           min-width: 100% !important;
  170.         }
  171.  
  172.         .m-br-15 {
  173.           height: 15px !important;
  174.         }
  175.  
  176.         .m-0 {
  177.           margin: 0 !important;
  178.         }
  179.  
  180.         .p-0 {
  181.           padding: 0 !important;
  182.         }
  183.  
  184.         .p20-15 {
  185.           padding: 20px 15px !important;
  186.         }
  187.  
  188.         .p0-15 {
  189.           padding: 0 15px !important;
  190.         }
  191.  
  192.         .p30-15 {
  193.           padding: 30px 15px !important;
  194.         }
  195.  
  196.         .p30-15-15 {
  197.           padding: 30px 15px 15px !important;
  198.         }
  199.  
  200.         .p30-15-0-80 {
  201.           padding: 30px 15px 0px 80px !important;
  202.         }
  203.  
  204.         .p30-15-0 {
  205.           padding: 30px 15px 0px 15px !important;
  206.         }
  207.  
  208.         .p40 {
  209.           padding-bottom: 30px !important;
  210.         }
  211.  
  212.         .pt36 {
  213.           padding-top: 36px !important;
  214.         }
  215.  
  216.         .pb8 {
  217.           padding-bottom: 8px !important;
  218.         }
  219.  
  220.         .footer {
  221.           padding: 20px 15px !important;
  222.         }
  223.  
  224.         .h2-white {
  225.           font-size: 40px !important;
  226.           line-height: 44px !important;
  227.           text-align: center !important;
  228.         }
  229.  
  230.         .fz-18 {
  231.           font-size: 18px !important;
  232.         }
  233.  
  234.         .h2 {
  235.           font-size: 42px !important;
  236.           line-height: 50px !important;
  237.         }
  238.  
  239.         .m-td,
  240.         .m-hide {
  241.           display: none !important;
  242.           width: 0 !important;
  243.           height: 0 !important;
  244.           font-size: 0 !important;
  245.           line-height: 0 !important;
  246.           min-height: 0 !important;
  247.         }
  248.  
  249.         .m-block {
  250.           display: block !important;
  251.         }
  252.  
  253.         .container {
  254.           padding: 0px !important;
  255.         }
  256.  
  257.         .separator {
  258.           padding-top: 30px !important;
  259.         }
  260.  
  261.         .fluid-img img {
  262.           width: 100% !important;
  263.           max-width: 100% !important;
  264.           height: auto !important;
  265.         }
  266.  
  267.         .column,
  268.         .column-top,
  269.         .column-dir,
  270.         .column-empty,
  271.         .column-empty2,
  272.         .column-bottom,
  273.         .column-dir-top,
  274.         .column-dir-bottom {
  275.           float: left !important;
  276.           width: 100% !important;
  277.           display: block !important;
  278.         }
  279.  
  280.         .column-empty {
  281.           padding-bottom: 10px !important;
  282.         }
  283.  
  284.         .column-empty2 {
  285.           padding-bottom: 30px !important;
  286.         }
  287.  
  288.         .content-spacing {
  289.           width: 15px !important;
  290.         }
  291.       }
  292.     </style>
  293.   </head>
  294.  
  295.   <body
  296.    class="body"
  297.    style="padding: 0 !important; margin: 0 !important; display: block !important; min-width: 100% !important; width: 100% !important; background: #d8e0e3; -webkit-text-size-adjust: none;"
  298.  >
  299.     <table
  300.      width="100%"
  301.      border="0"
  302.      cellspacing="0"
  303.      cellpadding="0"
  304.      bgcolor="#d8e0e3"
  305.    >
  306.       <tr>
  307.         <td
  308.          align="center"
  309.          valign="top"
  310.          class="container"
  311.          style="padding: 50px 10px;"
  312.        >
  313.           <!-- Container -->
  314.           <table width="100%" border="0" cellspacing="0" cellpadding="0">
  315.             <tr>
  316.               <td align="center">
  317.                 <table
  318.                  width="650"
  319.                  border="0"
  320.                  cellspacing="0"
  321.                  cellpadding="0"
  322.                  class="mobile-shell"
  323.                >
  324.                   <tr>
  325.                     <td
  326.                      class="td"
  327.                      bgcolor="#ffffff"
  328.                      style="width: 650px; min-width: 650px; font-size: 0pt; line-height: 0pt; padding: 0; margin: 0; font-weight: normal;"
  329.                    >
  330.                       <!-- Header -->
  331.                       <table
  332.                        width="100%"
  333.                        height="7px"
  334.                        border="0"
  335.                        cellspacing="0"
  336.                        cellpadding="0"
  337.                        bgcolor="#d8e0e3"
  338.                      >
  339.                         <tr>
  340.                           <td
  341.                            bgcolor="#ffb700"
  342.                            width="30%"
  343.                            class="bg-gradient"
  344.                          ></td>
  345.                           <td class="td" bgcolor="#203C6A" width="70%"></td>
  346.                         </tr>
  347.                       </table>
  348.  
  349.                       <!-- END Header -->
  350.  
  351.                       <!-- Intro -->
  352.                       <table
  353.                        width="100%"
  354.                        border="0"
  355.                        cellspacing="0"
  356.                        cellpadding="0"
  357.                        bgcolor="#ffffff"
  358.                      >
  359.                         <tr>
  360.                           <td class="p0-15" style="padding: 80px 20px 0;">
  361.                             <table
  362.                              width="100%"
  363.                              border="0"
  364.                              cellspacing="0"
  365.                              cellpadding="0"
  366.                              class="shadow"
  367.                              style="border-radius: 12px;"
  368.                            >
  369.                               <tr>
  370.                                 <td width="100%" style="padding-top: 20px;">
  371.                                   <tr>
  372.                                     <td style="text-align: left; width: 50%;">
  373.                                       <img
  374.                                        src="images/flag3.png"
  375.                                        alt=""
  376.                                        border="0"
  377.                                        style="width: 100%; max-width: 32px; text-align: left; height: auto; display: block;"
  378.                                      />
  379.                                     </td>
  380.                                     <td style="text-align: right; width: 50%;">
  381.                                       <img
  382.                                        src="images/logo.png"
  383.                                        alt=""
  384.                                        border="0"
  385.                                        style="height: 60px; padding-right: 30px;"
  386.                                      />
  387.                                     </td>
  388.                                   </tr>
  389.                                 </td>
  390.                               </tr>
  391.                               <tr>
  392.                                 <td
  393.                                  class="pt36 fz-18"
  394.                                  style="padding: 30px;"
  395.                                  colspan="2"
  396.                                >
  397.                                   <table
  398.                                    width="100%"
  399.                                    border="0"
  400.                                    cellspacing="0"
  401.                                    cellpadding="0"
  402.                                  >
  403.                                     <tr>
  404.                                       <td
  405.                                        class="pt36 fz-18"
  406.                                        style="color: #1f497d; text-align: center; font-weight: bold; font-size: 22px; line-height: 1; "
  407.                                      >
  408.                                         Hai, [email protected]
  409.                                       </td>
  410.                                     </tr>
  411.  
  412.                                     <tr>
  413.                                       <td
  414.                                        class="h5"
  415.                                        style="font-size: 14px; line-height: 1.5; color: #404852; padding: 10px 0 0;"
  416.                                      >
  417.                                         <div style="min-height: 300px;padding-top: 30px;">
  418.                                           <p>
  419.                                             this is body email
  420.                                           </p>
  421.                                         </div>
  422.                                       </td>
  423.                                     </tr>
  424.                                     <tr>
  425.                                       <td
  426.                                        class="h5"
  427.                                        style="font-size: 12px; text-align: center; line-height: 1.5; padding: 15px 30px 0 30px; color: #404852;"
  428.                                      >
  429.                                         <p>
  430.                                           Terima kasih atas kepercayaan Anda
  431.                                           telah memilih Mandiri Sekuritas
  432.                                           sebagai solusi dalam berinvestasi di
  433.                                           Pasar Modal. Selamat berinvestasi!
  434.                                         </p>
  435.                                       </td>
  436.                                     </tr>
  437.                                     <tr>
  438.                                       <td
  439.                                        style="border-bottom: 1px solid #dedede; padding: 10px;"
  440.                                      >
  441.                                         <!-- <hr /> -->
  442.                                       </td>
  443.                                     </tr>
  444.                                     <tr>
  445.                                       <td>
  446.                                         <table
  447.                                          width="100%"
  448.                                          border="0"
  449.                                          cellspacing="0"
  450.                                          cellpadding="0"
  451.                                          bgcolor="#ffffff"
  452.                                        >
  453.                                           <tr>
  454.                                             <td
  455.                                              class="h5 pb8"
  456.                                              width="100%"
  457.                                              style="font-size:14px; line-height:1.5; color:#404852; padding:0 0 0 20px "
  458.                                            >
  459.                                               <div
  460.                                                style="padding:30px 0 15px; font-size:18px; "
  461.                                              >
  462.                                                 <b style="color: #203C6A;"
  463.                                                  >Care Center
  464.                                                 </b>
  465.                                                 - Melayani dengan sepenuh hati
  466.                                               </div>
  467.                                               <table>
  468.                                                 <tr>
  469.                                                   <td
  470.                                                    style="padding-bottom:10px;padding-right: 5px;"
  471.                                                  >
  472.                                                     <img
  473.                                                      src="images/icon_headphone.png"
  474.                                                      alt=""
  475.                                                    />
  476.                                                   </td>
  477.                                                   <td
  478.                                                    style="font-size:13px; padding-bottom:10px;padding-right: 5px;"
  479.                                                  >
  480.                                                     14032
  481.                                                   </td>
  482.                                                 </tr>
  483.                                                 <tr>
  484.                                                   <td
  485.                                                    style="padding-bottom:10px;padding-right: 5px;"
  486.                                                  >
  487.                                                     <img
  488.                                                      src="images/icon_mail.png"
  489.                                                      alt=""
  490.                                                    />
  491.                                                   </td>
  492.                                                   <td
  493.                                                    style="font-size:13px;padding-bottom:10px;padding-right: 5px; "
  494.                                                  >
  495.                                                     [email protected]
  496.                                                   </td>
  497.                                                 </tr>
  498.                                                 <tr>
  499.                                                   <td
  500.                                                    style="padding-bottom:10px;padding-right: 5px;padding-top: 5px;
  501.                                                    "
  502.                                                  >
  503.                                                     <img
  504.                                                      src="images/icon_map.png"
  505.                                                      alt=""
  506.                                                      s
  507.                                                    />
  508.                                                   </td>
  509.                                                   <td
  510.                                                    style="font-size:13px;padding-right: 5px; "
  511.                                                  >
  512.                                                     <p>
  513.                                                       <b
  514.                                                        >PT Mandiri Sekuritas
  515.                                                       </b>
  516.                                                     </p>
  517.                                                   </td>
  518.                                                 </tr>
  519.                                                 <tr>
  520.                                                   <td></td>
  521.                                                   <td style="font-size:10px; ">
  522.                                                     <p>
  523.                                                       Menara Mandiri Lt. 24-25,
  524.                                                      
  525.                                                     </p>
  526.                                                     <p>
  527.                                                       Jl. Jend. Sudirman
  528.                                                       Kav.54-55, Jakarta
  529.                                                     </p>
  530.                                                     <p>
  531.                                                       12190
  532.                                                     </p>
  533.                                                   </td>
  534.                                                 </tr>
  535.                                                 <tr>
  536.                                                   <td
  537.                                                    colspan="2"
  538.                                                    style="padding: 20px 10px 10px 0"
  539.                                                  >
  540.                                                     <table
  541.                                                      style="margin-left: 170px;"
  542.                                                    >
  543.                                                       <tr>
  544.                                                         <td
  545.                                                          style="padding-right: 5px"
  546.                                                        >
  547.                                                           <a href="">
  548.                                                             <img
  549.                                                              src="images/icon_instagram.png"
  550.                                                              alt=""
  551.                                                              width="32px"
  552.                                                            />
  553.                                                           </a>
  554.                                                         </td>
  555.                                                         <td
  556.                                                          style="padding-right: 5px"
  557.                                                        >
  558.                                                           <a href="">
  559.                                                             <img
  560.                                                              src="images/icon_facebook.png"
  561.                                                              alt=""
  562.                                                              width="32px"
  563.                                                            />
  564.                                                           </a>
  565.                                                         </td>
  566.                                                         <td
  567.                                                          style="padding-right: 5px"
  568.                                                          ;
  569.                                                        >
  570.                                                           <a href="">
  571.                                                             <img
  572.                                                              src="images/icon_twitter.png"
  573.                                                              alt=""
  574.                                                              width="32px"
  575.                                                            />
  576.                                                           </a>
  577.                                                         </td>
  578.                                                         <td
  579.                                                          style="padding-right: 5px"
  580.                                                        >
  581.                                                           <a href="">
  582.                                                             <img
  583.                                                              src="images/icon_youtube.png"
  584.                                                              alt=""
  585.                                                              width="32px"
  586.                                                            />
  587.                                                           </a>
  588.                                                         </td>
  589.                                                       </tr>
  590.                                                     </table>
  591.                                                   </td>
  592.                                                 </tr>
  593.                                               </table>
  594.                                             </td>
  595.                                           </tr>
  596.                                         </table>
  597.                                       </td>
  598.                                     </tr>
  599.                                   </table>
  600.                                 </td>
  601.                               </tr>
  602.                             </table>
  603.                           </td>
  604.                         </tr>
  605.                       </table>
  606.  
  607.                       <!-- END Intro -->
  608.                       <!-- Closing -->
  609.                       <table
  610.                        width="100%"
  611.                        border="0"
  612.                        cellspacing="0"
  613.                        cellpadding="0"
  614.                      >
  615.                         <tr>
  616.                           <td
  617.                            class="h5 center"
  618.                            style="font-size: 13px; line-height: 1.2; padding: 20px; text-align: center;"
  619.                          >
  620.                             Mandiri Sekuritas terdaftar dan diawasi oleh
  621.                             Otoritas Jasa Keuangan
  622.                           </td>
  623.                         </tr>
  624.                       </table>
  625.  
  626.                       <!-- END Closing -->
  627.                       <!-- Footer -->
  628.  
  629.                       <!-- END Footer -->
  630.                     </td>
  631.                   </tr>
  632.                 </table>
  633.               </td>
  634.             </tr>
  635.           </table>
  636.  
  637.           <!-- END Container -->
  638.         </td>
  639.       </tr>
  640.     </table>
  641.   </body>
  642. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!