mirror of
https://github.com/tabler/tabler.git
synced 2026-06-17 12:50:03 +04:00
Bartek
81 lines
2.5 KiB
HTML
81 lines
2.5 KiB
HTML
---
|
|
title: CRM Dashboard
|
|
page-header: CRM Dashboard
|
|
page-menu: dashboards.crm
|
|
page-libs: [apexcharts]
|
|
layout: default
|
|
permalink: dashboard-crm.html
|
|
---
|
|
|
|
<div>
|
|
<p>Welcome back — here's your CRM overview for today.</p>
|
|
<div class="col-12">
|
|
<div class="row row-cards">
|
|
<div class="col-sm-6 col-lg-3">
|
|
{% include "cards/crm-stats.html" color="primary" icon="currency-dollar" lt=true
|
|
title="MRR" description="$92.4K" change-value="+9.5%" %}
|
|
</div>
|
|
<div class="col-sm-6 col-lg-3">
|
|
{% include "cards/crm-stats.html" color="azure" icon="filter" lt=true
|
|
title="Pipeline" description="$2.4M" change-value="+14%" %}
|
|
</div>
|
|
<div class="col-sm-6 col-lg-3">
|
|
{% include "cards/crm-stats.html" color="green" icon="circle-check" lt=true
|
|
title="Deals won" description="74" change-value="+8" %}
|
|
</div>
|
|
<div class="col-sm-6 col-lg-3">
|
|
{% include "cards/crm-stats.html" color="purple" icon="percentage" lt=true
|
|
title="Conversion" description="5.97%" change-value="+0.4%" %}
|
|
</div>
|
|
<div class="col-sm-6 col-lg-3">
|
|
{% include "cards/crm-stats.html" color="yellow" icon="activity" lt=true
|
|
title="Activities" description="318" change-value="+22" %}
|
|
</div>
|
|
<div class="col-sm-6 col-lg-3">
|
|
{% include "cards/crm-stats.html" color="red" icon="clock" lt=true
|
|
title="Tasks due" description="12" change-value="3 urgent" change-value-color="red" %}
|
|
</div>
|
|
<div class="col-sm-6 col-lg-3">
|
|
{% include "cards/crm-stats.html" color="cyan" icon="user-plus" lt=true
|
|
title="Leads added" description="148" change-value="+31" %}
|
|
</div>
|
|
<div class="col-sm-6 col-lg-3">
|
|
{% include "cards/crm-stats.html" color="green" icon="trending-up" lt=true
|
|
title="Churn rate" description="1.8%" change-value="-0.3%" %}
|
|
</div>
|
|
|
|
<div class="col-lg-6">
|
|
<div class="row row-cards">
|
|
<div class="col-12">
|
|
{% include "cards/charts/mrr-overview.html" %}
|
|
</div>
|
|
|
|
<div class="col-12">
|
|
{% include "cards/top-deals.html" %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-6">
|
|
<div class="row row-cards">
|
|
<div class="col-12">
|
|
{% include "cards/charts/pipeline-funnel.html" %}
|
|
</div>
|
|
<div class="col-12">
|
|
{% include "cards/recent-activity.html" %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-4">
|
|
{% include "cards/tasks-due.html" %}
|
|
</div>
|
|
<div class="col-lg-4">
|
|
{% include "cards/team-leaderboard.html" %}
|
|
</div>
|
|
<div class="col-lg-4">
|
|
{% include "cards/churn-risk.html" %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |