rubel007cse

Untitled

Sep 10th, 2020
30
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.46 KB | None | 0 0
  1. <div class="container-fluid">
  2. <div class="row">
  3. <div class="col-md-12">
  4. <div class="card">
  5. <div class="card-body">
  6. <div class="row">
  7. <div class="col-md-2">
  8. <label class="text-primary">Product name, tags</label>
  9. <input type="text" class="form-control"/>
  10. </div>
  11. <div class="col-md-2">
  12. <label class="text-primary">Seller</label>
  13. <input type="text" class="form-control"/>
  14. </div>
  15. <div class="col-md-2">
  16. <label class="text-primary">Categories</label>
  17. <input type="text" class="form-control"/>
  18. </div>
  19. <div class="col-md-2">
  20. <label class="text-primary">SKU</label>
  21. <input type="text" class="form-control"/>
  22. </div>
  23. <div class="col-md-2">
  24. <label class="text-primary">Status</label>
  25. <select class="form-control">
  26. <option>Pending</option>
  27. <option>Approved</option>
  28. <option>Out of stock</option>
  29. <option>Trash</option>
  30. </select>
  31. </div>
  32. <div class="col-md-2">
  33. <label class="text-primary">Search & Filter</label> <br/>
  34. <button class="btn btn-primary">Filter</button>
  35. </div>
  36. </div>
  37. <br/>
  38. <hr/>
  39. <table class="table">
  40. <thead>
  41. <tr>
  42. <th><input type="checkbox"> Select</th>
  43. <th>ID/SKU</th>
  44. <th>Product Name</th>
  45. <th>Categories</th>
  46. <th>Seller</th>
  47. <th>Primary Photo</th>
  48. <th>Status</th>
  49. <th>Action</th>
  50. </tr>
  51. <tr>
  52. <td><input type="checkbox"></td>
  53. <td>55 / SKU234567</td>
  54. <td>iPhone 11 256GB Sky Blue</td>
  55. <td>
  56. <span class="badge badge-primary">Gadgets</span>
  57. <span class="badge badge-primary">Phones</span>
  58. <span class="badge badge-primary">SmartPhone</span>
  59. <span class="badge badge-primary">Apple </span>
  60. </td>
  61. <td>Apple Gadgets BD</td>
  62. <td>
  63. <img class="border rounded border-primary"
  64. src="https://my-live-01.slatic.net/p/b4d1926d5454ea36a602b35d1bbfd85b.png"
  65. style="height: 70px; width: 70px; margin: 2px;">
  66. </td>
  67. <td>
  68. <span class="badge badge-primary">Approved</span>
  69. </td>
  70. <td>
  71. <div class="btn-group btn-group-sm mr-2" role="group" aria-label="First group">
  72. <button type="button" class="btn btn-primary">
  73. <i class="fa fa-eye"></i>
  74. </button>
  75. <button type="button" class="btn btn-secondary">
  76. <i class="fa fa-edit"></i>
  77. </button>
  78. <button type="button" class="btn btn-danger">
  79. <i class="fa fa-trash"></i>
  80. </button>
  81. </div>
  82.  
  83. </td>
  84. </tr>
  85. <tr>
  86. <td><input type="checkbox"></td>
  87. <td>55 / SKU234567</td>
  88. <td>iPhone 11 256GB Sky Blue</td>
  89. <td>
  90. <span class="badge badge-primary">Gadgets</span>
  91. <span class="badge badge-primary">Phones</span>
  92. <span class="badge badge-primary">SmartPhone</span>
  93. <span class="badge badge-primary">Apple </span>
  94. </td>
  95. <td>Apple Gadgets BD</td>
  96. <td>
  97. <img class="border rounded border-primary"
  98. src="https://my-live-01.slatic.net/p/b4d1926d5454ea36a602b35d1bbfd85b.png"
  99. style="height: 70px; width: 70px; margin: 2px;">
  100. </td>
  101. <td>
  102. <span class="badge badge-primary">Approved</span>
  103. </td>
  104. <td>
  105. <div class="btn-group btn-group-sm mr-2" role="group" aria-label="First group">
  106. <button type="button" class="btn btn-primary">
  107. <i class="fa fa-eye"></i>
  108. </button>
  109. <button type="button" class="btn btn-secondary">
  110. <i class="fa fa-edit"></i>
  111. </button>
  112. <button type="button" class="btn btn-danger">
  113. <i class="fa fa-trash"></i>
  114. </button>
  115. </div>
  116.  
  117. </td>
  118. </tr>
  119. </thead>
  120. </table>
  121. </div>
  122. </div>
  123. </div>
  124. </div>
  125. </div>
Add Comment
Please, Sign In to add comment