API tools faq
paste
Advertisement
ersankarimi

Donasi New

ersankarimi
Jan 9th, 2024
1,232
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 6.55 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>Donasi - 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 mengirimkan donasi baru nih. Keterangan nya sebagai
  133.             berikut:
  134.           </p>
  135.  
  136.           <h2
  137.            style="
  138.              color: #101828;
  139.              font-size: 18px;
  140.              font-family: DM Sans;
  141.              font-weight: 700;
  142.              margin-bottom: 12px;
  143.            "
  144.          >
  145.             Detail Informasi
  146.           </h2>
  147.           <div
  148.            style="width: 100%; height: 100%; border: 1px #d0d5dd solid"
  149.          ></div>
  150.  
  151.           <div class="clearfix my-3">
  152.             <h3 class="label">Nama Jamaah</h3>
  153.             <p class="value">{{ nama jamaah }}</p>
  154.           </div>
  155.           <div class="clearfix my-3">
  156.             <h3 class="label">Nomer Hp Jamaah</h3>
  157.             <p class="value">{{ Nomer Hp Jamaah }}</p>
  158.           </div>
  159.           <div class="clearfix my-3">
  160.             <h3 class="label">Nama Barang</h3>
  161.             <p class="value">{{ Nama Barang }}</p>
  162.           </div>
  163.           <div class="clearfix my-3">
  164.             <h3 class="label">Kategori Barang</h3>
  165.             <p class="value">{{ Kategori Barang }}</p>
  166.           </div>
  167.           <div class="clearfix my-3">
  168.             <h3 class="label">Lokasi Barang</h3>
  169.             <p class="value">{{ Lokasi Barang }}</p>
  170.           </div>
  171.  
  172.           <p class="text-common" style="margin-top: 16px">
  173.             Harap segera konfirmasi pembayaran ini.
  174.           </p>
  175.           <p class="text-common" style="margin-top: 8px">
  176.             Wassalamualaikum Wr. Wb.
  177.           </p>
  178.  
  179.           <button
  180.            style="
  181.              width: 100%;
  182.              height: 100%;
  183.              padding-left: 40px;
  184.              padding-right: 40px;
  185.              padding-top: 14px;
  186.              padding-bottom: 14px;
  187.              background: #2f725f;
  188.              border-radius: 8px;
  189.              cursor: pointer;
  190.              margin-top: 16px;
  191.            "
  192.          >
  193.             <div style="color: white; font-size: 20px; font-weight: 700">
  194.               Konfirmasi Pembayaran
  195.             </div>
  196.           </button>
  197.         </div>
  198.  
  199.         <div style="padding: 0 60px; text-align: center">
  200.           <p
  201.            style="
  202.              color: #475467;
  203.              font-size: 18px;
  204.              font-family: DM Sans;
  205.              font-weight: 400;
  206.            "
  207.          >
  208.             Jika ada kendala silahkan hubungi admin masmiinah di
  209.             <a
  210.              href="https://api.whatsapp.com/send/?phone=6282311265583&text=Halo+Masmiinah+saya+tertarik+untuk+bertanya+tentang+Masmiinah&type=phone_number&app_absent=0"
  211.              style="
  212.                color: #2f725f;
  213.                font-size: 18px;
  214.                font-family: DM Sans;
  215.                font-weight: 500;
  216.                text-decoration: underline;
  217.              "
  218.            >
  219.               082311265583
  220.             </a>
  221.           </p>
  222.           <p
  223.            style="
  224.              color: #98a2b3;
  225.              font-size: 18px;
  226.              font-family: DM Sans;
  227.              font-weight: 400;
  228.              margin: 16px 0;
  229.            "
  230.          >
  231.             © Copyright 2024 Masmiinah.id All Right Reserved
  232.           </p>
  233.         </div>
  234.       </section>
  235.     </main>
  236.   </body>
  237. </html>
  238.  
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!