• 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

Crm

  1. Home
  2. Dashboard
  3. CRM
Total Project
<!-- Cod Box Copy begin -->
<div class="card-body chart-block">
<div id="graph_rounded"></div>
</div>
<!-- Cod Box Copy end -->
September Total

4,223,345

+ 5.5% (10.1) 
<!-- Cod Box Copy begin -->
<div class="dashboard-chart-container">
<div class="full-chart"></div>
</div>
<div class="full-chart-bottom">
<ul>
<li><a href="#">
<h6 class="mb-0">1D</h6></a></li>
<li><a href="#">
<h6 class="mb-0">2D</h6></a></li>
<li class="active"><a href="#">
<h6 class="mb-0">3D</h6></a></li>
<li><a href="#">
<h6 class="mb-0">4D</h6></a></li>
<li><a href="#">
<h6 class="mb-0">5D</h6></a></li>
</ul>
<button class="btn gradient-danger btn-pill btn-block"><span class="pull-left">View Full Chart</span>
<div class="d-inline-block pull-right">
<div class="round-icon"><i data-feather="arrow-right"></i></div>
</div>
</button>
</div>
<!-- Cod Box Copy end -->

85.3k

Total Users

Alena Ketrol

Our Md

216

Deal Done

  • Profile
  • Message

160k

Done Project

Our Client
Number Name Country Date Payment Total Status Project Progress
01
Nick Stone
 10 May 2019 8652.00 Success
02
Milano Esco
 10 May 2019 102.00 Bug Error
03
Wiltor Noice
 10 May 2019 2315.00 Pending
04
Anna Strong
 10 May 2019 4513.00 Waiting 
<!-- Cod Box Copy begin -->
<div class="sales-product-table table-responsive crm-client-table">
<table class="table table-bordernone">
<thead>
<tr>
<th scope="col">Number</th>
<th scope="col">Name</th>
<th scope="col">Country</th>
<th scope="col">Date</th>
<th scope="col">Payment</th>
<th scope="col">Total</th>
<th scope="col">Status</th>
<th scope="col">Project Progress</th>
</tr>
</thead>
<tbody>
<tr>
<td>01</td>
<td>
<div class="d-inline-block align-middle"><img class="img-radius img-30 m-r-15 rounded-circle" src="../assets/images/user/2.png" alt="">
<div class="d-inline-block">
<h6 class="f-w-600">Nick Stone</h6>
</div>
</div>
</td>
<td><i class="flag-icon flag-icon-gb"></i></td>
<td><span>10 May 2019</span></td>
<td><img class="img-30" src="../assets/images/ecommerce/card.png" alt=""></td>
<td><span>8652.00<i data-feather="dollar-sign"></i></span></td>
<td><span class="status-position"><i class="fa fa-circle font-success"> </i>Success</span></td>
<td class="project-progress">
<div class="progress sm-progress-bar progress-animate">| <div class="progress-gradient-success" role="progressbar" style="width: 100%" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"><span class="animate-circle"></span></div>
</div>
</td>
<td><i data-feather="more-vertical"></i></td>
</tr>
<tr>
<td>02</td>
<td>
<div class="d-inline-block align-middle"><img class="img-radius img-30 m-r-15 rounded-circle" src="../assets/images/user/5.jpg" alt="">
<div class="d-inline-block">
<h6 class="f-w-600">Milano Esco</h6>
</div>
</div>
</td>
<td><i class="flag-icon flag-icon-lr"></i></td>
<td><span>10 May 2019</span></td>
<td><img class="img-30" src="../assets/images/ecommerce/visa.png" alt=""></td>
<td><span>102.00<i data-feather="dollar-sign"></i></span></td>
<td><span class="status-position"><i class="fa fa-circle font-secondary"> </i>Bug Error</span></td>
<td class="project-progress">
<div class="progress sm-progress-bar progress-animate">
<div class="progress-gradient-secondary" role="progressbar" style="width: 35%" aria-valuenow="35" aria-valuemin="0" aria-valuemax="100"><span class="animate-circle"></span></div>
</div>
</td>
<td><i data-feather="more-vertical"></i></td>
</tr>
<tr>
<td>03</td>
<td>
<div class="d-inline-block align-middle"><img class="img-radius img-30 m-r-15 rounded-circle" src="../assets/images/user/3.jpg" alt="">
<div class="d-inline-block">
<h6 class="f-w-600">Wiltor Noice</h6>
</div>
</div>
</td>
<td><i class="flag-icon flag-icon-za"></i></td>
<td><span>10 May 2019</span></td>
<td><img class="img-30" src="../assets/images/ecommerce/paypal.png" alt=""></td>
<td><span>2315.00<i data-feather="dollar-sign"></i></span></td>
<td><span class="status-position"><i class="fa fa-circle font-warning"> </i>Pending</span></td>
<td class="project-progress">
<div class="progress sm-progress-bar progress-animate">
<div class="progress-gradient-warning" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"><span class="animate-circle"></span></div>
</div>
</td>
<td><i data-feather="more-vertical"></i></td>
</tr>
<tr>
<td>04</td>
<td>
<div class="d-inline-block align-middle"><img class="img-radius img-30 m-r-15 rounded-circle" src="../assets/images/user/4.jpg" alt="">
<div class="d-inline-block">
<h6 class="f-w-600">Anna Strong</h6>
</div>
</div>
</td>
<td><i class="flag-icon flag-icon-ye"></i></td>
<td><span>10 May 2019</span></td>
<td><img class="img-30" src="../assets/images/ecommerce/mastercard.png" alt=""></td>
<td><span>4513.00<i data-feather="dollar-sign"></i></span></td>
<td><span class="status-position"><i class="fa fa-circle font-primary"> </i>Waiting</span></td>
<td class="project-progress">
<div class="progress sm-progress-bar progress-animate">
<div class="progress-gradient-primary" role="progressbar" style="width: 60%" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"><span class="animate-circle"></span></div>
</div>
</td>
<td><i data-feather="more-vertical"></i></td>
</tr>
</tbody>
</table>
</div>
<!-- Cod Box Copy end -->
Project Income

