Card Item Financieros

Item Financiero

This tailwind example is contributed by Ameth Galarcio, on 03-Jul-2024. Component is made with Tailwind v3.4. It is responsive.

Card

Author Ameth Galarcio

Tailwind v3.4 2.8k 9

Fork Fullscreen

<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 p-4">
  <div class="max-w-sm rounded overflow-hidden bg-white p-4 border rounded-lg ">
    <div class="px-2 py-4">
      <div class="font-semibold text-sm  text-gray-400 mb-2">Valor Factura Financiada</div>
      <p class="text-gray-900 text-2xl font-bold">
        $ 75.411.000,00
      </p>
    </div>
  </div>
  <div class="max-w-sm rounded overflow-hidden bg-white p-4 border rounded-lg ">
    <div class="px-2 py-4">
      <div class="font-semibold text-sm  text-gray-400 mb-2">Comision Financiador</div>
      <p class="text-gray-900 text-2xl font-bold">
        $ 888.772,50
      </p>
    </div>
  </div>

<div class="max-w-sm rounded overflow-hidden bg-white p-4 border rounded-lg ">
    <div class="px-2 py-4">
      <div class="font-semibold text-sm  text-gray-400 mb-2">Comision Plataforma</div>
      <p class="text-gray-900 text-2xl font-bold">
        $ 177.754,50
      </p>
    </div>
  </div>
   <div class="max-w-sm rounded overflow-hidden bg-white p-4 border rounded-lg ">
    <div class="px-2 py-4">
      <div class="font-semibold text-sm  text-gray-400 mb-2">Comision Total</div>
      <p class="text-gray-900 text-2xl font-bold">
        $ 1.066.527,00
      </p>
    </div>
  </div>
</div>

Related Examples

Card
Simple Card

Anonymous

1 year ago

1.4k
Cards Seaction - Services block

ABDO-SY

1 year ago

2.4k
Product card
sleek and modern product card

OmKar Mehta

2 years ago

7.4k
Feature Highlights cards

Carla Hoffman

2 years ago

3.1k
Card with image full width
This component is a card designed for showcasing featured blog posts. It includes the post title, a captivating image, category links, and author details.

Mr Robot

3 years ago

14.1k
Clean Image Grid Gallery
A clean and balanced image gallery arranged in equal-sized columns for a simple, organized presentation.

JUGENDRA GANGWAR

2 months ago

238
image

pablitodgb

1 year ago

880
Animated Pizza Menu Grid
A beautiful, interactive pizza product grid featuring smooth 360-degree rotation animations on hover. This free open-source component includes automatic dark mode support, responsive design (mobile, tablet, desktop), and an elegant "Add to Cart" button reveal effect. Built with HTML and Tailwind CSS - no dependencies required. Ideal for restaurant websites, food delivery platforms, e-commerce stores, or any product showcase needing eye-catching interactivity.

Homayoun

11 months ago

1.2k
Pinterest-Style Masonry Gallery
A Pinterest-inspired masonry gallery featuring images of different heights in a seamless multi-column layout.

JUGENDRA GANGWAR

2 months ago

176
credit card checkout

Antony

2 years ago

4k
Profile Card
User profile card

Ajay Thakur

11 months ago

558
Signup page- Paper / Hand-drawn UI

Akram Khan

1 year ago

1.2k