Shopping place Dashboard

$

Total Earning

$20.790

- 36.28%Since last month

Total Sales

$65.340

- 90.28%Then last Week

Total Visitors

$46.564

- 25.28%Since last month

Recent Orders

Id Product Name Date Payment Status Total
A8576 Aug 15,2023 Delivered $44.54
K6556 Aug 25,2023 Pending $51.50
Y6485 May 08,2023 Cancel $64.16
G5653 Feb 14,2023 Delivered $35.95

Top Seller

jail Road,Sylhet

VK Enterprise

  • user
  • user
  • user
  • user
  • +5

60% Sale

<div class="card">
<div class="card-header card-no-border">
  <div class="header-top">
     <h4> Top Seller</h4>
  <div class="card-header-right">
    <ul class="list-unstyled card-option>
      <li><div class="setting-light"><i class="icon-layout-grid2"></i></div></li>
      <li><i class="view-html fa fa-code font-white"></i></li>
      <li><i class="icofont icofont-maximize full-card font-white"></i></li>
      <li><i class="icofont icofont-minus minimize-card font-white"></i></li>
      <li><i class="icofont icofont-refresh reload-card font-white"></i></li>
      <li><i class="icofont icofont-error close-card font-white"> </i></li>
    </ul>
  </div>
   <div class="card-body pt-0">
    <div class="seller-top">
      <button> Trending;
      <h4>
        <svg>
          <use href="../assets/svg/icon-sprite.svg#fill-Buy">
        </svg>
        jail Road,Sylhet  
      </h4>
    </div>
    <div class="user-details customers">
      <div>
        <h3> VK Enterprise</h4>
        <ul>
          <li class="d-inline-block">
            <img class="img-40 rounded-circle" src="../assets/images/dashboard/user/09.jpg" alt="user">
          </li>
          <li class="d-inline-block">
            <img class="img-40 rounded-circle" src="../assets/images/dashboard/user/010.jpg" alt="user">
          </li>
          <li class="d-inline-block">
            <img class="img-40 rounded-circle" src="../assets/images/dashboard/user/011.jpg" alt="user">
          </li>
          <li class="d-inline-block">
            <img class="img-40 rounded-circle" src="../assets/images/dashboard/user/08.jpg" alt="user">
          </li>
          <li class="d-inline-block">
            <div class="light-card">
              <span class="f-w-500">+5</span>
            </div>
          </li>
        </ul>
      </div>
      <div class="sale-improved">
        <h4> 60%</h4>
      </div>
     </div>

New Product