32

Total Income 100% 
<!-- Cod Box Copy begin -->
<div class="card-body crm-dashboard-chart">
<div class="crm-top-chart">
<h1 class="font-info mb-0">32</h1><span>Total Income</span><span class="d-block f-12">
<div class="d-inline-block up-icon-middle"><i class="fa fa-sort-up mr-1 font-info"> </i></div>100%</span>
</div>
<canvas id="incomechart"></canvas>
</div>
<!-- Cod Box Copy end -->
New Project

26

Total New Project 100% 
<!-- Cod Box Copy begin -->
<div class="card-body crm-dashboard-chart">
<div class="crm-top-chart">
<h1 class="font-secondary mb-0">26</h1><span>Total New Project</span><span class="d-block f-12">
<div class="d-inline-block up-icon-middle"><i class="fa fa-sort-up mr-1 font-info"> </i></div>100%</span>
</div>
<canvas id="new-project"></canvas>
</div>
<!-- Cod Box Copy end -->
Quick Mail
<!-- Cod Box Copy begin -->
<div class="card-body">
<div class="quick-mail">
<div class="row">
<div class="col">
<div class="form-group">
<input class="form-control btn-pill" type="email" placeholder="To">
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<input class="form-control btn-pill" type="email" placeholder="Cc">
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<input class="form-control btn-pill" type="email" placeholder="Subject">
</div>
</div>
</div>
</div>
</div>
<textarea class="crm-editor" id="editor1" name="editor1" cols="30" rows="10"><span>Hello,</span>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy</p></textarea>
<div class="card-footer quick-mail-footer">
<button class="btn btn-secondary btn-pill">Send</button>
<button class="btn btn-clip"><i data-feather="paperclip"></i></button>
</div>
<!-- Cod Box Copy end -->
My task
James Anderson

Lorem Ipsum is simply dummy text of the printing and type.

Done
Michael Jorden

Lorem Ipsum is simply dummy text of the printing and type setting.

Done
Johnathan Doeting

Lorem Ipsum is simply dummy text of the printing and.

Pending
James Anderson

Lorem Ipsum is simply dummy text of the printing and.

