API tools faq
paste
Advertisement
ersankarimi

Ziswaf New Offline

ersankarimi
Jan 9th, 2024
1,154
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 6.99 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>Ziswaf - 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.              >Ziswaf</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 Ziswaf</h3>
  170.             <p class="value">{{ Kategori Ziswaf }}</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.  
  185.           <p class="text-common" style="margin-top: 16px">
  186.             Harap segera konfirmasi pembayaran ini.
  187.           </p>
  188.           <p class="text-common" style="margin-top: 8px">
  189.             Wassalamualaikum Wr. Wb.
  190.           </p>
  191.  
  192.           <button
  193.            style="
  194.              width: 100%;
  195.              height: 100%;
  196.              padding-left: 40px;
  197.              padding-right: 40px;
  198.              padding-top: 14px;
  199.              padding-bottom: 14px;
  200.              background: #2f725f;
  201.              border-radius: 8px;
  202.              cursor: pointer;
  203.              margin-top: 16px;
  204.            "
  205.          >
  206.             <div style="color: white; font-size: 20px; font-weight: 700">
  207.               Konfirmasi Pembayaran
  208.             </div>
  209.           </button>
  210.         </div>
  211.  
  212.         <div style="padding: 0 60px; text-align: center">
  213.           <p
  214.            style="
  215.              color: #475467;
  216.              font-size: 18px;
  217.              font-family: DM Sans;
  218.              font-weight: 400;
  219.            "
  220.          >
  221.             Jika ada kendala silahkan hubungi admin masmiinah di
  222.             <a
  223.              href="https://api.whatsapp.com/send/?phone=6282311265583&text=Halo+Masmiinah+saya+tertarik+untuk+bertanya+tentang+Masmiinah&type=phone_number&app_absent=0"
  224.              style="
  225.                color: #2f725f;
  226.                font-size: 18px;
  227.                font-family: DM Sans;
  228.                font-weight: 500;
  229.                text-decoration: underline;
  230.              "
  231.            >
  232.               082311265583
  233.             </a>
  234.           </p>
  235.           <p
  236.            style="
  237.              color: #98a2b3;
  238.              font-size: 18px;
  239.              font-family: DM Sans;
  240.              font-weight: 400;
  241.              margin: 16px 0;
  242.            "
  243.          >
  244.             © Copyright 2024 Masmiinah.id All Right Reserved
  245.           </p>
  246.         </div>
  247.       </section>
  248.     </main>
  249.   </body>
  250. </html>
  251.  
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!