Tabler components

Card with bottom tabs Card with footer buttons Card with ribbon Card with side image Color input Comments card Empty state Image input Progress bar Revenue chart Sales widget Simple avatar Simple box
Card with ribbon

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi autem dignissimos doloribus, fuga iste omnis reprehenderit ullam veritatis. Ab aut blanditiis dolore eos exercitationem iste quis rerum, tempore unde voluptatem!

Card with ribbon

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda consectetur consequuntur culpa cum dolorum eveniet.

-10%
<div class="card">
   <div class="card-body">
      <h3 class="card-title">Card with ribbon</h3>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda consectetur consequuntur culpa cum dolorum eveniet.</p>
   </div>
   <div class="ribbon ribbon-bookmark bg-orange">-10%</div>
</div>
Copy code