Name Code price
Coupon Code
1PIX001
-65%
$99.00
Coupon Code
HT463
-15%
$65.00
Coupon Code
LP72K
-92%
$84.00
Coupon Code
REA75
-37%
$24.00
Coupon Code
XRT839
-91%
$91.00
<div class="card">
<div class="card-header card-no-border pb-0">
  <div class="header-top">
     <h3 class="m-0"> Top Seller</h3>
  <div class="card-header-right">
    <ul class="list-unstyled card-option>
      <li><div class="setting-light"><i class="icon-layout-grid2"></i></div></li>
      <li><i class="view-html fa fa-code font-white"></i></li>
      <li><i class="icofont icofont-maximize full-card font-white"></i></li>
      <li><i class="icofont icofont-minus minimize-card font-white"></i></li>
      <li><i class="icofont icofont-refresh reload-card font-white"></i></li>
      <li><i class="icofont icofont-error close-card font-white"> </i></li>
    </ul>
  </div>
   <div class="card-body pt-0 product-card">
    <div class="table-responsive theme-scrollbar">
      <table class="table display" style="width:100%">
        <thead>
          <tr>
            <th>Name</th>
            <th>Code</th>
            <th>price</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>
              <div class="d-flex">
                <img src="../assets/images/dashboard/10.jpg">
                <div class="flex-grow-1 ms-2">
                  <a href="product-page.html">
                    <h5>Pot</h5>
                    <span>100</span>
                  </a>
                </div>
                <div class="active-status active-online">
              </div>
            </td>
            <td>
              <h5>Coupon Code</h5>
              <span>1PIX001</span>
            </td>
            <td>
              <h5>-65%</h5>
              <span>$99.00</span>
            </td>
          <tr>
            <td>
              <div class="d-flex">
                <img src="../assets/images/dashboard/11.jpg">
                <div class="flex-grow-1 ms-2">
                  <a href="product-page.html">
                    <h5>iphone</h5>
                    <span>150 Item</span>
                  </a>
                </div>
                <div class="active-status active-online">
              </div>
            </td>
            <td>
              <h5>Coupon Code</h5>
              <span>HT463</span>
            </td>
            <td>
              <h5>-15%</h5>
              <span>$65.00</span>
            </td>
          <tr>
            <td>
              <div class="d-flex">
                <img src="../assets/images/dashboard/12.jpg">
                <div class="flex-grow-1 ms-2">
                  <a href="product-page.html">
                    <h5>Headphone</h5>
                    <span>513 Item</span>
                  </a>
                </div>
                <div class="active-status active-online">
              </div>
            </td>
            <td>
              <h5>Coupon Code</h5>
              <span>LP72K</span>
            </td>
            <td>
              <h5>-92%</h5>
              <span>$84.00</span>
            </td>
          <tr>
            <td>
              <div class="d-flex">
                <img src="../assets/images/dashboard/10.jpg">
                <div class="flex-grow-1 ms-2">
                  <a href="product-page.html">
                    <h5>Glass</h5>
                    <span>629 Item</span>
                  </a>
                </div>
                <div class="active-status active-online">
              </div>
            </td>
            <td>
              <h5>Coupon Code</h5>
              <span>REA75</span>
            </td>
            <td>
              <h5>-37%</h5>
              <span>$24.00</span>
            </td>
          <tr>
            <td>
              <div class="d-flex">
                <img src="../assets/images/dashboard/10.jpg">
                <div class="flex-grow-1 ms-2">
                  <a href="product-page.html">
                    <h5>Watch</h5>
                    <span>896 Item</span>
                  </a>
                </div>
                <div class="active-status active-online">
              </div>
            </td>
            <td>
              <h5>Coupon Code</h5>
              <span>XRT839</span>
            </td>
            <td>
              <h5>-91%</h5>
              <span>$91.00</span>
            </td>

Top Countries

  • Uniter States
    60%
  • Germany
    51%
  • New Zealand
    52%
  • Australia
    62%
<div class="card use-country">
<div class="card-header">
  <h3 class="m-0">Top Countries</h3>
  <div class="card-header-right">
    <ul class="list-unstyled card-option>
      <li><div class="setting-light"><i class="icon-layout-grid2"></i></div></li>
      <li><i class="view-html fa fa-code font-white"></i></li>
      <li><i class="icofont icofont-maximize full-card font-white"></i></li>
      <li><i class="icofont icofont-minus minimize-card font-white"></i></li>
      <li><i class="icofont icofont-refresh reload-card font-white"></i></li>
      <li><i class="icofont icofont-error close-card font-white"> </i></li>
    </ul>
  </div>
</div>
<div class="card-body mt-0 state">
  <ul class="d-flex">
    <li>
      <img src="../assets/images/dashboard/04.jpg"/>
      <div class="Countries">
        <span class="rounded-pill badge-primary">
        <h5"><Uniter States>
        <h6 class="mt-1 mb-0"><60%>
      </div>
    </li>
    <li>
      <img src="../assets/images/dashboard/05.jpg"/>
      <div class="Countries">
        <span class="rounded-pill badge-primary">
        <h5"><Germany>
        <h6 class="mt-1 mb-0"><51%>
      </div>
    </li>
    <li>
      <img src="../assets/images/dashboard/06.jpg"/>
      <div class="Countries">
        <span class="rounded-pill badge-primary">
        <h5"><New Zealand>
        <h6 class="mt-1 mb-0"><52%>
      </div>
    </li>
    <li>
      <img src="../assets/images/dashboard/07.jpg"/>
      <div class="Countries">
        <span class="rounded-pill badge-primary">
        <h5"><Australia>
        <h6 class="mt-1 mb-0"><62%>
      </div>
    </li>
  </ul>
  <div class="col-xl-12">
    <div class="jvector-map-height" id="asia">
  </div>
</div>

Activity Timeline

30-06-2023Today

Updated Product

Quisque a consequat ante sit amet.

30-06-2023Today

James just like your product

Design and style should work toward making look good.

25-06-2023TodayNew

Jihan Doe just like your product

If you have it, you can make anything look good.

<div class="card">
  <div class="card-header pb-0">
    <div class="d-flex justify-content-between">
      <div class="flex-grow-1">
        <h3> Activity Timeline</h4>
      </div>
      <div class="setting-list">
        <ul class="list-unstyled setting-option">
          <li><div class="setting-light"><i class="icon-layout-grid2"></i></div></li>
          <li><i class="view-html fa fa-code font-white"></i></li>
          <li><i class="icofont icofont-maximize full-card font-white"></i></li>
          <li><i class="icofont icofont-minus minimize-card font-white"></i></li>
          <li><i class="icofont icofont-refresh reload-card font-white"></i></li>
          <li><i class="icofont icofont-error close-card font-white"> </i></li>
        </ul>
      </div>
    </div>
  </div>
  <div class="card-body">
    <div class="activity-timeline">
      <div class="d-flex align-items-start">
        <div class="activity-line"></div>
        <div class="activity-dot-secondary"></div>
        <div class="flex-grow-1">
          <p class="todo-font mt-0"> Today
            <span class="font-primary"> 30-06-2023 </span>
          </p >
          <span class="f-w-700" Updated Product
          <p class="mb-0"> Quisque a consequat ante sit amet. </p>
        </div>
        <i class="fa fa-circle circle-dot-secondary pull-right"></i>
      </div>
      <div class="d-flex align-items-start">
        <div class="activity-dot-secondary"></div>
        <div class="flex-grow-1">
          <p class="mt-0 todo-font">
            <span class="font-primary"> 25-06-2023 </span>
            Today
          </p >
          <span class="f-w-700"> Jihan Doe just like your product
          </span>
          <p class="mb-0"> If you have it, you can make anything look good. </p>
        </div>
        <i class="fa fa-circle circle-dot-secondary pull-right"></i>
      </div>
      <div class="d-flex align-items-start">
        <div class="activity-dot-primary"></div>
        <div class="flex-grow-1">
          <p class="todo-font mt-0">
            <span class="font-primary"> 30-06-2023 </span>
            Today
            <span class="badge badge-primary ms-2"> New </span>
          </p >
          <span class="f-w-700"> James just like your product </span>
          <p> Design and style should work toward making look good. </p>
          <ul>
            <li>
              <img class="img-fluid" src="../assets/images/dashboard/04.png" alt=""/>
            </li>
            <li>
              <img class="img-fluid" src="../assets/images/dashboard/09.png" alt=""/>
            </li>
          </ul>
          <i class="fa fa-circle circle-dot-secondary pull-right"></i>
        </div>
      </div>
    </div>
  </div>
</div> 

Sales Summary

Invoice

Client Create Due Amount Sent Status
Aug 15,2023 Aug 18,2023 $6,05,654 01
Aug 25,2023 Aug 30,2023 $5,55,456 04
May 08,2023 May 20,2023 $2,98,852 06
Feb 14,2023 Feb 26,2023 $3,56,158 03

Product Sales

$12,000

(15,080 To Goal)
<div class="card product-chart">
<div class="card-header pb-0">
  <div class="header-top">
     <h3 class="m-0"> Product Sales</h3>
  <div class="card-header-right">
    <ul class="list-unstyled card-option>
      <li><div class="setting-light"><i class="icon-layout-grid2"></i></div></li>
      <li><i class="view-html fa fa-code font-white"></i></li>
      <li><i class="icofont icofont-maximize full-card font-white"></i></li>
      <li><i class="icofont icofont-minus minimize-card font-white"></i></li>
      <li><i class="icofont icofont-refresh reload-card font-white"></i></li>
      <li><i class="icofont icofont-error close-card font-white"> </i></li>
    </ul>
  </div>
  <div class="card-body pb-0">
    <div class="d-flex">
      <h3 class="me-2">$12,000</h3>
      <span>(15,080 To Goal)</span>
    </div>
    <div id="product-sales">
  </div>
</div>