mirror of
https://github.com/tabler/tabler.git
synced 2026-08-01 16:04:37 +04:00
cards components, progress fixes, font fixes
This commit is contained in:
@@ -0,0 +1,44 @@
|
||||
---
|
||||
---
|
||||
|
||||
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="mb-3">
|
||||
<h1>Lorem ipsum dolor sit amet</h1>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dignissimos dolor incidunt nisi optio provident quod recusandae repellendus repudiandae tenetur. Cupiditate dignissimos esse expedita fugiat impedit modi nostrum omnis quaerat quo.
|
||||
{% include ui/button.html color="blue" size="sm" %}
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dignissimos dolor incidunt nisi optio provident quod recusandae repellendus repudiandae tenetur. Cupiditate dignissimos esse expedita fugiat impedit modi nostrum omnis quaerat quo.
|
||||
</p>
|
||||
|
||||
<h2>Lorem ipsum dolor sit amet</h2>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dignissimos dolor incidunt nisi optio provident quod recusandae repellendus repudiandae tenetur. Cupiditate dignissimos esse expedita fugiat impedit modi nostrum omnis quaerat quo.</p>
|
||||
|
||||
<h3>Lorem ipsum dolor sit amet</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dignissimos dolor incidunt nisi optio provident quod recusandae repellendus repudiandae tenetur. Cupiditate dignissimos esse expedita fugiat impedit modi nostrum omnis quaerat quo.</p>
|
||||
|
||||
<h4>Lorem ipsum dolor sit amet</h4>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dignissimos dolor incidunt nisi optio provident quod recusandae repellendus repudiandae tenetur. Cupiditate dignissimos esse expedita fugiat impedit modi nostrum omnis quaerat quo.</p>
|
||||
|
||||
<h5>Lorem ipsum dolor sit amet</h5>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dignissimos dolor incidunt nisi optio provident quod recusandae repellendus repudiandae tenetur. Cupiditate dignissimos esse expedita fugiat impedit modi nostrum omnis quaerat quo.</p>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
{% include ui/button.html color="blue" %}
|
||||
{% include ui/button.html color="danger" %}
|
||||
{% include ui/button.html color="green" %}
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<input type="text" class="form-control d-inline-block w-auto" size="10">
|
||||
{% include ui/button.html color="blue" %}
|
||||
|
||||
<input type="text" class="form-control form-control-sm d-inline-block w-auto" size="10">
|
||||
{% include ui/button.html color="blue" size="sm" %}
|
||||
|
||||
<input type="text" class="form-control form-control-lg d-inline-block w-auto" size="10">
|
||||
{% include ui/button.html color="blue" size="lg" %}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user