<!-- Cod Box Copy begin -->
<div class="card-body charts-box">
<div class="flot-chart-container">
<div id="graph123" class="flot-chart-placeholder"></div>
</div>
</div>
<!-- Cod Box Copy end -->
Name | Sale | Stock | Categories |
---|---|---|---|
![]() Alana Slacker |
8956 |
54 |
Product No: 1 |
![]() Alana Slacker |
8956 |
54 |
Product No: 1 |
![]() Alana Slacker |
8956 |
54 |
Product No: 1 |
![]() Alana Slacker |
8956 |
54 |
Product No: 1 |
![]() Alana Slacker |
8956 |
54 |
Product No: 1 |
![]() Alana Slacker |
8956 |
54 |
Product No: 1 |
<!-- Cod Box Copy begin -->
<div class="table-responsive sellers">
<table class="table table-bordernone">
<thead>
<tr>
<th scope="col">Name</th>
<th scope="col">Sale</th>
<th scope="col">Stock</th>
<th scope="col">Categories</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<div class="d-inline-block align-middle">
<img src="../assets/images/user/6.jpg" class="img-radius img-30 align-top m-r-15 rounded-circle" alt="">
<div class="d-inline-block">
<p>Alana Slacker</p>
</div>
</div>
</td>
<td><p>8956</p></td>
<td><p>54</p></td>
<td><p>Product No: 1</p></td>
</tr>
<tr>
<td>
<div class="d-inline-block align-middle">
<img src="../assets/images/user/2.png" class="img-radius img-30 align-top m-r-15 rounded-circle" alt="">
<div class="d-inline-block">
<p>Alana Slacker</p>
</div>
</div>
</td>
<td><p>8956</p></td>
<td><p>54</p></td>
<td><p>Product No: 1</p></td>
</tr>
<tr>
<td>
<div class="d-inline-block align-middle">
<img src="../assets/images/user/3.jpg" class="img-radius img-30 align-top m-r-15 rounded-circle" alt="">
<div class="d-inline-block">
<p>Alana Slacker</p>
</div>
</div>
</td>
<td><p>8956</p></td>
<td><p>54</p></td>
<td><p>Product No: 1</p></td>
</tr>
<tr>
<td>
<div class="d-inline-block align-middle">
<img src="../assets/images/user/4.jpg" class="img-radius img-30 align-top m-r-15 rounded-circle" alt="">
<div class="d-inline-block">
<p>Alana Slacker</p>
</div>
</div>
</td>
<td><p>8956</p></td>
<td><p>54</p></td>
<td><p>Product No: 1</p></td>
</tr>
<tr>
<td>
<div class="d-inline-block align-middle">
<img src="../assets/images/user/5.jpg" class="img-radius img-30 align-top m-r-15 rounded-circle" alt="">
<div class="d-inline-block">
<p>Alana Slacker</p>
</div>
</div>
</td>
<td><p>8956</p></td>
<td><p>54</p></td>
<td><p>Product No: 1</p></td>
</tr>
<tr>
<td>
<div class="d-inline-block align-middle">
<img src="../assets/images/user/15.png" class="img-radius img-30 align-top m-r-15 rounded-circle" alt="">
<div class="d-inline-block">
<p>Alana Slacker</p>
</div>
</div>
</td>
<td><p>8956</p></td>
<td><p>54</p></td>
<td><p>Product No: 1</p></td>
</tr>
</tbody>
</table>
</div>
<!-- Cod Box Copy end -->
<!-- Cod Box Copy begin -->
<div class="card-body chart-block">
<canvas id="myLineCharts"></canvas>
</div>
<!-- Cod Box Copy end -->
<!-- Cod Box Copy begin -->
<div class="card-body chart-block">
<canvas id="profitchart"></canvas>
</div>
<!-- Cod Box Copy end -->
<!-- Cod Box Copy begin -->
<div class="progress-block">
<div class="progress-title">
<span>Basic Information</span>
<span class="pull-right">15/18</span>
</div>
<div class="progress" style="height: 3px;">
<div class="progress-bar bg-primary" role="progressbar" style="width: 90%" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="progress-block">
<div class="progress-title">
<span>Portfolio</span>
<span class="pull-right">5/6</span>
</div>
<div class="progress" style="height: 3px;">
<div class="progress-bar bg-primary" role="progressbar" style="width: 85%" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="progress-block">
<div class="progress-title">
<span>Legal Document</span>
<span class="pull-right">12/20</span>
</div>
<div class="progress" style="height: 3px;">
<div class="progress-bar bg-primary" role="progressbar" style="width: 80%" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="progress-block">
<div class="progress-title">
<span>Interest</span>
<span class="pull-right">5/10</span>
</div>
<div class="progress" style="height: 3px;">
<div class="progress-bar bg-primary" role="progressbar" style="width: 95%" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="progress-block">
<div class="progress-title">
<span>Product Info</span>
<span class="pull-right">15/17</span>
</div>
<div class="progress" style="height: 3px;">
<div class="progress-bar bg-primary" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="progress-block mb-0">
<div class="progress-title">
<span>Billing Details</span>
<span class="pull-right">2/5</span>
</div>
<div class="progress" style="height: 3px;">
<div class="progress-bar bg-primary" role="progressbar" style="width: 95%" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<!-- Cod Box Copy end -->
<!-- Cod Box Copy begin -->
<div class="card-body height-equal log-content">
<div class="logs-element">
<div class="circle-double-odd"></div>
<span>New User Registration</span>
<span class="pull-right">14:12</span>
</div>
<div class="logs-element">
<div class="circle-double-even"></div>
<span>New sale: souffle.</span>
<span class="pull-right">19:00</span>
</div>
<div class="logs-element">
<div class="circle-double-odd"></div>
<span>14 products added.</span>4
<span class="pull-right">05:22</span>
</div>
<div class="logs-element">
<div class="circle-double-even"></div>
<span>New sale: Napole.</span>
<span class="pull-right">08:45</span>
</div>
<div class="logs-element">
<div class="circle-double-odd"></div>
<span>New User Registration</span>
<span class="pull-right">06:51</span>
</div>
<div class="logs-element">
<div class="circle-double-even"></div>
<span>New User Registration</span>
<span class="pull-right">09:42</span>
</div>
<div class="logs-element">
<div class="circle-double-odd"></div>
<span>New User Registration</span>
<span class="pull-right">10:45</span>
</div>
<div class="logs-element">
<div class="circle-double-even"></div>
<span>New User Registration</span>
<span class="pull-right">02:05</span>
</div>
</div>
<!-- Cod Box Copy end -->
Week2 +15.44
<!-- Cod Box Copy begin -->
<div class="card-body updating-chart height-equal">
<div class="upadates text-center">
<h2 class="font-primary"><i data-feather="dollar-sign"></i><span class="counter"> 89.68 </span><i data-feather="arrow-up"></i></h2>
<p>Week2 +<span class="counter">15.44</span></p>
</div>
<div class="flot-chart-container">
<div id="updating-data-morris-chart" class="flot-chart-placeholder"></div>
</div>
</div>
<!-- Cod Box Copy end -->
No | Product | Quantity | Status | Amount | Delete |
---|---|---|---|---|---|
1 | Computer | 5 | 15000 | ||
2 | Headphone | 8 | 8000 | ||
3 | Furniture | 3 | 12000 | ||
4 | shoes | 9 | 5500 |
<!-- Cod Box Copy begin -->
<div class="table-responsive shopping-table text-center">
<table class="table table-bordernone">
<thead>
<tr>
<th scope="col">No</th>
<th scope="col">Product</th>
<th scope="col">Quantity</th>
<th scope="col">Status</th>
<th scope="col">Amount</th>
<th scope="col">Delete</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Computer</td>
<td>5</td>
<td><button class="btn btn-primary btn-pill">Active</button></td>
<td>15000</td>
<td><i data-feather="x"></i></td>
</tr>
<tr>
<td>2</td>
<td>Headphone</td>
<td>8</td>
<td><button class="btn btn-primary btn-pill">Disable</button></td>
<td>8000</td>
<td><i data-feather="x"></i></td>
</tr>
<tr>
<td>3</td>
<td>Furniture</td>
<td>3</td>
<td><button class="btn btn-primary btn-pill">Paused</button></td>
<td>12000</td>
<td><i data-feather="x"></i></td>
</tr>
<tr>
<td>4</td>
<td>shoes</td>
<td>9</td>
<td><button class="btn btn-primary btn-pill">On Way</button></td>
<td>5500</td>
<td><i data-feather="x"></i></td>
</tr>
</tbody>
</table>
</div>
<!-- Cod Box Copy end -->
<!-- Cod Box Copy begin -->
<div class="text-center ecommerce-knob">
<input class="knob" data-width="294" data-height="294" data-angleOffset="180" data-fgColor="#4466f2" data-skin="tron" data-thickness=".1" value="35">
</div>
<!-- Cod Box Copy end -->
<!-- Cod Box Copy begin -->
<div class="support-table table-responsive custom-scrollbar">
<table class="table table-bordernone">
<tbody>
<tr>
<td>
<div class="circle-rounded">
<h6>A</h6>
</div>
</td>
<td>
<h6 class="f-w-600">Edverd Jonshan<small>15 Sep 2018</small></h6>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</td>
<td>
<div class="onhover-dropdown">
<i class="fa fa-square font-primary"></i>
<h6 class="f-w-600 mb-0 d-inline-block">Priority</h6>
<ul class="status-dropdown onhover-show-div">
<li><a href="#"><i class="fa fa-square mr-2 font-success"></i>Low</a></li>
<li><a href="#"><i class="fa fa-square mr-2 font-secondary"></i>Medium</a></li>
<li><a href="#"><i class="fa fa-square mr-2 font-warning"></i>High</a></li>
<li><a href="#"><i class="fa fa-square mr-2 font-danger"></i>Urgent</a></li>
</ul>
</div>
</td>
<td>
<div class="onhover-dropdown">
<i data-feather="user"></i>
<h6 class="f-w-600 mb-0 d-inline-block">Assigned To</h6>
<ul class="assign-dropdown onhover-show-div">
<li>
<div class="form">
<div class="form-group mb-0">
<input class="form-control" type="text" placeholder="serach..">
<i class="fa fa-search"></i>
</div>
</div>
</li>
<li><a href="#">Alana Slacker</a></li>
<li><a href="#">Nick Stone</a></li>
<li><a href="#">Anna Strong</a></li>
</ul>
</div>
</td>
<td>
<div class="onhover-dropdown">
<i data-feather="activity"></i>
<h6 class="f-w-600 mb-0 d-inline-block">Status</h6>
<ul class="status-dropdown onhover-show-div">
<li><a href="#">Open</a></li>
<li><a href="#">Pending</a></li>
<li><a href="#">Resolved</a></li>
<li><a href="#">Close</a></li>
</ul>
</div>
</td>
</tr>
<tr>
<td>
<div class="circle-rounded">
<h6>A</h6>
</div>
</td>
<td>
<h6 class="f-w-600">Edverd Jonshan<small>15 Sep 2018</small></h6>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</td>
<td>
<div class="onhover-dropdown">
<i class="fa fa-square font-primary"></i>
<h6 class="f-w-600 mb-0 d-inline-block">Priority</h6>
<ul class="status-dropdown onhover-show-div">
<li><a href="#"><i class="fa fa-square mr-2 font-success"></i>Low</a></li>
<li><a href="#"><i class="fa fa-square mr-2 font-secondary"></i>Medium</a></li>
<li><a href="#"><i class="fa fa-square mr-2 font-warning"></i>High</a></li>
<li><a href="#"><i class="fa fa-square mr-2 font-danger"></i>Urgent</a></li>
</ul>
</div>
</td>
<td>
<div class="onhover-dropdown">
<i data-feather="user"></i>
<h6 class="f-w-600 mb-0 d-inline-block">Assigned To</h6>
<ul class="assign-dropdown onhover-show-div">
<li>
<div class="form">
<div class="form-group mb-0">
<input class="form-control" type="text" placeholder="serach..">
<i class="fa fa-search"></i>
</div>
</div>
</li>
<li><a href="#">Alana Slacker</a></li>
<li><a href="#">Nick Stone</a></li>
<li><a href="#">Anna Strong </a></li>
</ul>
</div>
</td>
<td>
<div class="onhover-dropdown">
<i data-feather="activity"></i>
<h6 class="f-w-600 mb-0 d-inline-block">Status</h6>
<ul class="status-dropdown onhover-show-div">
<li><a href="#">Open</a></li>
<li><a href="#">Pending</a></li>
<li><a href="#">Resolved</a></li>
<li><a href="#">Close</a></li>
</ul>
</div>
</td>
</tr>
<tr>
<td>
<div class="circle-rounded">
<h6>A</h6>
</div>
</td>
<td>
<h6 class="f-w-600">Edverd Jonshan<small>15 Sep 2018</small></h6>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</td>
<td>
<div class="onhover-dropdown">
<i class="fa fa-square font-primary"></i>
<h6 class="f-w-600 mb-0 d-inline-block">Priority</h6>
<ul class="status-dropdown onhover-show-div">
<li><a href="#"><i class="fa fa-square mr-2 font-success"></i>Low</a></li>
<li><a href="#"><i class="fa fa-square mr-2 font-secondary"></i>Medium</a></li>
<li><a href="#"><i class="fa fa-square mr-2 font-warning"></i>High</a></li>
<li><a href="#"><i class="fa fa-square mr-2 font-danger"></i>Urgent</a></li>
</ul>
</div>
</td>
<td>
<div class="onhover-dropdown">
<i data-feather="user"></i>
<h6 class="f-w-600 mb-0 d-inline-block">Assigned To</h6>
<ul class="assign-dropdown onhover-show-div">
<li>
<div class="form">
<div class="form-group mb-0">
<input class="form-control" type="text" placeholder="serach..">
<i class="fa fa-search"></i>
</div>
</div>
</li>
<li><a href="#">Alana Slacker</a></li>
<li><a href="#">Nick Stone</a></li>
<li><a href="#">Anna Strong</a></li>
</ul>
</div>
</td>
<td>
<div class="onhover-dropdown">
<i data-feather="activity"></i>
<h6 class="f-w-600 mb-0 d-inline-block">Status</h6>
<ul class="status-dropdown onhover-show-div">
<li><a href="#">Open</a></li>
<li><a href="#">Pending</a></li>
<li><a href="#">Resolved</a></li>
<li><a href="#">Close</a></li>
</ul>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<!-- Cod Box Copy end -->