Table
Table #1
My Wishlist
There are 5 artworks in this wishlist.
|
|
Artwork | Amount | Status | Actions | Remove | |
|---|---|---|---|---|---|---|
|
|
|
Personalized Mug$.98 / lb |
Price pending | In Stock |
Add to Cart
|
|
|
|
|
Fresh Kiwi4 no |
Price pending | Out of Stock |
Contact us
|
|
|
|
|
Price pending | In Stock |
Add to Cart
|
||
|
|
|
BeatRoot1 kg |
Price pending | In Stock |
Add to Cart
|
|
|
|
|
Fresh Apple2 kg |
Price pending | In Stock |
Add to Cart
|
<div class="row">
<div class="col-lg-12">
<div class="mb-8">
<!-- heading -->
<h1 class="mb-1">My Wishlist</h1>
<p>There are 5 artworks in this wishlist.</p>
</div>
<div>
<!-- table -->
<div class="table-responsive">
<table class="table text-nowrap">
<thead class="table-light">
<tr>
<th>
<!-- form check -->
<div class="form-check">
<!-- input --><input class="form-check-input" type="checkbox" value="" id="checkAll">
<!-- label --><label class="form-check-label" for="checkAll">
</label>
</div>
</th>
<th></th>
<th>Artwork</th>
<th>Amount</th>
<th>Status</th>
<th>Actions</th>
<th>Remove</th>
</tr>
</thead>
<tbody>
<tr>
<td class="align-middle">
<!-- form check -->
<div class="form-check">
<!-- input --><input class="form-check-input" type="checkbox" value="" id="chechboxTwo">
<!-- label --><label class="form-check-label" for="chechboxTwo">
</label>
</div>
</td>
<td class="align-middle">
<a href="#"><img src="../../assets/images/rm-artist/artwork-35.jpg" class="icon-shape icon-xxl" alt=""></a>
</td>
<td class="align-middle">
<div>
<h5 class="fs-6 mb-0"><a href="#" class="text-inherit">Personalized Mug</a></h5>
<small>$.98 / lb</small>
</div>
</td>
<td class="align-middle">Price pending</td>
<td class="align-middle"><span class="badge bg-success">In Stock</span></td>
<td class="align-middle">
<div class="btn btn-primary btn-sm">Add to Cart</div>
</td>
<td class="align-middle "><a href="#" class="text-muted" data-bs-toggle="tooltip" data-bs-placement="top" aria-label="Delete">
<i class="feather-icon icon-trash-2"></i>
</a>
</td>
</tr>
<tr>
<td class="align-middle">
<!-- form check -->
<div class="form-check">
<!-- input --><input class="form-check-input" type="checkbox" value="" id="chechboxThree">
<!-- label --><label class="form-check-label" for="chechboxThree">
</label>
</div>
</td>
<td class="align-middle">
<a href="#"><img src="../../assets/images/rm-artist/artwork-33.jpg" class="icon-shape icon-xxl" alt=""></a>
</td>
<td class="align-middle">
<div>
<h5 class="fs-6 mb-0"><a href="#" class="text-inherit">Fresh Kiwi</a></h5>
<small>4 no</small>
</div>
</td>
<td class="align-middle">Price pending</td>
<td class="align-middle"><span class="badge bg-danger">Out of Stock</span></td>
<td class="align-middle">
<div class="btn btn-dark btn-sm">Contact us</div>
</td>
<td class="align-middle "><a href="#" class="text-muted" data-bs-toggle="tooltip" data-bs-placement="top" aria-label="Delete">
<i class="feather-icon icon-trash-2"></i>
</a>
</td>
</tr>
<tr>
<td class="align-middle">
<!-- form check -->
<div class="form-check">
<!-- input --><input class="form-check-input" type="checkbox" value="" id="chechboxFour">
<!-- label --><label class="form-check-label" for="chechboxFour">
</label>
</div>
</td>
<td class="align-middle">
<a href="#"><img src="../../assets/images/rm-artist/artwork-32.jpg" class="icon-shape icon-xxl" alt=""></a>
</td>
<td class="align-middle">
<div>
<h5 class="fs-6 mb-0"><a href="#" class="text-inherit">Illuminated Name Plaque</a></h5>
<small>2 no</small>
</div>
</td>
<td class="align-middle">Price pending</td>
<td class="align-middle"><span class="badge bg-success">In Stock</span></td>
<td class="align-middle">
<div class="btn btn-primary btn-sm">Add to Cart</div>
</td>
<td class="align-middle "><a href="#" class="text-muted" data-bs-toggle="tooltip" data-bs-placement="top" aria-label="Delete">
<i class="feather-icon icon-trash-2"></i>
</a>
</td>
</tr>
<tr>
<td class="align-middle">
<!-- form check -->
<div class="form-check">
<!-- input --><input class="form-check-input" type="checkbox" value="" id="chechboxFive">
<!-- label --><label class="form-check-label" for="chechboxFive">
</label>
</div>
</td>
<td class="align-middle">
<a href="#"><img src="../../assets/images/rm-artist/artwork-36.jpg" class="icon-shape icon-xxl" alt=""></a>
</td>
<td class="align-middle">
<div>
<h5 class="fs-6 mb-0"><a href="#" class="text-inherit">BeatRoot</a></h5>
<small>1 kg</small>
</div>
</td>
<td class="align-middle">Price pending</td>
<td class="align-middle"><span class="badge bg-success">In Stock</span></td>
<td class="align-middle">
<div class="btn btn-primary btn-sm">Add to Cart</div>
</td>
<td class="align-middle "><a href="#" class="text-muted" data-bs-toggle="tooltip" data-bs-placement="top" aria-label="Delete">
<i class="feather-icon icon-trash-2"></i>
</a>
</td>
</tr>
<tr>
<td class="align-middle">
<!-- form check -->
<div class="form-check">
<!-- input --><input class="form-check-input" type="checkbox" value="" id="chechboxSix">
<!-- label --><label class="form-check-label" for="chechboxSix">
</label>
</div>
</td>
<td class="align-middle">
<a href="#"><img src="../../assets/images/rm-artist/artwork-31.jpg" class="icon-shape icon-xxl" alt=""></a>
</td>
<td class="align-middle">
<div>
<h5 class="fs-6 mb-0"><a href="#" class="text-inherit">Fresh Apple</a></h5>
<small>2 kg</small>
</div>
</td>
<td class="align-middle">Price pending</td>
<td class="align-middle"><span class="badge bg-success">In Stock</span></td>
<td class="align-middle">
<div class="btn btn-primary btn-sm">Add to Cart</div>
</td>
<td class="align-middle "><a href="#" class="text-muted" data-bs-toggle="tooltip" data-bs-placement="top" aria-label="Delete">
<i class="feather-icon icon-trash-2"></i>
</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>Table #2
Your Orders
| Artwork | Order | Date | Items | Status | Amount | ||
|---|---|---|---|---|---|---|---|
|
Personalized Keychain400g |
#14899 | March 5, 2023 | 1 | Processing | Price pending | |
|
Personalized Mug2 Pkt |
#14658 | July 9, 2023 | 2 | Completed | Price pending | |
|
Custom Gift Set202 g |
#13778 | Oct 03, 2023 | 4 | Completed | Price pending | |
|
Bridal Hand Fan100 g |
#13746 | March 5, 2023 | 1 | Completed | Price pending | |
|
Acrylic Name Plaque500 g |
#13566 | July 9, 2023 | 2 | Cancel | Price pending | |
|
Embroidered Keepsake500 g |
#12094 | Oct 03, 2023 | 4 | Completed | Price pending |
<div class="row">
<div class="col-lg-9 col-md-8 col-12">
<div class="py-6 p-md-6 p-lg-10">
<!-- heading -->
<h2 class="mb-6">Your Orders</h2>
<div class="table-responsive border-0">
<!-- Table -->
<table class="table mb-0 text-nowrap">
<!-- Table Head -->
<thead class="table-light">
<tr>
<th class="border-0"> </th>
<th class="border-0">Artwork</th>
<th class="border-0">Order</th>
<th class="border-0">Date</th>
<th class="border-0">Items</th>
<th class="border-0">Status</th>
<th class="border-0">Amount</th>
<th class="border-0"></th>
</tr>
</thead>
<tbody>
<!-- Table body -->
<tr>
<td class="align-middle border-top-0 w-0">
<a href="#"> <img src="../../assets/images/rm-artist/artwork-01.jpg" alt="Ecommerce" class="icon-shape icon-xl"></a>
</td>
<td class="align-middle border-top-0">
<a href="#" class="fw-semibold text-inherit">
<h6 class="mb-0">Personalized Keychain</h6>
</a>
<span><small class="text-muted">400g</small></span>
</td>
<td class="align-middle border-top-0">
<a href="#" class="text-inherit">#14899</a>
</td>
<td class="align-middle border-top-0">
March 5, 2023
</td>
<td class="align-middle border-top-0">
1
</td>
<td class="align-middle border-top-0">
<span class="badge bg-warning">Processing</span>
</td>
<td class="align-middle border-top-0">
Price pending
</td>
<td class="text-muted align-middle border-top-0">
<a href="#" class="text-inherit" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="View"><i class="feather-icon icon-eye"></i></a>
</td>
</tr>
<tr>
<td class="align-middle border-top-0 w-0">
<a href="#"> <img src="../../assets/images/rm-artist/artwork-03.jpg" alt="Ecommerce" class="icon-shape icon-xl"></a>
</td>
<td class="align-middle border-top-0">
<a href="#" class="fw-semibold text-inherit">
<h6 class="mb-0">Personalized Mug</h6>
</a>
<span><small class="text-muted">2 Pkt</small></span>
</td>
<td class="align-middle border-top-0">
<a href="#" class="text-inherit">#14658
</a>
</td>
<td class="align-middle border-top-0">
July 9, 2023
</td>
<td class="align-middle border-top-0">
2
</td>
<td class="align-middle border-top-0">
<span class="badge bg-success">Completed</span>
</td>
<td class="align-middle border-top-0">
Price pending
</td>
<td class="text-muted align-middle border-top-0">
<a href="#" class="text-inherit" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="View"><i class="feather-icon icon-eye"></i></a>
</td>
</tr>
<tr>
<td class="align-middle border-top-0 w-0">
<a href="#"> <img src="../../assets/images/rm-artist/artwork-05.jpg" alt="Ecommerce" class="icon-shape icon-xl"></a>
</td>
<td class="align-middle border-top-0">
<a href="#" class="text-inherit">
<h6 class="mb-0">Custom Gift Set </h6>
<span><small class="text-muted">202 g</small></span>
</a>
</td>
<td class="align-middle border-top-0">
<a href="#" class="text-inherit">#13778
</a>
</td>
<td class="align-middle border-top-0">
Oct 03, 2023
</td>
<td class="align-middle border-top-0">
4
</td>
<td class="align-middle border-top-0">
<span class="badge bg-success">Completed</span>
</td>
<td class="align-middle border-top-0">
Price pending
</td>
<td class="text-muted align-middle border-top-0">
<a href="#" class="text-inherit" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="View"><i class="feather-icon icon-eye"></i></a>
</td>
</tr>
<tr>
<td class="align-middle border-top-0 w-0">
<a href="#"> <img src="../../assets/images/rm-artist/artwork-10.jpg" alt="Ecommerce" class="icon-shape icon-xl"></a>
</td>
<td class="align-middle border-top-0">
<a href="#" class="fw-semibold text-inherit">
<h6 class="mb-0">Bridal Hand Fan </h6>
</a>
<span><small class="text-muted">100 g</small></span>
</td>
<td class="align-middle border-top-0">
<a href="#" class="text-inherit">#13746
</a>
</td>
<td class="align-middle border-top-0">
March 5, 2023
</td>
<td class="align-middle border-top-0">
1
</td>
<td class="align-middle border-top-0">
<span class="badge bg-success">Completed</span>
</td>
<td class="align-middle border-top-0">
Price pending
</td>
<td class="text-muted align-middle border-top-0">
<a href="#" class="text-inherit" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="View"><i class="feather-icon icon-eye"></i></a>
</td>
</tr>
<tr>
<td class="align-middle border-top-0 w-0">
<a href="#"> <img src="../../assets/images/rm-artist/artwork-15.jpg" alt="Ecommerce" class="icon-shape icon-xl"></a>
</td>
<td class="align-middle border-top-0">
<a href="#" class="fw-semibold text-inherit">
<h6 class="mb-0">Acrylic Name Plaque </h6>
</a>
<span><small class="text-muted">500 g</small></span>
</td>
<td class="align-middle border-top-0">
<a href="#" class="text-inherit">#13566
</a>
</td>
<td class="align-middle border-top-0">
July 9, 2023
</td>
<td class="align-middle border-top-0">
2
</td>
<td class="align-middle border-top-0">
<span class="badge bg-danger">Cancel</span>
</td>
<td class="align-middle border-top-0">
Price pending
</td>
<td class="text-muted align-middle border-top-0">
<a href="#" class="text-inherit" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="View"><i class="feather-icon icon-eye"></i></a>
</td>
</tr>
<tr>
<td class="align-middle border-top-0 w-0">
<a href="#"> <img src="../../assets/images/rm-artist/artwork-16.jpg" alt="Ecommerce" class="icon-shape icon-xl"></a>
</td>
<td class="align-middle border-top-0">
<a href="#" class="fw-semibold text-inherit">
<h6 class="mb-0">Embroidered Keepsake </h6>
</a>
<span><small class="text-muted">500 g</small></span>
</td>
<td class="align-middle border-top-0">
<a href="#" class="text-inherit">#12094
</a>
</td>
<td class="align-middle border-top-0">
Oct 03, 2023
</td>
<td class="align-middle border-top-0">
4
</td>
<td class="align-middle border-top-0">
<span class="badge bg-success">Completed</span>
</td>
<td class="align-middle border-top-0">
Price pending
</td>
<td class="text-muted align-middle border-top-0">
<a href="#" class="text-inherit" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="View"><i class="feather-icon icon-eye"></i></a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>