Total Sale
<!-- 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 -->
Best Sellers
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 -->
Payment Status
Work Process
Sale Completed
Payment Done
Total Income
<!-- Cod Box Copy begin -->
<div class="card-body chart-block">
  <canvas id="myLineCharts"></canvas>
</div>
<!-- Cod Box Copy end -->
Total Profit
<!-- Cod Box Copy begin -->
<div class="card-body chart-block">
  <canvas id="profitchart"></canvas>
</div>
<!-- Cod Box Copy end -->
Profile Status
Basic Information15/18
Portfolio5/6
Legal Document12/20
Interest5/10
Product Info15/17
Billing Details2/5
<!-- 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 -->
Logs
New User Registration14:12
New sale: souffle.19:00
14 products added.05:22
New sale: Napole.08:45
New User Registration06:51
New User Registration09:42
New User Registration10:45
New User Registration02:05
<!-- 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 -->
statics

89.68

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 -->
Shopping Cart
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 -->
Review
<!-- 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 -->
Customer Support
A
Edverd Jonshan15 Sep 2018

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Priority
A
Edverd Jonshan15 Sep 2018

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Priority
A
Edverd Jonshan15 Sep 2018

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Priority
<!-- 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 -->