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.9k

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

Responsive card with image

Author:
Simon Scheffer

3 years ago

11.2k
Video card
Video card component for tailwind css

Author:
Rajesh kulkarni

2 years ago

17.5k
3D Amazing Product Card
Here's a stunning 3D product card with hover effects, 3D rotation, and a clean modern design using HTML, CSS (Tailwind), and a bit of JavaScript for the interactive 3D effect:

Author:
Nicole Shalom

7 months ago

1.1k
Feature cards with icons on top

Author:
Manon Daniel

2 years ago

16.9k
beautifull feature section
We create a Advance animated feature section using tailwindcss and custom css

Author:
Akram Khan

1 year ago

2.5k
Product card
sleek and modern product card

Author:
OmKar Mehta

1 year ago

6.4k
Animated Ripple Avatar
Ripple Effect Avatar (Tailwind CSS Component) A visually striking animated component that displays a centered avatar or image surrounded by expanding ripple circles. Built with Tailwind CSS and custom animations, this effect simulates a pulsing or water ripple reaction, drawing attention to the central image. Ideal for user profile sections, hero banners, landing pages, or highlighted features in modern web interfaces. The ripples gradually fade and expand, creating a soft, calming motion that enhances interactivity and depth.

Author:
Code Master(Mfuranziza Dusabe Hamza)

7 months ago

1.1k
User profile card with Cover Image

Author:
Noob

3 years ago

31.7k
Drinkware landing page

Author:
Maxim

9 months ago

1.3k
cards order
odering samethng

Author:
Uwase Alliance

6 months ago

990
Get Started ,Membership section - responsive - darkMode

Author:
ABDO-SY

9 months ago

824
Tailwind image grid
tailwind picture grid

Author:
Anonymous

2 years ago

10.3k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components