Failed 
<!-- Cod Box Copy begin -->
<div class="my-tasks">
<div class="media">
<div class="checkbox checkbox-square-primary">
<input id="checkbox1" type="checkbox">
<label for="checkbox1"></label>
</div>
<div class="media-body">
<h6 class="mb-0 f-w-600">James Anderson</h6>
<p>Lorem Ipsum is simply dummy text of the printing and type.</p><span class="badge badge-pill badge-primary">Done</span>
</div>
</div>
<div class="media">
<div class="checkbox checkbox-square-success">
<input id="checkbox2" type="checkbox">
<label for="checkbox2"></label>
</div>
<div class="media-body">
<h6 class="mb-0 f-w-600">Michael Jorden</h6>
<p>Lorem Ipsum is simply dummy text of the printing and type setting.</p><span class="badge badge-pill badge-success">Done</span>
</div>
</div>
<div class="media">
<div class="checkbox checkbox-square-warning">
<input id="checkbox3" type="checkbox">
<label for="checkbox3"></label>
</div>
<div class="media-body">
<h6 class="mb-0 f-w-600">Johnathan Doeting</h6>
<p>Lorem Ipsum is simply dummy text of the printing and.</p><span class="badge badge-pill badge-warning">Pending</span>
</div>
</div>
<div class="media">
<div class="checkbox checkbox-square-secondary">
<input id="checkbox4" type="checkbox" checked="">
<label for="checkbox4"></label>
</div>
<div class="media-body">
<h6 class="mb-0 f-w-600">James Anderson</h6>
<p>Lorem Ipsum is simply dummy text of the printing and.</p><span class="badge badge-pill badge-secondary">Failed</span>
</div>
</div>
</div>
<!-- Cod Box Copy end -->
Chat
Message seen 4:07 PM

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

Message seen 4:10 PM

Lorem Ipsum is simply dummy text of the printing.

Message seen 4:15 PM

Lorem Ipsum is simply dummy.

<!-- Cod Box Copy begin -->
<div class="card-body chat-box crm-chat">
<div class="chat">
<div class="media left-side-chat"><img class="rounded-circle chat-user-img img-60 m-r-20" src="../assets/images/user/12.jpg" alt="">
<div class="media-body"><span class="f-12">Message seen 4:07 PM</span>
<div class="message-main">
<p class="mb-0 f-12">Lorem  Ipsum is  simply  dummy text  of the printing and typesetting.</p>
</div>
</div>
</div>
<div class="media right-side-chat">
<div class="media-body text-right"><span class="f-12 d-block">Message seen 4:10 PM</span>
<div class="message-main pull-right">
<p class="mb-0 text-left">Lorem  Ipsum is  simply  dummy text  of the printing and typesetting industry.</p>
<div class="clearfix"></div>
</div>
</div><img class="rounded-circle chat-user-img img-60 m-l-20" src="../assets/images/user/2.jpg" alt="">
</div>
<div class="media left-side-chat"><img class="rounded-circle chat-user-img img-60 m-r-20" src="../assets/images/user/12.jpg" alt="">
<div class="media-body"><span class="f-12">Message seen 4:15 PM</span>
<div class="message-main">
<p>Lorem  Ipsum is  simply  dummy.</p>
</div>
</div>
</div>
</div>
</div>
<!-- Cod Box Copy end -->
Recent Activities
11:20
Updated Product

Quisque a consequat ante, at volutpat enim.

Today
You liked James products

Aenean sit amet magna vel magna fringilla ferme.

05:04
James just like your product

Nam posuere accumsan porta.

08:20
Jenna commented on your product

Curabitur egestas consequat lorem.

Last Week
Jihan Doe just like your product

Vestibulum nec mi suscipit, dapibus purus a 

<!-- Cod Box Copy begin -->
<div class="card-body chat-box crm-chat">
<div class="chat">
<div class="media left-side-chat"><img class="rounded-circle chat-user-img img-60 m-r-20" src="../assets/images/user/12.jpg" alt="">
<div class="media-body"><span class="f-12">Message seen 4:07 PM</span>
<div class="message-main">
<p class="mb-0 f-12">Lorem  Ipsum is  simply  dummy text  of the printing and typesetting.</p>
</div>
</div>
</div>
<div class="media right-side-chat">
<div class="media-body text-right"><span class="f-12">Message seen 4:10 PM</span>
<div class="message-main pull-right">
<p class="mb-0 text-left">Lorem  Ipsum is  simply  dummy text  of the printing and typesetting industry.</p>
<div class="clearfix"></div>
</div>
</div><img class="rounded-circle chat-user-img img-60 m-l-20" src="../assets/images/user/2.jpg" alt="">
</div>
<div class="media left-side-chat"><img class="rounded-circle chat-user-img img-60 m-r-20" src="../assets/images/user/12.jpg" alt="">
<div class="media-body"><span class="f-12">Message seen 4:15 PM</span>
<div class="message-main">
<p>Lorem  Ipsum is  simply  dummy.</p>
</div>
</div>
</div>
</div>
</div>
<!-- Cod Box Copy end -->