mirror of
https://github.com/tabler/tabler.git
synced 2025-12-23 10:24:24 +04:00
45 lines
2.6 KiB
HTML
45 lines
2.6 KiB
HTML
---
|
|
---
|
|
|
|
|
|
<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>
|