Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2025-12-26 11:16:12 +04:00
Code Issues Projects Releases Wiki Activity

blank page

Browse Source
This commit is contained in:
chomik
2019-06-01 17:22:13 +02:00
parent af23e807cb
commit 4205894e43
8 changed files with 105 additions and 113 deletions
Download Patch File Download Diff File Expand all files Collapse all files

84
pages/index.html
View File

@@ -5,6 +5,90 @@ menu: level-1.level-2.level-3.level-4
---
<div class="row row-cards">
<div class="col-sm-6 col-md-4 col-lg-3">
<div class="card">
<div class="card-body">
<div class="d-flex">
<div>Sales</div>
<div class="ml-auto">
{% include parts/dropdown/days.html %}
</div>
</div>
<div class="h1 mb-3">75%</div>
<div class="d-flex mb-2">
<div>Conversion rate</div>
<div class="ml-auto text-green">
24% {% include ui/icon.html icon="trending-up" class="icon-thin" %}
</div>
</div>
{% include ui/progress.html percentage=75 color="blue" size="sm" %}
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-3">
<div class="card">
<div class="card-body">
<div class="d-flex">
<div>Revenue</div>
<div class="ml-auto">
{% include parts/dropdown/days.html %}
</div>
</div>
<div class="d-flex align-items-baseline">
<div class="h1 mb-0 mr-2">$4,300</div>
<div class="mr-auto text-green">
24% {% include ui/icon.html icon="trending-up" class="icon-thin" %}
</div>
</div>
</div>
<div class="card-chart" id="card-chart-1"></div>
{% include js/charts.html id="card-chart-1" chart-id="revenue-bg" %}
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-3">
<div class="card">
<div class="card-body">
<div class="d-flex">
<div>New clients</div>
<div class="ml-auto">
{% include parts/dropdown/days.html %}
</div>
</div>
<div class="d-flex align-items-baseline">
<div class="h1 mb-3 mr-2">6,782</div>
<div class="mr-auto text-red">
5% {% include ui/icon.html icon="trending-down" class="icon-thin" %}
</div>
</div>
<div class="chart-sm" id="chart-active-users"></div>
{% include js/charts.html id="chart-active-users" chart-id="new-clients" %}
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-3">
<div class="card">
<div class="card-body">
<div class="d-flex">
<div>Active users</div>
<div class="ml-auto">
{% include parts/dropdown/days.html %}
</div>
</div>
<div class="d-flex align-items-baseline">
<div class="h1 mb-3 mr-2">2,986</div>
<div class="mr-auto text-green">
4% {% include ui/icon.html icon="trending-up" class="icon-thin" %}
</div>
</div>
<div class="chart-sm" id="chart-active-users2"></div>
{% include js/charts.html id="chart-active-users2" chart-id="active-users" %}
</div>
</div>
</div>
<div class="col-6 col-sm-4 col-xl-2">
{% include cards/small-stats-3.html number=43 title="New Tickets" percentage=6 %}
</div>