Advertisement
Nabil-Ahmed

Project

Nov 25th, 2020 (edited)
780
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 23.83 KB | None | 0 0
  1. <div class="offset-xl-2 col-xl-8 col-lg-12 col-md-12 col-sm-12 col-12 padding">
  2.      <div class="card">
  3.          <div class="card-header p-4">
  4.              <a class="pt-2 d-inline-block" href="index.html" data-abc="true"></a>
  5.              <div class="float-right">
  6.                  <h3 class="mb-0">ALI BANGLA</h3>
  7.              </div>
  8.          </div>
  9.          <div class="card-body">
  10.              <div class="row mb-10">
  11.                  <div class="col-sm-10">
  12.              </div>
  13.              <div class="table-responsive-sm">
  14.                  <table class="table table-striped">
  15.                      <thead>
  16.             <style>
  17.                 body{
  18.                     background:beige
  19.                     }
  20.  
  21.                 td:nth-child(16n+2){
  22.                     background:#FF0000;
  23.                     }
  24.  
  25.                 td:nth-child(16n+3){
  26.                     background:#FF0000;
  27.  
  28.                     }  
  29.  
  30.                  td:nth-child(16n+4){
  31.                     background:#FF0000;
  32.                     }  
  33.  
  34.                 td:nth-child(16n+5){
  35.                     background:yellow;
  36.                     }
  37.  
  38.                 td:nth-child(16n+6){
  39.                     background:yellow;
  40.                     }
  41.  
  42.                 td:nth-child(16n+7){
  43.                     background:green;
  44.                     }          
  45.  
  46.  
  47.                 td:nth-child(16n+8){
  48.                     background:green;
  49.                     }  
  50.  
  51.                 td:nth-child(16n+9){
  52.                     background:yellow;
  53.                     }  
  54.  
  55.  
  56.                 td:nth-child(16n+10){
  57.                     background:green;
  58.                     }
  59.  
  60.                 td:nth-child(16n+11){
  61.                     background:#FF0000;
  62.                     }  
  63.  
  64.                 td:nth-child(16n+12){
  65.                     background:green;
  66.                     }  
  67.  
  68.                 td:nth-child(16n+13){
  69.                     background:green;
  70.                     }  
  71.  
  72.                 td:nth-child(16n+14){
  73.                     background:#FF0000;
  74.                     }
  75.  
  76.                 td:nth-child(16n+15){
  77.                     background:#FF0000;
  78.                     }  
  79.  
  80.                 td:nth-child(16n+16){
  81.                     background:#FF0000;
  82.                     }
  83.  
  84.             </style>   
  85.                          <tr>
  86.                              <th class="left">SL</th>
  87.                              <th style="background-color:red;">ID</th>
  88.                              <th style="background-color:red;">DATE</th>
  89.                              <th style="background-color:red;">NAME</th>
  90.                              <th style="background-color:yellow;" class="right">EMAIL</th>
  91.                              <th style="background-color:yellow;" class="center">PHONE</th>
  92.                              <th style="background-color:green;" class="right">DISTRICT</th>
  93.                              <th style="background-color:green;" class="right">CITY</th>
  94.                              <th style="background-color:yellow;" class="right">ADDRESS</th>
  95.                              <th style="background-color:green;" class="right">QTY</th>
  96.                              <th style="background-color:red;" class="right">ORDER_VALUE</th>
  97.                              <th style="background-color:green;" class="right">COUPON_USED</th>
  98.                              <th style="background-color:green;" class="right">DISCOUNT_VALUE</th>
  99.                              <th style="background-color:red;" class="right">TRUST_SCORE</th>
  100.                              <th style="background-color:red;" class="right">STATUS</th>
  101.                              <th style="background-color:red;" class="right">DEL_DATE</th>
  102.                          </tr>
  103.                      </thead>
  104.                      <tbody>
  105.                          <tr>
  106.                              <td class="left">1</td>
  107.                              <td class="left">12723</td>
  108.                              <td class="left">7.NOV</td>
  109.                              <td class="right">MIRAJ</td>
  110.                              <td class="center">miraj@gmail.com</td>
  111.                              <td class="right">01911512726</td>
  112.                              <td class="right">Comilla</td>
  113.                              <td class="right">Comilla</td>
  114.                              <td class="right">Doudkandi</td>
  115.                              <td class="right">3</td>
  116.                              <td class="right">950</td>
  117.                              <td class="right">Bijoy71</td>
  118.                              <td class="right">71</td>
  119.                              <td class="right">76%</td>
  120.                              <td class="right">Shipped</td>
  121.                              <td class="right">11.NOV</td>
  122.                          </tr>
  123.                          <tr>
  124.                              <td class="left">2</td>
  125.                              <td class="left">12726</td>
  126.                              <td class="left">18.MAR</td>
  127.                              <td class="right">ARMAN</td>
  128.                              <td class="center">arman@gmail.com</td>
  129.                              <td class="right">01911512726</td>
  130.                              <td class="right">Noakhali</td>
  131.                              <td class="right">Noakhali</td>
  132.                              <td class="right">Maijdi</td>
  133.                              <td class="right">2</td>
  134.                              <td class="right">660</td>
  135.                              <td class="right">N\A</td>
  136.                              <td class="right">N\A</td>
  137.                              <td class="right">88%</td>
  138.                              <td class="right">Processing</td>
  139.                              <td class="right">N\A</td>
  140.                          </tr>
  141.                          <tr>
  142.                              <td class="left">3</td>
  143.                              <td class="left">12761</td>
  144.                              <td class="left">2.NOV</td>
  145.                              <td class="right">NABIL</td>
  146.                              <td class="center">nabil@gmail.com</td>
  147.                              <td class="right">01820861115</td>
  148.                              <td class="right">Dhaka</td>
  149.                              <td class="right">Dhaka</td>
  150.                              <td class="right">Demra</td>
  151.                              <td class="right">3</td>
  152.                              <td class="right">860</td>
  153.                              <td class="right">asto12</td>
  154.                              <td class="right">50</td>
  155.                              <td class="right">88%</td>
  156.                              <td class="right">Shipped</td>
  157.                              <td class="right">6.NOV</td>
  158.                          </tr>
  159.                          <tr>
  160.                              <td class="left">4</td>
  161.                              <td class="left">12871</td>
  162.                              <td class="left">4.OCT</td>
  163.                              <td class="right">RAFIUL</td>
  164.                              <td class="center">rafi@gmail.com</td>
  165.                              <td class="right">01680551574</td>
  166.                              <td class="right">Dhaka</td>
  167.                              <td class="right">Dhaka</td>
  168.                              <td class="right">Zigatola</td>
  169.                              <td class="right">3</td>
  170.                              <td class="right">600</td>
  171.                              <td class="right">N\A</td>
  172.                              <td class="right">N\A</td>
  173.                              <td class="right">60%</td>
  174.                              <td class="right">Shipped</td>
  175.                              <td class="right">10.OCT</td>
  176.                          </tr>
  177.                          <tr>
  178.                              <td class="left">5</td>
  179.                              <td class="left">12778</td>
  180.                              <td class="left">2.FEB</td>
  181.                              <td class="right">SAYMA</td>
  182.                              <td class="center">sayma@gmail.com</td>
  183.                              <td class="right">01994578960</td>
  184.                              <td class="right">Narsingdi</td>
  185.                              <td class="right">Narsingdi</td>
  186.                              <td class="right">Pachdona</td>
  187.                              <td class="right">4</td>
  188.                              <td class="right">560</td>
  189.                              <td class="right">BIjoy71</td>
  190.                              <td class="right">20</td>
  191.                              <td class="right">50%</td>
  192.                              <td class="right">Processing</td>
  193.                              <td class="right">N\A</td>
  194.                          </tr>
  195.                          <tr>
  196.                              <td class="left">6</td>
  197.                              <td class="left">12770</td>
  198.                              <td class="left">6.JAN</td>
  199.                              <td class="right">SAFIUL</td>
  200.                              <td class="center">safiul@gmail.com</td>
  201.                              <td class="right">01900457412</td>
  202.                              <td class="right">Dhaka</td>
  203.                              <td class="right">Dhaka</td>
  204.                              <td class="right">Dhanmondi</td>
  205.                              <td class="right">3</td>
  206.                              <td class="right">700</td>
  207.                              <td class="right">N\A</td>
  208.                              <td class="right">N\A</td>
  209.                              <td class="right">80%</td>
  210.                              <td class="right">Shipped</td>
  211.                              <td class="right">12.JAN</td>
  212.                          </tr>
  213.                          <tr>
  214.                              <td class="left">7</td>
  215.                              <td class="left">12626</td>
  216.                              <td class="left">10.FEB</td>
  217.                              <td class="right">RAKIB</td>
  218.                              <td class="center">rakib@gmail.com</td>
  219.                              <td class="right">01710012626</td>
  220.                              <td class="right">Dhaka</td>
  221.                              <td class="right">Dhaka</td>
  222.                              <td class="right">Uttara</td>
  223.                              <td class="right">1</td>
  224.                              <td class="right">500</td>
  225.                              <td class="right">N\A</td>
  226.                              <td class="right">N\A</td>
  227.                              <td class="right">77%</td>
  228.                              <td class="right">Processing</td>
  229.                              <td class="right">N\A</td>
  230.                          </tr>
  231.                          <tr>
  232.                              <td class="left">8</td>
  233.                              <td class="left">12555</td>
  234.                              <td class="left">29.SEPT</td>
  235.                              <td class="right">ABIR</td>
  236.                              <td class="center">abir@gmail.com</td>
  237.                              <td class="right">01810502867</td>
  238.                              <td class="right">Noakhali</td>
  239.                              <td class="right">Noakhali</td>
  240.                              <td class="right">Maijdi</td>
  241.                              <td class="right">2</td>
  242.                              <td class="right">760</td>
  243.                              <td class="right">N\A</td>
  244.                              <td class="right">N\A</td>
  245.                              <td class="right">50%</td>
  246.                              <td class="right">Processing</td>
  247.                              <td class="right">N\A</td>
  248.                          </tr>
  249.                          <tr>
  250.                              <td class="left">9</td>
  251.                              <td class="left">12620</td>
  252.                              <td class="left">12.DEC</td>
  253.                              <td class="right">JOY</td>
  254.                              <td class="center">joy24@gmail.com</td>
  255.                              <td class="right">01911512726</td>
  256.                              <td class="right">Dhaka</td>
  257.                              <td class="right">Ghaka</td>
  258.                              <td class="right">Dhanmondi</td>
  259.                              <td class="right">3</td>
  260.                              <td class="right">800</td>
  261.                              <td class="right">N\A</td>
  262.                              <td class="right">N\A</td>
  263.                              <td class="right">85%</td>
  264.                              <td class="right">Processing</td>
  265.                              <td class="right">N\A</td>
  266.                          </tr>
  267.                          <tr>
  268.                              <td class="left">10</td>
  269.                              <td class="left">12566</td>
  270.                              <td class="left">12.JULY</td>
  271.                              <td class="right">NIBIR</td>
  272.                              <td class="center">nibir@gmail.com</td>
  273.                              <td class="right">01518214016</td>
  274.                              <td class="right">Dhaka</td>
  275.                              <td class="right">Dhaka</td>
  276.                              <td class="right">Tongi</td>
  277.                              <td class="right">1</td>
  278.                              <td class="right">400</td>
  279.                              <td class="right">N\A</td>
  280.                              <td class="right">N\A</td>
  281.                              <td class="right">78%</td>
  282.                              <td class="right">Processing</td>
  283.                              <td class="right">N\A</td>
  284.                          </tr>
  285.                          <tr>
  286.                              <td class="left">11</td>
  287.                              <td class="left">12870</td>
  288.                              <td class="left">22.FEB</td>
  289.                              <td class="right">KEYA</td>
  290.                              <td class="center">keya@gmail.com</td>
  291.                              <td class="right">01712813720</td>
  292.                              <td class="right">Dhaka</td>
  293.                              <td class="right">Dhaka</td>
  294.                              <td class="right">Mirpur</td>
  295.                              <td class="right">4</td>
  296.                              <td class="right">860</td>
  297.                              <td class="right">N\A</td>
  298.                              <td class="right">N\A</td>
  299.                              <td class="right">70%</td>
  300.                              <td class="right">Shipped</td>
  301.                              <td class="right">28.FEB</td>
  302.                          </tr>
  303.                          <tr>
  304.                              <td class="left">12</td>
  305.                              <td class="left">12650</td>
  306.                              <td class="left">18.MAR</td>
  307.                              <td class="right">NAYEM</td>
  308.                              <td class="center">nayem@gmail.com</td>
  309.                              <td class="right">0179339332</td>
  310.                              <td class="right">Dhaka</td>
  311.                              <td class="right">Dhaka</td>
  312.                              <td class="right">Demra</td>
  313.                              <td class="right">3</td>
  314.                              <td class="right">450</td>
  315.                              <td class="right">Bijoy71</td>
  316.                              <td class="right">50</td>
  317.                              <td class="right">80%</td>
  318.                              <td class="right">Shipped</td>
  319.                              <td class="right">21.MAR</td>
  320.                          </tr>
  321.                          <tr>
  322.                              <td class="left">13</td>
  323.                              <td class="left">12465</td>
  324.                              <td class="left">15.NOV</td>
  325.                              <td class="right">HASIB</td>
  326.                              <td class="center">hasib@gmail.com</td>
  327.                              <td class="right">01831210128</td>
  328.                              <td class="right">Mymensingh</td>
  329.                              <td class="right">Netrokona</td>
  330.                              <td class="right">Netrokona</td>
  331.                              <td class="right">5</td>
  332.                              <td class="right">800</td>
  333.                              <td class="right">N\A</td>
  334.                              <td class="right">N\A</td>
  335.                              <td class="right">90%</td>
  336.                              <td class="right">Processing</td>
  337.                              <td class="right">N\A</td>
  338.                          </tr>
  339.                          <tr>
  340.                              <td class="left">14</td>
  341.                              <td class="left">12600</td>
  342.                              <td class="left">29.AUG</td>
  343.                              <td class="right">FAHIM</td>
  344.                              <td class="center">fahim13@gmail.com</td>
  345.                              <td class="right">01541834720</td>
  346.                              <td class="right">Dhaka</td>
  347.                              <td class="right">Dhaka</td></td>
  348.                              <td class="right">Shamoli</td>
  349.                              <td class="right">3</td>
  350.                              <td class="right">400</td>
  351.                              <td class="right">N\A</td>
  352.                              <td class="right">N\A</td>
  353.                              <td class="right">82%</td>
  354.                              <td class="right">Shipped</td>
  355.                              <td class="right">1.SEPT</td>
  356.                          </tr>
  357.                          <tr>
  358.                              <td class="left">15</td>
  359.                              <td class="left">12873</td>
  360.                              <td class="left">20.DEC</td>
  361.                              <td class="right">NIRA</td>
  362.                              <td class="center">nira@gmail.com</td>
  363.                              <td class="right">01724602724</td>
  364.                              <td class="right">Dhaka</td>
  365.                              <td class="right">Dhaka</td>
  366.                              <td class="right">Ashulia</td>
  367.                              <td class="right">4</td>
  368.                              <td class="right">950</td>
  369.                              <td class="right">N\A</td>
  370.                              <td class="right">N\A</td>
  371.                              <td class="right">85%</td>
  372.                              <td class="right">Processing</td>
  373.                              <td class="right">N\A</td>
  374.                          </tr>
  375.                          <tr>
  376.                              <td class="left">16</td>
  377.                              <td class="left">12551</td>
  378.                              <td class="left">20.JAN</td>
  379.                              <td class="right">APURBA</td>
  380.                              <td class="center">PURB@gmail.com</td>
  381.                              <td class="right">01523692846</td>
  382.                              <td class="right">Dhaka</td>
  383.                              <td class="right">Dhaka</td>
  384.                              <td class="right">kalabagan</td>
  385.                              <td class="right">1</td>
  386.                              <td class="right">360</td>
  387.                              <td class="right">N\A</td>
  388.                              <td class="right">N\A</td>
  389.                              <td class="right">80%</td>
  390.                              <td class="right">Processing</td>
  391.                              <td class="right">N\A</td>
  392.                          </tr>
  393.                          <tr>
  394.                              <td class="left">17</td>
  395.                              <td class="left">12457</td>
  396.                              <td class="left">14.MAY</td>
  397.                              <td class="right">RIFAT</td>
  398.                              <td class="center">rifat@gmail.com</td>
  399.                              <td class="right">01812542701</td>
  400.                              <td class="right">Noakhali</td>
  401.                              <td class="right">lakhimpur</td>
  402.                              <td class="right">lakhimpur</td>
  403.                              <td class="right">5</td>
  404.                              <td class="right">1000</td>
  405.                              <td class="right">N\A</td>
  406.                              <td class="right">N\A</td>
  407.                              <td class="right">60%</td>
  408.                              <td class="right">Processing</td>
  409.                              <td class="right">N\A</td>
  410.                          </tr>
  411.                          <tr>
  412.                              <td class="left">18</td>
  413.                              <td class="left">12234</td>
  414.                              <td class="left">6.NOV</td>
  415.                              <td class="right">HASAN</td>
  416.                              <td class="center">hasan@gmail.com</td>
  417.                              <td class="right">01525512086</td>
  418.                              <td class="right">Comilla</td>
  419.                              <td class="right">Comilla</td>
  420.                              <td class="right">Doudkandi</td>
  421.                              <td class="right">2</td>
  422.                              <td class="right">660</td>
  423.                              <td class="right">N\A</td>
  424.                              <td class="right">N\A</td>
  425.                              <td class="right">78%</td>
  426.                              <td class="right">Shipped</td>
  427.                              <td class="right">8.NOV</td>
  428.                          </tr>
  429.                          <tr>
  430.                              <td class="left">19</td>
  431.                              <td class="left">12545</td>
  432.                              <td class="left">15.AUG</td>
  433.                              <td class="right">SIAM</td>
  434.                              <td class="center">siam@gmail.com</td>
  435.                              <td class="right">01610302428</td>
  436.                              <td class="right">Faridpur</td>
  437.                              <td class="right">Faridpur</td>
  438.                              <td class="right">Faridpur</td>
  439.                              <td class="right">1</td>
  440.                              <td class="right">360</td>
  441.                              <td class="right">N\A</td>
  442.                              <td class="right">N\A</td>
  443.                              <td class="right">68%</td>
  444.                              <td class="right">Processing</td>
  445.                              <td class="right">N\A</td>
  446.                          </tr>
  447.                          <tr>
  448.                              <td class="left">20</td>
  449.                              <td class="left">12720</td>
  450.                              <td class="left">14.APR</td>
  451.                              <td class="right">KABIR</td>
  452.                              <td class="center">kabir@gmail.com</td>
  453.                              <td class="right">01904623823</td>
  454.                              <td class="right">Dhaka</td>
  455.                              <td class="right">Manikganj</td>
  456.                              <td class="right">Jodber</td>
  457.                              <td class="right">4</td>
  458.                              <td class="right">750</td>
  459.                              <td class="right">Bijoy71</td>
  460.                              <td class="right">30</td>
  461.                              <td class="right">90%</td>
  462.                              <td class="right">Processing</td>
  463.                              <td class="right">N\A</td>
  464.                          </tr>
  465.  
  466.  
  467.                          <tr>
  468.  
  469.                      </tbody>
  470.                  </table>
  471.              </div>
  472.              <div class="row">
  473.                  <div class="col-lg-4 col-sm-5">
  474.                  </div>
  475.                  <div class="col-lg-4 col-sm-5 ml-auto">
  476.                      <table class="table table-clear">
  477.                          <tbody>
  478.                              <tr>
  479.                                  <td class="left">
  480.                                      <strong class="text-dark">Subtotal</strong>
  481.                                  </td>
  482.                              <tr>
  483.                              </tr>
  484.                          </tbody>
  485.                      </table>
  486.                  </div>
  487.              </div>
  488.          </div>
  489.          <div class="card-footer bg-white">
  490.              <p class="mb-0"></p>
  491.          </div>
  492.      </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement