• Elana Saint
      Web Designer
    • Profile
    • Inbox
    • Taskboard
    • Settings
    • Notifications
      You have 6 unread messages
    • Someone Likes Your Posts

      2 Hours Ago

    • 3 New Comments

      1 Hours Ago

    • All notification
    • Grid Dashboard
      Easy Grid inside dropdown
    • Content
      Activity
      Contacts
      Reports
      Automation
      Settings

Sass

  1. Home
  2. Dashboard
  3. Sass

Total Visitors

80,00,566

80,000

566

Total Customers

60,02,52

60,000

252

Total Orders

89,000

88,640

360

Total Revenue

45,01,046

40,00,00

215

Total Shipment

50,000

40,000

215

Over View

30+

Total Deals

$1800

Today Earning
Meeting : 85%85 / 100
Deals : 60%60 / 100
Order Value : 30%30 / 100 
<!-- Cod Box Copy begin -->
<div class="card-body overview-sass">
  <div class="row">
    <div class="col-6">
      <div class="card overview-color">
        <div class="card-body bg-gradient-danger text-center">
          <h4>30+</h4>
          <div class="btn btn-pill btn-sm f-12">Total Deals</div><img class="img-fluid img-80" src="../assets/images/dashboard-sass/handshake.png" alt="">
        </div>
      </div>
    </div>
    <div class="col-6">
      <div class="card overview-color">
        <div class="card-body bg-gradient-primary text-center">
          <h4>$1800</h4>
          <div class="btn btn-pill btn-sm f-12">Today Earning</div><img class="img-fluid img-60" src="../assets/images/dashboard-sass/graph.png" alt="">
        </div>
      </div>
    </div>
    <div class="col-sm-12">
      <div class="progress-sass">
        <div class="sass-overview"><span class="f-w-600">Meeting : 85%</span><span class="pull-right f-w-600">85 / <span class="over-color">100</span></span>
          <div class="progress-gradient-fill">
            <div class="progress sm-progress-bar progress-animate">
              <div class="progress-gradient-danger" role="progressbar" style="width: 85%" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100"><span class="animate-circle"></span></div>|            </div>
          </div>
        </div>
        <div class="sass-overview"><span class="f-w-600">Deals : 60%</span><span class="pull-right f-w-600">60 / <span class="over-color">100</span></span>| <div class="progress-gradient-fill">
          <div class="progress sm-progress-bar progress-animate">
            <div class="progress-gradient-danger" role="progressbar" style="width: 60%" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"><span class="animate-circle"></span></div>
          </div>
        </div>
      </div>
      <div class="sass-overview"><span class="f-w-600">Order Value : 30%</span><span class="pull-right f-w-600">30 / <span class="over-color">100</span></span>
        <div class="progress-gradient-fill">
          <div class="progress sm-progress-bar progress-animate">
            <div class="progress-gradient-danger" role="progressbar" style="width: 30%" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100"><span class="animate-circle"></span></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- Cod Box Copy end -->
New
Ossim Keter1st Year
 1Rank
Venter Loren1st Year
 2Rank
Fran Loren1st Year
 3Rank
Loften Horen1st Year
 4Rank
Loie Fenter1st Year
 5Rank 
<!-- Cod Box Copy begin -->
<div class="sales-product-table crypto-table-market sass-table table-responsive">
  <table class="table table-bordernone">
    <tbody>
      <tr>
        <td>
          <div class="media"><img class="img-fluid rounded-circle img-40 mr-3" src="../assets/images/avtar/7.jpg" alt="">
            <div class="media-body"><span class="f-w-600 d-block">Ossim Keter</span><small class="f-w-600">1<sup>st</sup> Year</small></div>
          </div>
        </td>
        <td class="text-center"><span class="f-w-600 d-block">1</span><small class="f-w-600">Rank</small></td>
        <td><img class="img-fluid mr-3" src="../assets/images/dashboard-sass/graph-1.png" alt=""></td>
      </tr>
      <tr>
        <td>
          <div class="media"><img class="img-fluid rounded-circle img-40 mr-3" src="../assets/images/avtar/4.jpg" alt="">
            <div class="media-body"><span class="f-w-600 d-block">Venter Loren</span><small class="f-w-600">1<sup>st</sup> Year</small></div>
          </div>
        </td>
        <td class="text-center"><span class="f-w-600 d-block">2</span><small class="f-w-600">Rank</small></td>
        <td><img class="img-fluid mr-3" src="../assets/images/dashboard-sass/graph-2.png" alt=""></td>
      </tr>
      <tr>
        <td>
          <div class="media"><img class="img-fluid rounded-circle img-40 mr-3" src="../assets/images/avtar/16.jpg" alt="">
            <div class="media-body"><span class="f-w-600 d-block">Fran Loren</span><small class="f-w-600">1<sup>st</sup> Year</small></div>
          </div>
        </td>
        <td class="text-center"><span class="f-w-600 d-block">3</span><small class="f-w-600">Rank</small></td>
        <td><img class="img-fluid mr-3" src="../assets/images/dashboard-sass/graph-3.png" alt=""></td>
      </tr>
      <tr class="btn-gradient-custom">
        <td>
          <div class="media"><img class="img-fluid rounded-circle img-40 mr-3" src="../assets/images/avtar/11.jpg" alt="">
            <div class="media-body"><span class="f-w-600 d-block">Loften Horen</span><small class="f-w-600">1<sup>st</sup> Year</small></div>
          </div>
        </td>
        <td class="text-center"><span class="f-w-600 d-block">4</span><small class="f-w-600">Rank</small></td>
        <td><img class="img-fluid mr-3" src="../assets/images/dashboard-sass/graph-4.png" alt=""></td>
      </tr>
      <tr>
        <td>
          <div class="media"><img class="img-fluid rounded-circle img-40 mr-3" src="../assets/images/avtar/3.jpg" alt="">
            <div class="media-body"><span class="f-w-600 d-block">Loie Fenter</span><small class="f-w-600">1<sup>st</sup> Year</small></div>
          </div>
        </td>
        <td class="text-center"><span class="f-w-600 d-block">5</span><small class="f-w-600">Rank</small></td>
        <td><img class="img-fluid mr-3" src="../assets/images/dashboard-sass/graph-5.png" alt=""></td>
      </tr>
    </tbody>
  </table>
</div>
<!-- Cod Box Copy end -->
Shipment
Near
Far
$17,500
$500
<!-- Cod Box Copy begin -->
<div class="jvector-map-sass" id="usa"></div>
<div class="row crypto-current sass-map-details">
  <div class="col-sm-6 current-balance">
    <div class="btn-vertical-align">
      <button class="btn btn-pill btn-gradient-custom">$18,000<span class="round-shape"><i class="icofont icofont-arrow-right"></i></span></button>
    </div>
  </div>
  <div class="col-sm-6">
    <div class="sass-inner-map pull-right">
      <h6 class="mb-0 f-w-600 d-inline-block">$17,500</h6><span><i class="fa fa-sort-up ml-2 mr-4 font-primary"></i></span>
      <h6 class="mb-0 f-w-600 d-inline-block">$500</h6><span class="arrow-align-map"><i class="fa fa-sort-down ml-2 font-secondary"></i></span>
    </div>
  </div>
</div>
<!-- Cod Box Copy end -->
Total Profit
+7.9% vs Last 7 Days
<!-- Cod Box Copy begin -->
<div class="sass-apex-radial">
  <div id="radial"></div>
</div>
<!-- Cod Box Copy end -->
Users Chart
Current
Highest
Monthly Revenue Progress
Highest Value
Our Growth 9.4%
<!-- Cod Box Copy begin -->
<div class="apex-chart-container">
  <div id="area-spaline"></div>
  <div class="our-growth-bottom sass-graph-card">
    <div class="media"><span class="f-12 f-w-600">Our Growth</span><span class="pull-right badge badge-pill ml-3">
<span class="font-success"><span class="d-inline-block"><i class="fa fa-sort-up"></i></span> 9.4%</span></span></div>
</div>
</div>
<!-- Cod Box Copy end -->