mirror of
https://github.com/tabler/tabler.git
synced 2026-07-26 04:54:40 +04:00
30 lines
842 B
HTML
30 lines
842 B
HTML
<div class="card">
|
|
<div class="card-body">
|
|
|
|
<div>Total orders</div>
|
|
|
|
<div class="d-flex align-items-baseline mb-3">
|
|
<div class="h1 mb-0 mr-2">2,137</div>
|
|
<div class="mr-auto">{% include ui/trending.html value=7 %}</div>
|
|
</div>
|
|
|
|
{% include ui/progress.html values="40,15,25,15,5" class="mb-4" %}
|
|
|
|
<ul class="list-unstyled">
|
|
{% for item in site.data.orders %}
|
|
<li class="row row-sm lh-sm align-items-center mb-2">
|
|
<div class="col-auto"><span class="legend bg-{{ item.color }}"></span></div>
|
|
<div class="col">
|
|
{{ item.title }}
|
|
<div class="text-h6 text-muted">{{ item.subtitle }}</div>
|
|
</div>
|
|
<div class="col-auto small text-muted"><strong class="text-body">{{ forloop.index | random_number: 500, 2000
|
|
| intcomma }}</strong> orders
|
|
</div>
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|