Advertisement
ffajarpratama

Masmiinah | Voucher List

Nov 17th, 2023
755
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 11.82 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en" style="width: 2480px; height: 3508px">
  3.   <head>
  4.     <meta charset="UTF-8" />
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6.     <title>Masmiinah | Voucher List</title>
  7.   </head>
  8.   <body
  9.    style="
  10.      margin: 0;
  11.      padding: 0;
  12.      font-family: Arial, sans-serif;
  13.      position: relative;
  14.    "
  15.  >
  16.     <div
  17.      style="
  18.        width: 840px;
  19.        height: 560px;
  20.        padding: 20px;
  21.        box-sizing: border-box;
  22.        position: relative;
  23.        background-image: url('https://s3.ap-southeast-1.amazonaws.com/cdn.masmiinah.id/voucher-masjid_1700197141106950669.png');
  24.        object-fit: cover;
  25.        background-repeat: no-repeat;
  26.        background-size: cover;
  27.        display: flex;
  28.        justify-content: center;
  29.        align-items: center;
  30.        margin-bottom: 20px;
  31.      "
  32.    >
  33.       <span
  34.        style="
  35.          position: absolute;
  36.          top: 32.5%;
  37.          left: 11%;
  38.          font-size: 28px;
  39.          font-weight: bold;
  40.        "
  41.        >{{.Name}}
  42.       </span>
  43.       <span
  44.        style="
  45.          position: absolute;
  46.          top: 51.5%;
  47.          left: 11%;
  48.          font-size: 28px;
  49.          font-weight: bold;
  50.        "
  51.        >{{.Code}}
  52.       </span>
  53.       <span
  54.        style="
  55.          position: absolute;
  56.          top: 69.5%;
  57.          left: 11%;
  58.          font-size: 28px;
  59.          font-weight: bold;
  60.        "
  61.        >{{.Amount}}
  62.       </span>
  63.     </div>
  64.  
  65.     <div
  66.      style="
  67.        width: 840px;
  68.        height: 560px;
  69.        padding: 20px;
  70.        box-sizing: border-box;
  71.        position: relative;
  72.        background-image: url('https://s3.ap-southeast-1.amazonaws.com/cdn.masmiinah.id/voucher-masjid_1700197141106950669.png');
  73.        object-fit: cover;
  74.        background-repeat: no-repeat;
  75.        background-size: cover;
  76.        display: flex;
  77.        justify-content: center;
  78.        align-items: center;
  79.        margin-bottom: 20px;
  80.      "
  81.    >
  82.       <span
  83.        style="
  84.          position: absolute;
  85.          top: 32.5%;
  86.          left: 11%;
  87.          font-size: 28px;
  88.          font-weight: bold;
  89.        "
  90.        >{{.Name}}
  91.       </span>
  92.       <span
  93.        style="
  94.          position: absolute;
  95.          top: 51.5%;
  96.          left: 11%;
  97.          font-size: 28px;
  98.          font-weight: bold;
  99.        "
  100.        >{{.Code}}
  101.       </span>
  102.       <span
  103.        style="
  104.          position: absolute;
  105.          top: 69.5%;
  106.          left: 11%;
  107.          font-size: 28px;
  108.          font-weight: bold;
  109.        "
  110.        >{{.Amount}}
  111.       </span>
  112.     </div>
  113.  
  114.     <!-- <div
  115.      style="
  116.        width: 840px;
  117.        height: 560px;
  118.        padding: 20px;
  119.        box-sizing: border-box;
  120.        position: relative;
  121.        background-image: url('https://s3.ap-southeast-1.amazonaws.com/cdn.masmiinah.id/voucher-masjid_1700197141106950669.png');
  122.        object-fit: cover;
  123.        background-repeat: no-repeat;
  124.        background-size: cover;
  125.        display: flex;
  126.        justify-content: center;
  127.        align-items: center;
  128.        margin-bottom: 20px;
  129.      "
  130.    >
  131.      <span
  132.        style="
  133.          position: absolute;
  134.          top: 32.5%;
  135.          left: 11%;
  136.          font-size: 28px;
  137.          font-weight: bold;
  138.        "
  139.        >{{.Name}}
  140.      </span>
  141.      <span
  142.        style="
  143.          position: absolute;
  144.          top: 51.5%;
  145.          left: 11%;
  146.          font-size: 28px;
  147.          font-weight: bold;
  148.        "
  149.        >{{.Code}}
  150.      </span>
  151.      <span
  152.        style="
  153.          position: absolute;
  154.          top: 69.5%;
  155.          left: 11%;
  156.          font-size: 28px;
  157.          font-weight: bold;
  158.        "
  159.        >{{.Amount}}
  160.      </span>
  161.    </div>
  162.  
  163.    <div
  164.      style="
  165.        width: 840px;
  166.        height: 560px;
  167.        padding: 20px;
  168.        box-sizing: border-box;
  169.        position: relative;
  170.        background-image: url('https://s3.ap-southeast-1.amazonaws.com/cdn.masmiinah.id/voucher-masjid_1700197141106950669.png');
  171.        object-fit: cover;
  172.        background-repeat: no-repeat;
  173.        background-size: cover;
  174.        display: flex;
  175.        justify-content: center;
  176.        align-items: center;
  177.        margin-bottom: 20px;
  178.      "
  179.    >
  180.      <span
  181.        style="
  182.          position: absolute;
  183.          top: 32.5%;
  184.          left: 11%;
  185.          font-size: 28px;
  186.          font-weight: bold;
  187.        "
  188.        >{{.Name}}
  189.      </span>
  190.      <span
  191.        style="
  192.          position: absolute;
  193.          top: 51.5%;
  194.          left: 11%;
  195.          font-size: 28px;
  196.          font-weight: bold;
  197.        "
  198.        >{{.Code}}
  199.      </span>
  200.      <span
  201.        style="
  202.          position: absolute;
  203.          top: 69.5%;
  204.          left: 11%;
  205.          font-size: 28px;
  206.          font-weight: bold;
  207.        "
  208.        >{{.Amount}}
  209.      </span>
  210.    </div>
  211.  
  212.    <div
  213.      style="
  214.        width: 840px;
  215.        height: 560px;
  216.        padding: 20px;
  217.        box-sizing: border-box;
  218.        position: relative;
  219.        background-image: url('https://s3.ap-southeast-1.amazonaws.com/cdn.masmiinah.id/voucher-masjid_1700197141106950669.png');
  220.        object-fit: cover;
  221.        background-repeat: no-repeat;
  222.        background-size: cover;
  223.        display: flex;
  224.        justify-content: center;
  225.        align-items: center;
  226.        margin-bottom: 20px;
  227.      "
  228.    >
  229.      <span
  230.        style="
  231.          position: absolute;
  232.          top: 32.5%;
  233.          left: 11%;
  234.          font-size: 28px;
  235.          font-weight: bold;
  236.        "
  237.        >{{.Name}}
  238.      </span>
  239.      <span
  240.        style="
  241.          position: absolute;
  242.          top: 51.5%;
  243.          left: 11%;
  244.          font-size: 28px;
  245.          font-weight: bold;
  246.        "
  247.        >{{.Code}}
  248.      </span>
  249.      <span
  250.        style="
  251.          position: absolute;
  252.          top: 69.5%;
  253.          left: 11%;
  254.          font-size: 28px;
  255.          font-weight: bold;
  256.        "
  257.        >{{.Amount}}
  258.      </span>
  259.    </div>
  260.  
  261.    <div
  262.      style="
  263.        width: 840px;
  264.        height: 560px;
  265.        padding: 20px;
  266.        box-sizing: border-box;
  267.        position: relative;
  268.        background-image: url('https://s3.ap-southeast-1.amazonaws.com/cdn.masmiinah.id/voucher-masjid_1700197141106950669.png');
  269.        object-fit: cover;
  270.        background-repeat: no-repeat;
  271.        background-size: cover;
  272.        display: flex;
  273.        justify-content: center;
  274.        align-items: center;
  275.        margin-bottom: 20px;
  276.      "
  277.    >
  278.      <span
  279.        style="
  280.          position: absolute;
  281.          top: 32.5%;
  282.          left: 11%;
  283.          font-size: 28px;
  284.          font-weight: bold;
  285.        "
  286.        >{{.Name}}
  287.      </span>
  288.      <span
  289.        style="
  290.          position: absolute;
  291.          top: 51.5%;
  292.          left: 11%;
  293.          font-size: 28px;
  294.          font-weight: bold;
  295.        "
  296.        >{{.Code}}
  297.      </span>
  298.      <span
  299.        style="
  300.          position: absolute;
  301.          top: 69.5%;
  302.          left: 11%;
  303.          font-size: 28px;
  304.          font-weight: bold;
  305.        "
  306.        >{{.Amount}}
  307.      </span>
  308.    </div>
  309.  
  310.    <div
  311.      style="
  312.        width: 840px;
  313.        height: 560px;
  314.        padding: 20px;
  315.        box-sizing: border-box;
  316.        position: relative;
  317.        background-image: url('https://s3.ap-southeast-1.amazonaws.com/cdn.masmiinah.id/voucher-masjid_1700197141106950669.png');
  318.        object-fit: cover;
  319.        background-repeat: no-repeat;
  320.        background-size: cover;
  321.        display: flex;
  322.        justify-content: center;
  323.        align-items: center;
  324.        margin-bottom: 20px;
  325.      "
  326.    >
  327.      <span
  328.        style="
  329.          position: absolute;
  330.          top: 32.5%;
  331.          left: 11%;
  332.          font-size: 28px;
  333.          font-weight: bold;
  334.        "
  335.        >{{.Name}}
  336.      </span>
  337.      <span
  338.        style="
  339.          position: absolute;
  340.          top: 51.5%;
  341.          left: 11%;
  342.          font-size: 28px;
  343.          font-weight: bold;
  344.        "
  345.        >{{.Code}}
  346.      </span>
  347.      <span
  348.        style="
  349.          position: absolute;
  350.          top: 69.5%;
  351.          left: 11%;
  352.          font-size: 28px;
  353.          font-weight: bold;
  354.        "
  355.        >{{.Amount}}
  356.      </span>
  357.    </div>
  358.  
  359.    <div
  360.      style="
  361.        width: 840px;
  362.        height: 560px;
  363.        padding: 20px;
  364.        box-sizing: border-box;
  365.        position: relative;
  366.        background-image: url('https://s3.ap-southeast-1.amazonaws.com/cdn.masmiinah.id/voucher-masjid_1700197141106950669.png');
  367.        object-fit: cover;
  368.        background-repeat: no-repeat;
  369.        background-size: cover;
  370.        display: flex;
  371.        justify-content: center;
  372.        align-items: center;
  373.        margin-bottom: 20px;
  374.      "
  375.    >
  376.      <span
  377.        style="
  378.          position: absolute;
  379.          top: 32.5%;
  380.          left: 11%;
  381.          font-size: 28px;
  382.          font-weight: bold;
  383.        "
  384.        >{{.Name}}
  385.      </span>
  386.      <span
  387.        style="
  388.          position: absolute;
  389.          top: 51.5%;
  390.          left: 11%;
  391.          font-size: 28px;
  392.          font-weight: bold;
  393.        "
  394.        >{{.Code}}
  395.      </span>
  396.      <span
  397.        style="
  398.          position: absolute;
  399.          top: 69.5%;
  400.          left: 11%;
  401.          font-size: 28px;
  402.          font-weight: bold;
  403.        "
  404.        >{{.Amount}}
  405.      </span>
  406.    </div>
  407.  
  408.    <div
  409.      style="
  410.        width: 840px;
  411.        height: 560px;
  412.        padding: 20px;
  413.        box-sizing: border-box;
  414.        position: relative;
  415.        background-image: url('https://s3.ap-southeast-1.amazonaws.com/cdn.masmiinah.id/voucher-masjid_1700197141106950669.png');
  416.        object-fit: cover;
  417.        background-repeat: no-repeat;
  418.        background-size: cover;
  419.        display: flex;
  420.        justify-content: center;
  421.        align-items: center;
  422.        margin-bottom: 20px;
  423.      "
  424.    >
  425.      <span
  426.        style="
  427.          position: absolute;
  428.          top: 32.5%;
  429.          left: 11%;
  430.          font-size: 28px;
  431.          font-weight: bold;
  432.        "
  433.        >{{.Name}}
  434.      </span>
  435.      <span
  436.        style="
  437.          position: absolute;
  438.          top: 51.5%;
  439.          left: 11%;
  440.          font-size: 28px;
  441.          font-weight: bold;
  442.        "
  443.        >{{.Code}}
  444.      </span>
  445.      <span
  446.        style="
  447.          position: absolute;
  448.          top: 69.5%;
  449.          left: 11%;
  450.          font-size: 28px;
  451.          font-weight: bold;
  452.        "
  453.        >{{.Amount}}
  454.      </span>
  455.    </div>
  456.  
  457.    <div
  458.      style="
  459.        width: 840px;
  460.        height: 560px;
  461.        padding: 20px;
  462.        box-sizing: border-box;
  463.        position: relative;
  464.        background-image: url('https://s3.ap-southeast-1.amazonaws.com/cdn.masmiinah.id/voucher-masjid_1700197141106950669.png');
  465.        object-fit: cover;
  466.        background-repeat: no-repeat;
  467.        background-size: cover;
  468.        display: flex;
  469.        justify-content: center;
  470.        align-items: center;
  471.        margin-bottom: 20px;
  472.      "
  473.    >
  474.      <span
  475.        style="
  476.          position: absolute;
  477.          top: 32.5%;
  478.          left: 11%;
  479.          font-size: 28px;
  480.          font-weight: bold;
  481.        "
  482.        >{{.Name}}
  483.      </span>
  484.      <span
  485.        style="
  486.          position: absolute;
  487.          top: 51.5%;
  488.          left: 11%;
  489.          font-size: 28px;
  490.          font-weight: bold;
  491.        "
  492.        >{{.Code}}
  493.      </span>
  494.      <span
  495.        style="
  496.          position: absolute;
  497.          top: 69.5%;
  498.          left: 11%;
  499.          font-size: 28px;
  500.          font-weight: bold;
  501.        "
  502.        >{{.Amount}}
  503.      </span>
  504.    </div> -->
  505.  
  506.   </body>
  507. </html>
  508.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement