Total RevenueBalanace +98%
Total SaleBalanace +82%
Total ClientBalanace +96%
Total ProductBalanace +79%
Total RevenueBalanace +98%
Total SaleBalanace +82%
Total ClientBalanace +96%
Total ProductBalanace +79%
| Name | Date | Quantity | % of sale | Total Revenue | |
|---|---|---|---|---|---|
| 01 | 16 August | 54146 | 65.00% | $210326 | Done |
| 02 | 02 Octomber | 32015 | 95.00% | $548564 | Done |
| 04 | 12 March | 95486 | 02.00% | $884596 | Done |
| 05 | 31 December | 15495 | 43.00% | $441523 | Done |
| 06 | 26 January | 66251 | 88.00% | $112103 | Done |
<div class="card top-sell-sec">
<div class="card-header pb-0">
<h5>Top Selling Product</h5>
<div class="card-header-right">
<ul class="setting-option">
<li>
<div class="setting-badge"><i class="fa fa-spin fa-cog font-primary"></i></div>
</li>
<li>
<i class="view-html fa fa-code font-primary"></i>
</li>
<li>
<i class="icofont icofont-maximize full-card font-primary"></i>
</li>
<li>
<i class="icofont icofont-minus minimize-card font-primary"></i>
</li>
<li>
<i class="icofont icofont-refresh reload-card font-primary"></i>
</li>
<li>
<i class="icofont icofont-error close-card font-primary"></i>
</li>
</ul>
</div>
</div>
<div class="card-body">
<div class="top-sell-table">
<div class="item">
<div class="table-responsive product-list">
<table class="table table-bordernone">
<thead>
<tr>
<th>Name</th>
<th>Date</th>
<th>Quantity</th>
<th>% of sale</th>
<th>Total Revenue</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<span>01</span>
<div class="t-title">
<a href="user-profile.html">
<img class="img-40 m-r-15 rounded-circle align-top" src="../assets/images/dashboard-2/i_1.png" alt="" data-original-title="" title=""/>
</a>
<div class="d-inline-block align-middle">
<span>Yellow New Nike Shoes</span>
</div>
</div>
</td>
<td>16 August</td>
<td>54146</td>
<td> <i class="fa fa-arrow-up font-primary me-1"></i>65.00%</td>
<td>$210326</td>
<td>Done</td>
</tr>
<tr>
<td>
<span>02</span>
<div class="t-title">
<a href="user-profile.html">
<img class="img-40 rounded-circle align-top" src="../assets/images/dashboard-2/i_2.png" alt="" data-original-title="" title=""/>
</a>
<div class="d-inline-block align-middle">
<span>Sony Brand New Headphon</span>
</div>
</div>
</td>
<td>02 Octomber</td>
<td>32015</td>
<td> <i class="fa fa-arrow-up font-primary me-1"></i>95.00%</td>
<td>$548564</td>
<td>Done</td>
</tr>
<tr>
<td>
<span>04</span>
<div class="t-title">
<a href="user-profile.html">
<img class="img-40 rounded-circle align-top" src="../assets/images/dashboard-2/i_3.png" alt="" data-original-title="" title=""/>
</a>
<div class="d-inline-block align-middle">
<span>Beautiful Golden Tree Plant</span>
</div>
</div>
</td>
<td>12 March</td>
<td>95486</td>
<td><i class="fa fa-arrow-down font-secondary me-1"></i>02.00%</td>
<td>$884596</td>
<td>Done</td>
</tr>
<tr>
<td>
<span>05</span>
<div class="t-title">
<a href="user-profile.html">
<img class="img-40 rounded-circle align-top" src="../assets/images/dashboard-2/i_4.png" alt="" data-original-title="" title=""/>
</a>
<div class="d-inline-block align-middle">
<span>Marco M Kely Handbags</span>
</div>
</div>
</td>
<td>31 December</td>
<td>15495</td>
<td><i class="fa fa-arrow-up font-primary me-1"></i>43.00%</td>
<td>$441523</td>
<td>Done</td>
</tr>
<tr>
<td>
<span>06</span>
<div class="t-title">
<a href="user-profile.html">
<img class="img-40 rounded-circle align-top" src="../assets/images/dashboard-2/i_5.png" alt="" data-original-title="" title=""/>
</a>
<div class="d-inline-block align-middle">
<span>Being Human Branded T-shirt</span>
</div>
</div>
</td>
<td>26 January</td>
<td>66251</td>
<td><i class="fa fa-arrow-up font-primary me-1"></i>88.00%</td>
<td>$112103</td>
<td>Done</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="text-center"><a class="f-w-700 btn-more" href="javascript:void(0)">More...</a></div>
</div>
</div>
<div class="card service-contact-sec">
<div class="card-header pb-0">
<h5>Services Contact</h5>
<div class="card-header-right">
<ul class="setting-option">
<li>
<div class="setting-badge"><i class="fa fa-spin fa-cog font-primary"></i></div>
</li>
<li><i class="view-html fa fa-code font-primary"></i></li>
<li><i class="icofont icofont-maximize full-card font-primary"></i></li>
<li><i class="icofont icofont-minus minimize-card font-primary"></i></li>
<li><i class="icofont icofont-refresh reload-card font-primary"></i></li>
<li><i class="icofont icofont-error close-card font-primary"></i></li>
</ul>
</div>
</div>
<div class="card-body">
<div class="table-responsive groups-table service-contact-table">
<table class="table table-bordernone">
<tbody>
<tr>
<td>
<div class="d-inline-block align-middle">
<div class="t-title">
<a href="user-profile.html">
<img class="img-radius img-40 align-top m-r-15 rounded-circle" src="../assets/images/dashboard-2/s_1.png" alt="" data-original-title="" title=""/>
</a>
<div class="d-inline-block">
<span>+1(056)5685 5684</span>
<p class="d-block">Marshel Medroled</p>
</div>
</div>
</div>
</td>
<td>
<p>Available Now</p>
</td>
<td>
<div class="gradient-round"><i class="fa fa-phone"></i></div>
</td>
</tr>
<tr>
<td>
<div class="d-inline-block align-middle">
<div class="t-title">
<a href="user-profile.html">
<img class="img-radius img-40 align-top m-r-15 rounded-circle" src="../assets/images/dashboard-2/s_2.png" alt="" data-original-title="" title=""/>
</a>
<div class="d-inline-block">
<span>+1(253) 3017 9801</span>
<p class="d-block">Eliyana Geloren</p>
</div>
</div>
</div>
</td>
<td>
<p>Available Now</p>
</td>
<td>
<div class="gradient-round"><i class="fa fa-phone"></i></div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
Facebook
680k |
Google
546k |
Twitter
856k |
<div class="card">
<div class="card-header">
<h5>Connect With Us</h5>
<div class="card-header-right">
<ul class="setting-option">
<li>
<div class="setting-badge"><i class="fa fa-spin fa-cog font-primary"></i></div>
</li>
<li><i class="view-html fa fa-code font-primary"></i></li>
<li><i class="icofont icofont-maximize full-card font-primary"></i></li>
<li><i class="icofont icofont-minus minimize-card font-primary"></i></li>
<li><i class="icofont icofont-refresh reload-card font-primary"></i></li>
<li><i class="icofont icofont-error close-card font-primary"></i></li>
</ul>
</div>
</div>
<div class="card-body p-t-0">
<div class="connect-sec">
<table>
<tr>
<td>
<div class="facebook-sec">
<img class="img-40" src="../assets/images/dashboard-2/facebook.png" alt="" title=""/>
<div class="name-user"><span>Facebook</span>
<p>680k</p>
</div>
</div>
</td>
<td>
<div class="google-sec">
<img class="img-40" src="../assets/images/dashboard-2/googleplus.png" alt="" title=""/>
<div class="name-user"><span>Google</span>
<p>546k</p>
</div>
</div>
</td>
<td>
<div class="twitter-sec">
<img class="img-40" src="../assets/images/dashboard-2/twitter.png" alt="" title=""/>
<div class="name-user">
<span>Twitter</span>
<p>856k</p>
</div>
</div>
</td>
</tr>
</table>
</div>
</div>
</div>
Number of Meetings
(30 days)
<div class="card meeting-sec">
<div class="card-header">
<div class="card-header-right">
<ul class="setting-option">
<li>
<div class="setting-badge"><i class="fa fa-spin fa-cog font-primary"></i></div>
</li>
<li><i class="view-html fa fa-code font-primary"></i></li>
<li><i class="icofont icofont-maximize full-card font-primary"></i></li>
<li><i class="icofont icofont-minus minimize-card font-primary"></i></li>
<li><i class="icofont icofont-refresh reload-card font-primary"></i></li>
<li><i class="icofont icofont-error close-card font-primary"></i></li>
</ul>
</div>
</div>
<div class="card-body p-t-0">
<div class="redial-block">
<div class="redial-chart">
<div id="chart-update-1"></div>
</div>
<div class="meeting-details text-center">
<h4>652594</h4>
<p>Number of Meetings</p>
<div class="meeting-rate primary-rate">
<span class="font-primary">2.00%</span>
<p>(30 days)</p>
</div>
</div>
</div>
</div>
</div>
Number of Follower
(30 days)
<div class="card meeting-sec">
<div class="card-header">
<div class="card-header-right">
<ul class="setting-option">
<li>
<div class="setting-badge secondary-badge"><i class="fa fa-spin fa-cog font-secondary"></i></div>
</li>
<li><i class="view-html fa fa-code font-primary"></i></li>
<li><i class="icofont icofont-maximize full-card font-primary"></i></li>
<li><i class="icofont icofont-minus minimize-card font-primary"></i></li>
<li><i class="icofont icofont-refresh reload-card font-primary"></i></li>
<li><i class="icofont icofont-error close-card font-primary"></i></li>
</ul>
</div>
</div>
<div class="card-body p-t-0">
<div class="redial-block">
<div class="redial-chart">
<div id="chart-update-2"></div>
</div>
<div class="meeting-details text-center">
<h4>88456</h4>
<p>Number of Follower</p>
<div class="meeting-rate primary-secondary">
<span class="font-secondary">96.00%</span>
<p>(30 days)</p>
</div>
</div>
</div>
</div>
</div>
Number of Order
(30 days)
<div class="card">
<div class="card-header">
<div class="card-header-right">
<ul class="setting-option">
<li>
<div class="setting-badge success-badge"><i class="fa fa-spin fa-cog font-success"></i></div>
</li>
<li><i class="view-html fa fa-code font-success"></i></li>
<li><i class="icofont icofont-maximize full-card font-success"></i></li>
<li><i class="icofont icofont-minus minimize-card font-success"></i></li>
<li><i class="icofont icofont-refresh reload-card font-success"></i></li>
<li><i class="icofont icofont-error close-card font-success"> </i></li>
</ul>
</div>
</div>
<div class="card-body p-t-0">
<div class="redial-block">
<div class="redial-chart">
<div id="chart-update"></div>
</div>
<div class="meeting-details text-center">
<h4>955456</h4>
<p>Number of Order</p>
<div class="meeting-rate success-rate">
<span class="font-success">84.00%</span>
<p>(30 days)</p>
</div>
</div>
</div>
</div>
</div>
Total Growth
$665000<div class="card business-growth-sec">
<div class="card-header pb-0 justify-content-between">
<h5>Business Growth</h5>
<div class="center-content">
<p>Total Growth</p>
<span class="ms-3">$665000</span>
</div>
<div class="card-header-right">
<ul class="setting-option">
<li><div class="setting-badge primary-badge"><i class="fa fa-spin fa-cog font-primary"></i></div></li>
<li><i class="view-html fa fa-code font-primary"></i></li>
<li><i class="icofont icofont-maximize full-card font-primary"></i></li>
<li><i class="icofont icofont-minus minimize-card font-primary"></i></li>
<li><i class="icofont icofont-refresh reload-card font-primary"></i></li>
<li><i class="icofont icofont-error close-card font-primary"></i></li>
</ul>
</div>
</div>
<div class="card-body p-0">
<div id="business-chart">
</div>
</div>
</div>
|
Win best seller of the year award
Company,San Francisco |
34 min ago |
|
Approved our product in checking
Elisse Joson,San Francisco |
1 hour ago |
|
Win best seller of the year award
Company,San Francisco |
34 min ago |
|
Approved our product in checking
Elisse Joson,San Francisco |
1 hour ago |
|
Win best seller of the year award
Company,San Francisco |
34 min ago |
<div class="card our-activity-table">
<div class="card-header">
<h5>Our Activities</h5>
<div class="card-header-right">
<ul class="setting-option">
<li>
<div class="setting-badge primary-badge"><i class="fa fa-spin fa-cog font-primary"></i></div>
</li>
<li><i class="view-html fa fa-code font-primary"></i></li>
<li><i class="icofont icofont-maximize full-card font-primary"></i></li>
<li><i class="icofont icofont-minus minimize-card font-primary"></i></li>
<li><i class="icofont icofont-refresh reload-card font-primary"></i></li>
<li><i class="icofont icofont-error close-card font-primary"></i></li>
</ul>
</div>
</div>
<div class="card-body p-t-0">
<div class="table-responsive groups-table">
<table class="table table-bordernone">
<tbody>
<tr>
<td>
<div class="media">
<div class="round-light icon-secondary">
<i class="fa fa-star"></i>
</div>
<div class="media-body">
<span>Win best seller of the year award</span>
<p class="d-block">Company,San Francisco</p>
</div>
</div>
</td>
<td>
<p>34 min ago</p>
</td>
</tr>
<tr>
<td>
<div class="media">
<div class="round-light icon-primary"><i class="fa fa-check-circle"></i>
</div>
<div class="media-body">
<span>Approved our product in checking</span>
<p class="d-block">Elisse Joson,San Francisco</p>
</div>
</div>
</td>
<td>
<p>1 hour ago</p>
</td>
</tr>
<tr>
<td>
<div class="media">
<div class="round-light icon-success">
<i class="fa fa-bookmark"></i></div>
<div class="media-body">
<span>Win best seller of the year award</span>
<p class="d-block">Company,San Francisco</p>
</div>
</div>
</td>
<td>
<p>34 min ago</p>
</td>
</tr>
<tr>
<td>
<div class="media">
<div class="round-light icon-warning">
<i class="fa fa-shopping-basket"></i>
</div>
<div class="media-body">
<span>Approved our product in checking</span>
<p class="d-block">Elisse Joson,San Francisco</p>
</div>
</div>
</td>
<td>
<p>1 hour ago</p>
</td>
</tr>
<tr>
<td>
<div class="media">
<div class="round-light icon-primary">
<i class="fa fa-microchip"></i>
</div>
<div class="media-body">
<span>Win best seller of the year award</span>
<p class="d-block">Company,San Francisco</p>
</div>
</div>
</td>
<td>
<p>34 min ago</p>
</td>
</tr>
</tbody>
</table>
</div>
<div class="text-center">
<a class="f-w-700 btn-more" href="javascript:void(0)">More...</a>
</div>
</div>
</div>
Sold Product
84562
USD 115.00
USD 115.00
USD 94.00
USD 94.00
USD 30.00
USD 30.00
USD 102.00
USD 102.00
USD 115.00
USD 115.00
USD 94.00
USD 30.00
USD 30.00
USD 102.00
USD 102.00
USD 115.00
USD 115.00
USD 94.00
USD 94.00
USD 30.00
USD 30.00
USD 102.00
USD 102.00
<div class="card new-product-section">
<div class="card-header justify-content-between">
<h5>New Product</h5>
<div class="center-content">
<p>Sold Product</p><span class="m-l-10">84562</span>
</div>
<div class="card-header-right">
<ul class="setting-option">
<li>
<div class="setting-badge primary-badge"><i class="fa fa-spin fa-cog font-primary"></i></div>
</li>
<li><i class="view-html fa fa-code font-primary"></i></li>
<li><i class="icofont icofont-maximize full-card font-primary"></i></li>
<li><i class="icofont icofont-minus minimize-card font-primary"></i></li>
<li><i class="icofont icofont-refresh reload-card font-primary"></i></li>
<li><i class="icofont icofont-error close-card font-primary"></i></li>
</ul>
</div>
</div>
<div class="card-body p-t-0">
<div class="new-product-main">
<div class="slider single-item">
<div>
<div class="row pro-block">
<div class="col-sm-6">
<div class="slid-wrapper">
<div class="plus-circle float-end"> <i class="icon-plus"></i></div>
</div>
<div class="slider single-item-small">
<div>
<div class="product-box">
<img src="../assets/images/dashboard-2/product-1.png" alt="First slide"/>
<div class="carousel-content">
<a href="user-profile.html">
<span>Xiaomi Mix3</span>
</a>
<p>USD 115.00</p>
</div>
</div>
</div>
<div>
<div class="product-box">
<img src="../assets/images/dashboard-2/product-1.png" alt="First slide"/>
<div class="carousel-content">
<a href="user-profile.html">
<span>Xiaomi Mix3</span>
</a>
<p>USD 115.00</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="slid-wrapper">
<div class="plus-circle float-end"> <i class="icon-plus"></i></div>
</div>
<div class="slider single-item-small">
<div>
<div class="product-box">
<img src="../assets/images/dashboard-2/product-2.png" alt="First slide"/>
<div class="carousel-content">
<a href="user-profile.html">
<span>Xiaomi Speaker</span>
</a>
<p>USD 94.00</p>
</div>
</div>
</div>
<div>
<div class="product-box">
<img src="../assets/images/dashboard-2/product-2.png" alt="First slide"/>
<div class="carousel-content">
<a href="user-profile.html">
<span>Xiaomi Speaker</span>
</a>
<p>USD 94.00</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="slid-wrapper">
<div class="plus-circle float-end"> <i class="icon-plus"></i></div>
</div>
<div class="slider single-item-small">
<div>
<div class="product-box">
<img src="../assets/images/dashboard-2/product-3.png" alt="First slide"/>
<div class="carousel-content">
<a href="user-profile.html">
<span>Wireless Mouse</span>
</a>
<p>USD 30.00</p>
</div>
</div>
</div>
<div>
<div class="product-box">
<img src="../assets/images/dashboard-2/product-3.png" alt="First slide"/>
<div class="carousel-content">
<a href="user-profile.html">
<span>Wireless Mouse</span>
</a>
<p>USD 30.00</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="slid-wrapper">
<div class="plus-circle float-end"> <i class="icon-plus"></i></div>
</div>
<div class="slider single-item-small">
<div>
<div class="product-box">
<img src="../assets/images/dashboard-2/product-4.png" alt="First slide"/>
<div class="carousel-content">
<a href="user-profile.html">
<span>Wireless Earbuds</span>
</a>
<p>USD 102.00</p>
</div>
</div>
</div>
<div>
<div class="product-box">
<img src="../assets/images/dashboard-2/product-4.png" alt="First slide"/>
<div class="carousel-content">
<a href="user-profile.html">
<span>Wireless Earbuds</span>
</a>
<p>USD 102.00</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="row pro-block">
<div class="col-sm-6">
<div class="slid-wrapper">
<div class="plus-circle float-end"> <i class="icon-plus"></i></div>
</div>
<div class="slider single-item-small">
<div>
<div class="product-box">
<img src="../assets/images/dashboard-2/product-1.png" alt="First slide"/>
<div class="carousel-content">
<a href="user-profile.html">
<span>Xiaomi Mix3</span>
</a>
<p>USD 115.00</p>
</div>
</div>
</div>
<div>
<div class="product-box">
<img src="../assets/images/dashboard-2/product-1.png" alt="First slide"/>
<div class="carousel-content">
<a href="user-profile.html">
<span>Xiaomi Mix3</span>
</a>
<p>USD 115.00</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="slid-wrapper">
<div class="plus-circle float-end"> <i class="icon-plus"></i></div>
</div>
<div class="slider single-item-small">
<div>
<div class="product-box">
<img src="../assets/images/dashboard-2/product-2.png" alt="First slide"/>
<div class="carousel-content">
<a href="user-profile.html">
<span>Xiaomi Speaker</span>
</a>
<p>USD 94.00</p>
</div>
</div>
</div>
<div>
<div class="product-box">
<img src="../assets/images/dashboard-2/product-2.png" alt="First slide"/>
<div class="carousel-content">
<a href="user-profile.html">
<span>Xiaomi Speaker</span>
</a>
<p>USD 94.00</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="slid-wrapper">
<div class="plus-circle float-end"> <i class="icon-plus"></i></div>
</div>
<div class="slider single-item-small">
<div>
<div class="product-box">
<img src="../assets/images/dashboard-2/product-3.png" alt="First slide"/>
<div class="carousel-content">
<a href="user-profile.html">
<span>Wireless Mouse</span>
</a>
<p>USD 30.00</p>
</div>
</div>
</div>
<div>
<div class="product-box">
<img src="../assets/images/dashboard-2/product-3.png" alt="First slide"/>
<div class="carousel-content">
<a href="user-profile.html">
<span>Wireless Mouse</span>
</a>
<p>USD 30.00</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="slid-wrapper">
<div class="plus-circle float-end"> <i class="icon-plus"></i></div>
</div>
<div class="slider single-item-small">
<div>
<div class="product-box">
<img src="../assets/images/dashboard-2/product-4.png" alt="First slide"/>
<div class="carousel-content">
<a href="user-profile.html">
<span>Wireless Earbuds</span>
</a>
<p>USD 102.00</p>
</div>
</div>
</div>
<div>
<div class="product-box">
<img src="../assets/images/dashboard-2/product-4.png" alt="First slide"/>
<div class="carousel-content">
<a href="user-profile.html">
<span>Wireless Earbuds</span>
</a>
<p>USD 102.00</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="row pro-block">
<div class="col-sm-6">
<div class="slid-wrapper">
<div class="plus-circle float-end"> <i class="icon-plus"></i></div>
</div>
<div class="slider single-item-small">
<div>
<div class="product-box">
<img src="../assets/images/dashboard-2/product-1.png" alt="First slide"/>
<div class="carousel-content">
<a href="user-profile.html">
<span>Xiaomi Mix3</span>
</a>
<p>USD 115.00</p>
</div>
</div>
</div>
<div>
<div class="product-box">
<img src="../assets/images/dashboard-2/product-1.png" alt="First slide"/>
<div class="carousel-content">
<a href="user-profile.html">
<span>Xiaomi Mix3</span>
</a>
<p>USD 115.00</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="slid-wrapper">
<div class="plus-circle float-end"> <i class="icon-plus"></i></div>
</div>
<div class="slider single-item-small">
<div>
<div class="product-box">
<img src="../assets/images/dashboard-2/product-2.png" alt="First slide"/>
<div class="carousel-content">
<a href="user-profile.html">
<span>Xiaomi Speaker</span>
</a>
<p>USD 94.00</p>
</div>
</div>
</div>
<div>
<div class="product-box">
<img src="../assets/images/dashboard-2/product-2.png" alt="First slide"/>
<div class="carousel-content">
<a href="user-profile.html">
<span>Xiaomi Speaker</span>
</a>
<p>USD 94.00</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="slid-wrapper">
<div class="plus-circle float-end"> <i class="icon-plus"></i></div>
</div>
<div class="slider single-item-small">
<div>
<div class="product-box">
<img src="../assets/images/dashboard-2/product-3.png" alt="First slide"/>
<div class="carousel-content">
<a href="user-profile.html">
<span>Wireless Mouse</span>
</a>
<p>USD 30.00</p>
</div>
</div>
</div>
<div>
<div class="product-box">
<img src="../assets/images/dashboard-2/product-3.png" alt="First slide"/>
<div class="carousel-content">
<a href="user-profile.html">
<span>Wireless Mouse</span>
</a>
<p>USD 30.00</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="slid-wrapper">
<div class="plus-circle float-end"> <i class="icon-plus"></i></div>
</div>
<div class="slider single-item-small">
<div>
<div class="product-box">
<img src="../assets/images/dashboard-2/product-4.png" alt="First slide"/>
<div class="carousel-content">
<a href="user-profile.html">
<span>Wireless Earbuds</span>
</a>
<p>USD 102.00</p>
</div>
</div>
</div>
<div>
<div class="product-box">
<img src="../assets/images/dashboard-2/product-4.png" alt="First slide"/>
<div class="carousel-content">
<a href="user-profile.html">
<span>Wireless Earbuds</span>
</a>
<p>USD 102.00</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="card o-hidden payment-sec-main">
<div class="card-header">
<h5 class="font-light">Payment</h5>
<div class="card-header-right">
<ul class="setting-option bg-transparent">
<li>
<div class="setting-badge light-badge"><i class="fa fa-spin fa-cog"></i></div>
</li>
<li><i class="view-html fa fa-code"></i></li>
<li><i class="icofont icofont-maximize full-card"></i></li>
<li><i class="icofont icofont-minus minimize-card"></i></li>
<li><i class="icofont icofont-refresh reload-card"></i></li>
<li><i class="icofont icofont-error close-card"></i></li>
</ul>
</div>
</div>
<div class="card-body p-t-0">
<div class="payment-main">
<div class="owl-carousel owl-theme" id="sync1">
<div class="item p-0">
<div class="visa-card">
<div class="card-logo">
<img class="img-fluid" src="../assets/images/dashboard-2/visa-card/visa.png" alt=""/>
</div>
<ul class="card-number">
<li>****</li>
<li>****</li>
<li>****</li>
<li>8597</li>
</ul>
<h6 class="carl-holder">Johan deo </h6>
<div class="d-flex justify-content-between align-items-center">
<div class="valid-thru">
<span>VALID THRU</span>
<span class="vdate">11/21</span>
</div>
<a class="card-btn" href="javascript:void(0)">next <i class="fa fa-arrow-circle-right font-primary"></i></a>
</div>
</div>
</div>
<div class="item p-0">
<div class="visa-card">
<div class="card-logo">
<img class="img-fluid" src="../assets/images/dashboard-2/visa-card/master-card.png" alt=""/>
</div>
<ul class="card-number">
<li>****</li>
<li>****</li>
<li>****</li>
<li>8597</li>
</ul>
<h6 class="carl-holder">Johan deo </h6>
<div class="d-flex justify-content-between align-items-center">
<div class="valid-thru">
<span>VALID THRU</span>
<span class="vdate">11/21</span>
</div>
<a class="card-btn" href="javascript:void(0)">next <i class="fa fa-arrow-circle-right font-primary"></i></a>
</div>
</div>
</div>
<div class="item p-0">
<div class="visa-card">
<div class="card-logo">
<img class="img-fluid" src="../assets/images/dashboard-2/american-ex.png" alt=""/>
</div>
<ul class="card-number">
<li>****</li>
<li>****</li>
<li>****</li>
<li>358</li>
</ul>
<h6 class="carl-holder">Johan deo </h6>
<div class="d-flex justify-content-between align-items-center">
<div class="valid-thru">
<span>VALID THRU</span>
<span class="vdate">9/22</span>
</div>
<a class="card-btn" href="javascript:void(0)">next <i class="fa fa-arrow-circle-right font-primary"> </i></a>
</div>
</div>
</div>
<div class="item">
<h1>4</h1>
</div>
</div>
<h5 class="font-light">Active Card</h5>
<div class="owl-carousel owl-theme" id="sync2">
<div class="item"><img src="../assets/images/dashboard-2/visa.png" alt="" data-original-title="" title=""/>
<div class="check-circle"><i class="fa fa-check"></i></div>
</div>
<div class="item"><img src="../assets/images/dashboard-2/card.png" alt="" data-original-title="" title=""/>
<div class="check-circle"><i class="fa fa-check"></i></div>
</div>
<div class="item"><img src="../assets/images/dashboard-2/american-ex.png" alt="" data-original-title="" title=""/>
<div class="check-circle"><i class="fa fa-check"></i></div>
</div>
<div class="item"><img src="../assets/images/dashboard-2/card-last.png" alt="" data-original-title="" title=""/>
<div class="check-circle"><i class="fa fa-check"></i></div>
</div>
</div>
</div>
</div>
</div>
This Month
$42866Last Month
$20548<div class="card pro-market-sec">
<div class="card-header pb-0 justify-content-between">
<h5>Product Market Value</h5>
<div class="center-content">
<div class="center-content-left">
<p>This Month</p>
<span class="m-l-10">$42866</span>
</div>
<div class="center-content-right">
<p>Last Month</p><span class="m-l-10">$20548</span>
</div>
</div>
<div class="card-header-right">
<ul class="setting-option">
<li><div class="setting-badge"><i class="fa fa-spin fa-cog"></i></div></li>
<li><i class="view-html fa fa-code"></i></li>
<li><i class="icofont icofont-maximize full-card"></i></li>
<li><i class="icofont icofont-minus minimize-card"></i></li>
<li><i class="icofont icofont-refresh reload-card"></i></li>
<li><i class="icofont icofont-error close-card"></i></li>
</ul>
</div>
</div>
<div class="card-body">
<div class="github-chart">
<div class="flot-chart-placeholder" id="github-issues"></div>
</div>
</div>
</div>
