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

905

Fork Fullscreen

<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

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

969
Hello Acode Master! 👋
is a passionate software developer based in Rubavu. He considers himself the top developer in the area and is committed to solving real-world problems through technology.

Author:
Code Master(Mfuranziza Dusabe Hamza)

7 months ago

800
card
card section. find it makecomponents.com

Author:
makecomponents

1 year ago

2k
Code Editor UI
Simple code editor prototype made with HTML and TailwindCSS. A lightweight template to explore and customize.

Author:
Indra

3 months ago

362
Interactive Pricing Cards
this are pricing cards

Author:
ishimwe shadad

7 months ago

893
Modern Responsive Pricing Section with Toggle
A sleek, responsive pricing section built with HTML and Tailwind CSS, showcasing three distinct plans (e.g., Free, Pro, Expert) in a card layout. It features a clean monthly/yearly toggle switch with savings indication, highlights a recommended plan with distinct styling and a badge, and uses checkmarks for clear feature comparison. The layout stacks vertically on smaller screens and transitions to a 3-column grid on large screens (lg breakpoint). Includes generic content for easy adaptation and a final "Compare Plans" button.

Author:
Hamza Atig

8 months ago

1k
Product card for e-commerce
A responsive product card for e-commerce, displaying product image, country flag, volume, name, and price, with hover effects and a clean layout.

Author:
Maxim

1 year ago

1.5k
Products card grid
Example of product card grid with product image and pricing

Author:
Noob

3 years ago

23.8k
Thankyou Card

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

1 year ago

5.6k
beautifull project page

Author:
Akram Khan

1 year ago

2.2k
Cards

Author:
Morris Muriuki Muthigani

5 months ago

924
Advanced phone verification

Author:
Md. Tofayel islam

1 year ago

2.3k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components