Home
SHARIFUL ISLAM
Deals of the Day - Exclusive Discounts!

Deals of the Day - Exclusive Discounts!

Grab the best deals on top products with unbeatable discounts! Limited-time offers on premium gadgets, fashion, and more. Shop now and save big before the deal ends!

This tailwind example is contributed by SHARIFUL ISLAM, on 20-Feb-2025. Component is made with Tailwind CSS v3. It is responsive.

Card

Author SHARIFUL ISLAM

446

1

Fork Fullscreen

<div class="bg-white dark:bg-gray-800 flex justify-center items-center w-screen h-screen p-5">
 <div class="bg-white shadow-lg rounded-lg p-6 w-80 relative text-center">
    
    <div class="absolute top-4 right-4 bg-orange-500 text-white text-xs font-bold px-3 py-1 rounded-full">
      25% OFF
    </div>

<img src="https://www.gadstyle.com/wp-content/uploads/2024/08/samsung-galaxy-watch-7-ai-smart-watch-40mm-44mm-2.webp" alt="Product Image" class="mx-auto w-40 h-40 object-contain">

<h2 class="text-xl font-bold text-blue-600 mt-4">New Apple HomePod Mini</h2>

<p class="text-gray-500 text-sm mt-2">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.</p>

<a href="#" class="mt-4 inline-flex items-center gap-2 px-5 py-2 bg-blue-600 text-white font-medium rounded-lg shadow-md hover:bg-blue-700 transition">
      Shop Now
      <span>➡️</span>
    </a>
  </div>
</div>

Related Examples

Issue card
card designed to display the details of a technical issue

Author:
ABDO-SY

4 months ago

861
Card grid section
Display article/blog grid

Author:
Mr Robot

2 years ago

26.4k
Image card with overlay text overlay

Author:
Santos78

2 years ago

30.1k
card
glowing, tilt card

Author:
Akram Khan

3 weeks ago

37
Responsive card with image

Author:
Simon Scheffer

2 years ago

10.6k
item - product card

Author:
ABDO-SY

3 months ago

436
Info cards

Author:
Samuel Dawson

2 years ago

10k
Information card

Author:
Samuel Dawson

2 years ago

11.6k
Personal card
A card to show minimal info for staff member

Author:
farid

5 months ago

554
Monkey card
First tailwind example

Author:
muhittin budak

2 months ago

269
Profile1

Author:
pablitodgb

3 days ago

4
Elevated feature card

Author:
magersa

1 year ago

3.8k

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components

TailwindFlex.com

Tailwindflex.com is a free Tailwind CSS examples library. It's a one-stop destination for ready-made Tailwind CSS components and templates.

Contact

Email: admin@tailwindflex.com

Resources

Tailwind CSS Gradient Generator Free Bootstrap CSS Components Free CSS Components

© 2025 TailwindFlex. All Rights Reserved.

v1.1