Advertisement
devraselmiah

Untitled

Jul 6th, 2024
44
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.31 KB | None | 0 0
  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. <title>Klassy Parcel Report</title>
  7.  
  8. <style>
  9. * {
  10. font-family: "Inter", sans-serif;
  11. padding: 0;
  12. margin: 0;
  13. box-sizing: border-box;
  14. }
  15. main {
  16. padding: 18px;
  17. }
  18. .report-head {
  19. background: #f5f5f5;
  20. padding: 12px 18px;
  21. }
  22.  
  23. .report-head-p {
  24. font-size: 16px;
  25. font-weight: 500;
  26. }
  27.  
  28. .report-div {
  29. display: flex;
  30. justify-content: space-between;
  31. margin-top: 6px;
  32. }
  33.  
  34. .report-div-p {
  35. font-size: 14px;
  36. }
  37.  
  38. /* Table Styles */
  39. table {
  40. width: 100%;
  41. border-collapse: collapse;
  42. margin-top: 30px;
  43. }
  44.  
  45. th {
  46. background: #f5f5f5;
  47. padding: 8px;
  48. font-size: 16px;
  49. font-weight: 500;
  50. text-align: left;
  51. }
  52.  
  53. tr {
  54. border-bottom: 1px solid #efefef;
  55. }
  56.  
  57. .report-th {
  58. padding-left: 12px;
  59. }
  60.  
  61. td {
  62. padding: 8px;
  63. font-size: 14px;
  64. }
  65. </style>
  66. </head>
  67. <body>
  68. <main>
  69. <!-- header part -->
  70. <div class="report-head">
  71. <p class="report-head-p">
  72. Klassy Missy | klassy.com.bd Shipped Parcel Report 07 July 2024
  73. </p>
  74.  
  75. <div class="report-div">
  76. <p class="report-div-p">www.klassy.com.bd</p>
  77. <p class="report-div-p">Courier: Pathao</p>
  78. </div>
  79. </div>
  80.  
  81. <!-- Report Table -->
  82. <table>
  83. <thead>
  84. <tr>
  85. <th class="report-th">#</th>
  86. <th>Customer Name</th>
  87. <th>Phone Number</th>
  88. <th>Order ID</th>
  89. </tr>
  90. </thead>
  91. <tbody>
  92. <!-- Sample Row -->
  93. <tr>
  94. <td class="report-th">1</td>
  95. <td>John Doe</td>
  96. <td>0123456789</td>
  97. <td>100001</td>
  98. </tr>
  99.  
  100. <tr>
  101. <td class="report-th">1</td>
  102. <td>John Doe</td>
  103. <td>0123456789</td>
  104. <td>100001</td>
  105. </tr>
  106. </tbody>
  107. </table>
  108. </main>
  109. </body>
  110. </html>
  111.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement