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

Trending Users
Tailwind Flex Trending Users Card Design

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

1 year ago

3.8k
User Profile Card
Useful for testimonials and reviews section

Author:
Abhijit Sen

3 years ago

10.7k
Features cards section
Features cards section with dark theme

Author:
Sophia Baker

2 years ago

10.5k
Group hover card
article card

Author:
Sienna

3 years ago

11.6k
Play Music - Reproductor
Multimedia music player, with its respective dark mode

Author:
Ameth Galarcio

1 year ago

2.6k
multiple pricing cards
basic pricing card with single price

Author:
Amit Pachange

2 years ago

12.6k
Showcase Card

Author:
Jaber Zarif

1 year ago

2.5k
Animated cards

Author:
Michael Andreuzza

1 year ago

6.9k
Otp-code template
This is an OTP code template that contains the one-time password, which can be sent to the user's email either when they are signing up for the first time or for multi-factor authentication (MFA) during the login process.

Author:
anandu ap

1 year ago

2.4k
Responsive Working Process Section
This modern and responsive "Our Working Process" section adapts seamlessly to all screen sizes, ensuring a smooth user experience. The design follows a structured step-by-step layout with clear typography, bold colors, and interactive elements, making it perfect for showcasing business processes or workflows.

Author:
ABDO-SY

9 months ago

979
sticky headings
sticky headings

Author:
Anonymous

2 years ago

6.2k
Configurable 3-Tier Responsive Pricing Table
A modern, responsive pricing table component inspired by SaaS layouts, built with HTML and Tailwind CSS. Features three distinct pricing tiers displayed in cards, stacking vertically on smaller screens and transitioning to a 3-column grid on large screens (lg breakpoint). Includes interactive top controls for selecting the number of users and toggling between monthly/yearly billing cycles. Each card uses placeholder content for icons, titles, descriptions, features (with checkmarks/info icons), and distinct call-to-action buttons, making it easily adaptable. Styled with subtle background colors and clear typography for excellent readability.

Author:
Hamza Atig

8 months ago

703

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components