API tools faq
paste
Advertisement
ersankarimi

Tabungan Kurban - Transaksi Baru

ersankarimi
Jan 9th, 2024
1,008
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 7.51 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.   <head>
  4.     <meta charset="UTF-8" />
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6.     <link rel="preconnect" href="https://fonts.googleapis.com" />
  7.     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  8.     <link
  9.      href="https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600;9..40,700;9..40,800&display=swap"
  10.      rel="stylesheet"
  11.    />
  12.     <title>Tabungan Kurban - Transaksi Baru</title>
  13.     <style>
  14.       /* css reset */
  15.       * {
  16.         margin: 0;
  17.         padding: 0;
  18.         box-sizing: border-box;
  19.         font-family: "DM Sans", sans-serif;
  20.         font: inherit;
  21.       }
  22.       .clearfix {
  23.         overflow: auto;
  24.       }
  25.  
  26.       .clearfix::after {
  27.         content: "";
  28.         clear: both;
  29.         display: table;
  30.       }
  31.  
  32.       .my-3 {
  33.         margin-top: 12px;
  34.         margin-bottom: 12px;
  35.       }
  36.  
  37.       .label {
  38.         float: left;
  39.         color: #475467;
  40.         font-size: 16px;
  41.         font-family: DM Sans;
  42.         font-weight: 400;
  43.       }
  44.  
  45.       .value {
  46.         float: right;
  47.         color: #101828;
  48.         font-size: 16px;
  49.         font-family: DM Sans;
  50.         font-weight: 700;
  51.       }
  52.  
  53.       .text-common {
  54.         color: #475467;
  55.         font-size: 16px;
  56.         font-family: DM Sans;
  57.         font-weight: 400;
  58.       }
  59.     </style>
  60.   </head>
  61.   <body
  62.    style="font-family: 'DM Sans', sans-serif; background-color: transparent"
  63.  >
  64.     <main style="max-width: 700px; margin: auto; font-family: DM Sans">
  65.       <figure
  66.        style="
  67.          height: 69px;
  68.          width: 317px;
  69.          margin: 0 auto 32px auto;
  70.          background-color: transparent;
  71.        "
  72.      >
  73.         <img
  74.          src="https://s3.ap-southeast-1.amazonaws.com/cdn.masmiinah.id/logo-masmiinah-email_1704859354414039861.png"
  75.          alt="Logo Masmiinah"
  76.          style="width: 100%; height: 100%"
  77.        />
  78.       </figure>
  79.  
  80.       <section>
  81.         <div
  82.          style="
  83.            padding: 35px;
  84.            background-color: #01946b;
  85.            color: white;
  86.            border-radius: 16px 16px 0 0;
  87.          "
  88.        >
  89.           <h1
  90.            style="
  91.              width: max-content;
  92.              font-family: 'DM Sans';
  93.              font-style: normal;
  94.              font-weight: 700;
  95.              font-size: 28px;
  96.              line-height: 36px;
  97.              text-transform: uppercase;
  98.              margin: auto;
  99.            "
  100.          >
  101.             Transaksi Baru
  102.           </h1>
  103.         </div>
  104.         <div
  105.          style="
  106.            padding: 35px 24px;
  107.            background-color: white;
  108.            border-radius: 0 0 16px 16px;
  109.            margin-bottom: 32px;
  110.          "
  111.        >
  112.           <p
  113.            style="
  114.              margin-bottom: 12px;
  115.              color: #475467;
  116.              font-size: 16px;
  117.              font-family: DM Sans;
  118.              font-weight: 400;
  119.            "
  120.          >
  121.             Assalamualaikum Wr. Wb Admin Nama
  122.           </p>
  123.           <p
  124.            style="
  125.              color: #475467;
  126.              font-size: 16px;
  127.              font-family: DM Sans;
  128.              font-weight: 400;
  129.              margin-bottom: 16px;
  130.            "
  131.          >
  132.             Ada yang melakukan transaksi baru dari aplikasi pada fitur
  133.             <strong
  134.              style="
  135.                font-weight: 700;
  136.                color: #101828;
  137.                font-size: 16px;
  138.                font-family: DM Sans;
  139.              "
  140.              >Tabungan Kurban</strong
  141.            >
  142.             nih. Keterangan nya sebagai berikut:
  143.           </p>
  144.  
  145.           <h2
  146.            style="
  147.              color: #101828;
  148.              font-size: 18px;
  149.              font-family: DM Sans;
  150.              font-weight: 700;
  151.              margin-bottom: 12px;
  152.            "
  153.          >
  154.             Detail Transaksi
  155.           </h2>
  156.           <div
  157.            style="width: 100%; height: 100%; border: 1px #d0d5dd solid"
  158.          ></div>
  159.  
  160.           <div class="clearfix my-3">
  161.             <h3 class="label">Nama Jamaah</h3>
  162.             <p class="value">{{ nama jamaah }}</p>
  163.           </div>
  164.           <div class="clearfix my-3">
  165.             <h3 class="label">Nomer Hp Jamaah</h3>
  166.             <p class="value">{{ Nomer Hp Jamaah }}</p>
  167.           </div>
  168.           <div class="clearfix my-3">
  169.             <h3 class="label">Kategori Transaksi</h3>
  170.             <p class="value">{{ Kategori Transaksi }}</p>
  171.           </div>
  172.           <div class="clearfix my-3">
  173.             <h3 class="label">Jumlah Transaksi</h3>
  174.             <p class="value">{{ Jumlah Transaksi }}</p>
  175.           </div>
  176.           <div class="clearfix my-3">
  177.             <h3 class="label">Tipe Transaksi</h3>
  178.             <p class="value">{{ Tipe Transaksi }}</p>
  179.           </div>
  180.           <div class="clearfix my-3">
  181.             <h3 class="label">Tanggal Pembayaran</h3>
  182.             <p class="value">{{ Tanggal Pembayaran }}</p>
  183.           </div>
  184.           <div class="clearfix my-3">
  185.             <h3 class="label">Bank Penerima</h3>
  186.             <p class="value">{{ Bank Penerima }}</p>
  187.           </div>
  188.           <div class="clearfix my-3">
  189.             <h3 class="label">Nomer Rekening Penerima</h3>
  190.             <p class="value">{{ Nomer Rekening Penerima }}</p>
  191.           </div>
  192.           <div class="clearfix my-3">
  193.             <h3 class="label">Nama Penerima</h3>
  194.             <p class="value">{{ Nama Penerima }}</p>
  195.           </div>
  196.  
  197.           <p class="text-common" style="margin-top: 16px">
  198.             Harap segera konfirmasi pembayaran ini.
  199.           </p>
  200.           <p class="text-common" style="margin-top: 8px">
  201.             Wassalamualaikum Wr. Wb.
  202.           </p>
  203.  
  204.           <button
  205.            style="
  206.              width: 100%;
  207.              height: 100%;
  208.              padding-left: 40px;
  209.              padding-right: 40px;
  210.              padding-top: 14px;
  211.              padding-bottom: 14px;
  212.              background: #2f725f;
  213.              border-radius: 8px;
  214.              cursor: pointer;
  215.              margin-top: 16px;
  216.            "
  217.          >
  218.             <div style="color: white; font-size: 20px; font-weight: 700">
  219.               Konfirmasi Pembayaran
  220.             </div>
  221.           </button>
  222.         </div>
  223.  
  224.         <div style="padding: 0 60px; text-align: center">
  225.           <p
  226.            style="
  227.              color: #475467;
  228.              font-size: 18px;
  229.              font-family: DM Sans;
  230.              font-weight: 400;
  231.            "
  232.          >
  233.             Jika ada kendala silahkan hubungi admin masmiinah di
  234.             <a
  235.              href="https://api.whatsapp.com/send/?phone=6282311265583&text=Halo+Masmiinah+saya+tertarik+untuk+bertanya+tentang+Masmiinah&type=phone_number&app_absent=0"
  236.              style="
  237.                color: #2f725f;
  238.                font-size: 18px;
  239.                font-family: DM Sans;
  240.                font-weight: 500;
  241.                text-decoration: underline;
  242.              "
  243.            >
  244.               082311265583
  245.             </a>
  246.           </p>
  247.           <p
  248.            style="
  249.              color: #98a2b3;
  250.              font-size: 18px;
  251.              font-family: DM Sans;
  252.              font-weight: 400;
  253.              margin: 16px 0;
  254.            "
  255.          >
  256.             © Copyright 2024 Masmiinah.id All Right Reserved
  257.           </p>
  258.         </div>
  259.       </section>
  260.     </main>
  261.   </body>
  262. </html>
  263.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!