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

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

Profile Card with Transparent
Dynamic Background: Darker gradient background for better contrast Floating colored blobs for visual interest Profile Image Glow: Added a gradient glow effect behind the profile picture Smoother hover transition Typography Improvements: Larger, bolder name text Subtle hover underline animation for the name Better spacing and hierarchy

Author:
KULDEEP

7 months ago

744
Responsive Projects Section

Author:
ariaw

9 months ago

908
Animated cards

Author:
Michael Andreuzza

1 year ago

6.9k
Battery and signal
Battery and signal bar component

Author:
ardianhu

1 year ago

1k
Form package

Author:
Hunter Guru

1 year ago

2.6k
Contact us form with map
Contact us form with map

Author:
Chithira Kumar M

2 years ago

12.3k
Update Profile
Update profile page with basic informations

Author:
Sedat Kumcu

1 year ago

2.9k
Event notification card

Author:
Odessa Young

3 years ago

9.6k
alert
html , css

Author:
Hacker Development

8 months ago

1.1k
Tailwind CSS Service Card Component
An HTML and Tailwind CSS code snippet for creating a responsive service card component. Ideal for marketplaces, portfolios, or listing pages. Includes sections for image/video preview, seller info, rating, pricing, and additional details. Easy to customize using Tailwind utility classes.

Author:
Hamza Atig

9 months ago

1.1k
card Alert - icons - glass

Author:
ABDO-SY

11 months ago

1.1k
MENU OMERLINKS
MENU OMERLINKS

Author:
Omer fils ELENGA

1 week ago

34

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components