Home
Ameth Galarcio
Card Item Financieros

Card Item Financieros

Item Financiero

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

Card

Author Ameth Galarcio

1.4k

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
Card

Author:
Aman kumar

1 year ago

1.2k
Simple responsive cards

Author:
Shakti

2 years ago

9.5k
Info Card
info card with description

Author:
Prashant

2 years ago

12.5k
Card with Thumbnail
Post card with image

Author:
Mr Robot

3 years ago

11.1k
Card Slider

Author:
Maxim

5 months ago

952
Card pricing section
Absolutely! Here's a beautiful 3-card pricing section using Tailwind CSS, with animations, dark mode support, and clearly differentiated plans (Free, Pro, and Enterprise).

Author:
Rathanak Phan

2 months ago

235
Confirmation model

Author:
Mr Robot

2 years ago

12.8k
E-commerce cards
E-commerce responsive cards with dark mode

Author:
Robert Chunga

1 year ago

2.2k
Logos cards

Author:
Maxim

7 months ago

1.1k
Call to action card with image
Responsive card with image

Author:
Noah Schmidt

2 years ago

15.8k
User Profile Card
The card features a user's profile picture, name, location, and options for interactions. It has a clean and modern design with rounded edges and icons for user engagement. It also has support for dark mod:

Author:
Prashant

3 years ago

62.3k
Testimonials

$$@(\/)(\/)Y$ Author:
$@(\/)(\/)Y

4 months ago

1.2k

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components