<!-- Cod Box Copy begin -->
<div class="market-chart"></div>
<!-- Cod Box Copy end -->
Order ID | Order Total | Payment Method | Status |
---|---|---|---|
1 | $120.00 | Bank Transfers | On Way |
2 | $90.00 | Ewallets | Delivered |
3 | $240.00 | Cash | Delivered |
4 | $120.00 | Direct Deposit | $6523 |
5 | $50.00 | Bank Transfers | Delivered |
<div class="user-status table-responsive latest-order-table">
<table class="table table-bordernone">
<thead>
<tr>
<th scope="col">Order ID</th>
<th scope="col">Order Total</th>
<th scope="col">Payment Method</th>
<th scope="col">Status</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td class="digits">$120.00</td>
<td class="font-secondary">Bank Transfers</td>
<td class="digits">Delivered</td>
</tr>
<tr>
<td>2</td>
<td class="digits">$90.00</td>
<td class="font-secondary">Ewallets</td>
<td class="digits">Delivered</td>
</tr>
<tr>
<td>3</td>
<td class="digits">$240.00</td>
<td class="font-secondary">Cash</td>
<td class="digits">Delivered</td>
</tr>
<tr>
<td>4</td>
<td class="digits">$120.00</td>
<td class="font-primary">Direct Deposit</td>
<td class="digits">Delivered</td>
</tr>
<tr>
<td>5</td>
<td class="digits">$50.00</td>
<td class="font-primary">Bank Transfers</td>
<td class="digits">Delivered</td>
</tr>
</tbody>
</table>
</div>
0.25%
Lorem Ipsum is simply dummy text of the printing and typesetting
0.13%
Lorem Ipsum is simply dummy text of the printing and typesetting
0.8%
Lorem Ipsum is simply dummy text of the printing and typesetting
0.25%
Lorem Ipsum is simply dummy text of the printing and typesetting
<div class="card-body sell-graph">
<canvas id="myGraph"></canvas>
</div>
Details | Quantity | Status | Price |
---|---|---|---|
Simply dummy text of the printing | 1 | Pending | $6523 |
Long established | 5 | Cancle | $6523 |
sometimes by accident | 10 | Cancle | $6523 |
Classical Latin literature | 9 | Return | $6523 |
keep the site on the Internet | 8 | Pending | $6523 |
Molestiae consequatur | 3 | Cancle | $6523 |
Pain can procure | 8 | Return | $6523 |
<div class="user-status table-responsive products-table">
<table class="table table-bordernone mb-0">
<thead>
<tr>
<th scope="col">Details</th>
<th scope="col">Quantity</th>
<th scope="col">Status</th>
<th scope="col">Price</th>
</tr>
</thead>
<tbody>
<tr>
<td>Simply dummy text of the printing</td>
<td class="digits">1</td>
<td class="font-primary">Pending</td>
<td class="digits">$6523</td>
</tr>
<tr>
<td>Long established</td>
<td class="digits">5</td>
<td class="font-secondary">Cancle</td>
<td class="digits">$6523</td>
</tr>
<tr>
<td>sometimes by accident</td>
<td class="digits">10</td>
<td class="font-secondary">Cancle</td>
<td class="digits">$6523</td>
</tr>
<tr>
<td>Classical Latin literature</td>
<td class="digits">9</td>
<td class="font-primary">Return</td>
<td class="digits">$6523</td>
</tr>
<tr>
<td>keep the site on the Internet</td>
<td class="digits">8</td>
<td class="font-primary">Pending</td>
<td class="digits">$6523</td>
</tr>
<tr>
<td>Molestiae consequatur</td>
<td class="digits">3</td>
<td class="font-secondary">Cancle</td>
<td class="digits">$6523</td>
</tr>
<tr>
<td>Pain can procure</td>
<td class="digits">8</td>
<td class="font-primary">Return</td>
<td class="digits">$6523</td>
</tr>
</tbody>
</table>
</div>
Name | Designation | Skill Level | Experience |
---|---|---|---|
John Deo (14+ Online) |
Designer |
|
2 Year |
Holio Mako (250+ Online) |
Developer |
|
3 Year |
Mohsib lara(99+ Online) |
Tester |
|
5 Month |
Hileri Soli (150+ Online) |
Designer |
|
3 Month |
Pusiz bia (14+ Online) |
Designer |
|
5 Year |
<div class="user-status table-responsive products-table">
<table class="table table-bordernone mb-0">
<thead>
<tr>
<th scope="col">Name</th>
<th scope="col">Designation</th>
<th scope="col">Skill Level</th>
<th scope="col">Experience</th>
</tr>
</thead>
<tbody>
<tr>
<td class="bd-t-none u-s-tb">
<div class="align-middle image-sm-size"><img class="img-radius align-top m-r-15 rounded-circle blur-up lazyloaded" src="../assets/images/dashboard/user2.jpg" alt="" data-original-title="" title="">
<div class="d-inline-block">
<h6>John Deo <span class="text-muted digits">(14+ Online)</span></h6>
</div>
</div>
</td>
<td>Designer</td>
<td>
<div class="progress-showcase">
<div class="progress" style="height: 8px;">
<div class="progress-bar bg-primary" role="progressbar" style="width: 30%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</td>
<td class="digits">2 Year</td>
</tr>
<tr>
<td class="bd-t-none u-s-tb">
<div class="align-middle image-sm-size"><img class="img-radius align-top m-r-15 rounded-circle blur-up lazyloaded" src="../assets/images/dashboard/user1.jpg" alt="" data-original-title="" title="">
<div class="d-inline-block">
<h6>Holio Mako <span class="text-muted digits">(250+ Online)</span></h6>
</div>
</div>
</td>
<td>Developer</td>
<td>
<div class="progress-showcase">
<div class="progress" style="height: 8px;">
<div class="progress-bar bg-secondary" role="progressbar" style="width: 70%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</td>
<td class="digits">3 Year</td>
</tr>
<tr>
<td class="bd-t-none u-s-tb">
<div class="align-middle image-sm-size"><img class="img-radius align-top m-r-15 rounded-circle blur-up lazyloaded" src="../assets/images/dashboard/man.png" alt="" data-original-title="" title="">
<div class="d-inline-block">
<h6>Mohsib lara<span class="text-muted digits">(99+ Online)</span></h6>
</div>
</div>
</td>
<td>Tester</td>
<td>
<div class="progress-showcase">
<div class="progress" style="height: 8px;">
<div class="progress-bar bg-primary" role="progressbar" style="width: 60%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</td>
<td class="digits">5 Month</td>
</tr>
<tr>
<td class="bd-t-none u-s-tb">
<div class="align-middle image-sm-size"><img class="img-radius align-top m-r-15 rounded-circle blur-up lazyloaded" src="../assets/images/dashboard/user.png" alt="" data-original-title="" title="">
<div class="d-inline-block">
<h6>Hileri Soli <span class="text-muted digits">(150+ Online)</span></h6>
</div>
</div>
</td>
<td>Designer</td>
<td>
<div class="progress-showcase">
<div class="progress" style="height: 8px;">
<div class="progress-bar bg-secondary" role="progressbar" style="width: 30%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</td>
<td class="digits">3 Month</td>
</tr>
<tr>
<td class="bd-t-none u-s-tb">
<div class="align-middle image-sm-size"><img class="img-radius align-top m-r-15 rounded-circle blur-up lazyloaded" src="../assets/images/dashboard/designer.jpg" alt="" data-original-title="" title="">
<div class="d-inline-block">
<h6>Pusiz bia <span class="text-muted digits">(14+ Online)</span></h6>
</div>
</div>
</td>
<td>Designer</td>
<td>
<div class="progress-showcase">
<div class="progress" style="height: 8px;">
<div class="progress-bar bg-primary" role="progressbar" style="width: 90%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</td>
<td class="digits">5 Year</td>
</tr>
</tbody>
</table>
</div>
<div class="row">
<div class="col-xl-3 col-sm-6 xl-50">
<div class="order-graph">
<h6>Orders By Location</h6>
<div class="chart-block chart-vertical-center">
<canvas id="myDoughnutGraph"></canvas>
</div>
<div class="order-graph-bottom">
<div class="media">
<div class="order-color-primary"></div>
<div class="media-body">
<h6 class="mb-0">Saint Lucia <span class="pull-right">$157</span></h6>
</div>
</div>
<div class="media">
<div class="order-color-secondary"></div>
<div class="media-body">
<h6 class="mb-0">Kenya <span class="pull-right">$347</span></h6>
</div>
</div>
<div class="media">
<div class="order-color-danger"></div>
<div class="media-body">
<h6 class="mb-0">Liberia<span class="pull-right">$468</span></h6>
</div>
</div>
<div class="media">
<div class="order-color-warning"></div>
<div class="media-body">
<h6 class="mb-0">Christmas Island<span class="pull-right">$742</span></h6>
</div>
</div>
<div class="media">
<div class="order-color-success"></div>
<div class="media-body">
<h6 class="mb-0">Saint Helena <span class="pull-right">$647</span></h6>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-sm-6 xl-50">
<div class="order-graph sm-order-space">
<h6>Sales By Location</h6>
<div class="peity-chart-dashboard text-center">
<span class="pie-colours-1">4,7,6,5</span>
</div>
<div class="order-graph-bottom sales-location">
<div class="media">
<div class="order-shape-primary"></div>
<div class="media-body">
<h6 class="mb-0 mr-0">Germany <span class="pull-right">25%</span></h6>
</div>
</div>
<div class="media">
<div class="order-shape-secondary"></div>
<div class="media-body">
<h6 class="mb-0 mr-0">Brasil <span class="pull-right">10%</span></h6>
</div>
</div>
<div class="media">
<div class="order-shape-danger"></div>
<div class="media-body">
<h6 class="mb-0 mr-0">United Kingdom<span class="pull-right">34%</span></h6>
</div>
</div>
<div class="media">
<div class="order-shape-warning"></div>
<div class="media-body">
<h6 class="mb-0 mr-0">Australia<span class="pull-right">5%</span></h6>
</div>
</div>
<div class="media">
<div class="order-shape-success"></div>
<div class="media-body">
<h6 class="mb-0 mr-0">Canada <span class="pull-right">25%</span></h6>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-6 xl-100">
<div class="order-graph xl-space">
<h6>Revenue for last month</h6>
<div class="ct-4 flot-chart-container"></div>
</div>
</div>
</div>