mirror of
https://github.com/tabler/tabler.git
synced 2025-12-21 17:34:25 +04:00
109 lines
3.3 KiB
HTML
109 lines
3.3 KiB
HTML
---
|
|
layout: default
|
|
title: Homepage
|
|
menu: index
|
|
---
|
|
|
|
|
|
<div class="container">
|
|
|
|
{% include page-title.html title="Dashboard" %}
|
|
|
|
<div class="row row-cards row-deck">
|
|
|
|
<div class="col-6 col-sm-4 col-lg-2">
|
|
{% include cards/stats-1.html number=43 title="New Tickets" percentage=6 %}
|
|
</div>
|
|
<div class="col-6 col-sm-4 col-lg-2">
|
|
{% include cards/stats-1.html number=17 title="Closed Today" percentage=-3 %}
|
|
</div>
|
|
<div class="col-6 col-sm-4 col-lg-2">
|
|
{% include cards/stats-1.html number=7 title="New Replies" percentage=9 %}
|
|
</div>
|
|
<div class="col-6 col-sm-4 col-lg-2">
|
|
{% include cards/stats-1.html number="27.3K" title="Followers" percentage=3 %}
|
|
</div>
|
|
<div class="col-6 col-sm-4 col-lg-2">
|
|
{% include cards/stats-1.html number="$95" title="Daily Earnings" percentage=-2 %}
|
|
</div>
|
|
<div class="col-6 col-sm-4 col-lg-2">
|
|
{% include cards/stats-1.html number=621 title="Products" percentage=-1 %}
|
|
</div>
|
|
<div class="col-lg-8">
|
|
{% include cards/tasks.html %}
|
|
</div>
|
|
|
|
<div class="col-sm-4">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h3 class="card-title">Chart name</h3>
|
|
</div>
|
|
<div class="card-body">
|
|
<div id="chart-donut" style="height: 15rem;"></div>
|
|
</div>
|
|
</div>
|
|
{% include js-charts.html id='chart-donut' data='donut' %}
|
|
</div>
|
|
|
|
|
|
<div class="col-sm-6 col-lg-3">
|
|
{% include cards/icon-box.html color="blue" icon="fe fe-dollar-sign" value="132" description="Sales" subtitle="12 waiting payments" %}
|
|
</div>
|
|
<div class="col-sm-6 col-lg-3">
|
|
{% include cards/icon-box.html color="green" icon="fe fe-shopping-cart" value="78" description="Orders" subtitle="32 shipped" %}
|
|
</div>
|
|
<div class="col-sm-6 col-lg-3">
|
|
{% include cards/icon-box.html color="red" icon="fe fe-users" value="1,352" description="Members" subtitle="163 registered today" %}
|
|
</div>
|
|
<div class="col-sm-6 col-lg-3">
|
|
{% include cards/icon-box.html color="yellow" icon="fe fe-message-square" value="132" description="Comments" subtitle="16 waiting" %}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row row-cards row-deck">
|
|
{% for article in site.data.articles limit: 2 %}
|
|
<div class="col-lg-6">
|
|
{% include cards/blog-single.html article=article type="aside" %}
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
|
|
<div class="row row-cards row-deck">
|
|
|
|
<div class="col-12">
|
|
{% include cards/table-users.html %}
|
|
</div>
|
|
|
|
<div class="col-sm-6 col-lg-4">
|
|
{% include cards/browsers.html %}
|
|
</div>
|
|
<div class="col-sm-6 col-lg-4">
|
|
{% include cards/projects-list.html %}
|
|
</div>
|
|
<div class="col-sm-6 col-lg-4">
|
|
{% include cards/members.html %}
|
|
</div>
|
|
|
|
<div class="col-sm-6 col-lg-12">
|
|
<div class="row">
|
|
<div class="col-lg-3">
|
|
{% include cards/chart-bg.html id="chart-bg-users-1" %}
|
|
</div>
|
|
<div class="col-lg-3">
|
|
{% include cards/chart-bg.html id="chart-bg-users-2" offset=60 aggregate=true color="red" rate="-3%" %}
|
|
</div>
|
|
<div class="col-lg-3">
|
|
{% include cards/chart-bg.html id="chart-bg-users-3" offset=50 color="green" rate="-3%" %}
|
|
</div>
|
|
<div class="col-lg-3">
|
|
{% include cards/chart-bg.html id="chart-bg-users-4" offset=40 color="yellow" rate="9%" %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-12">
|
|
{% include cards/invoices.html %}
|
|
{% include pagination.html %}
|
|
</div>
|
|
</div>
|
|
</div> |