Home
Rajesh Maheshwari
Food Order Card

Food Order Card

Ecommerce/Food order card layout

This tailwind example is contributed by Rajesh Maheshwari, on 27-Feb-2025. Component is made with Tailwind CSS v3. It is responsive. similar terms for this example are blog page template, article page template

Card Blog post page eCommerce

Author Rajesh Maheshwari

771

Fork Fullscreen

<div class="p-5">
            
            <p class="text-sm text-gray-500 font-medium">— The Gourmet Kitchen</p>

<h2 class="text-xl font-semibold text-gray-900 mt-1">Classic Cheese Burger</h2>

<p class="text-gray-600 text-sm mt-2">Juicy beef patty, melted cheddar, fresh lettuce, and our signature sauce.</p>

<div class="flex items-center justify-between mt-4">
                <p class="text-md text-gray-900 font-semibold">₹129/-</p>

<button class="mt-5 w-full bg-yellow-500 hover:bg-yellow-600 text-white font-semibold py-2.5 rounded-lg shadow-md transition">
                Place Order
            </button>
        </div>
    </div>

</div>

Related Examples

card
best responsive tailwind card

Author:
irahoza daniel

4 months ago

321
Blog page template

Author:
Ron Hicks

2 years ago

12.8k
Info cards for admin panel

Author:
Sophia Baker

2 years ago

11.5k
Game Live Score
A live score game layout design perfect for your live scoring application

Author:
Diavox Jerome Soriano

7 months ago

317
Info card for admin panal
Show stats on your dashboard

Author:
Arya

3 years ago

12.7k
Weather info Card
Inspired from Mamba UI

Author:
Ron Hicks

3 years ago

11.9k
Carousel Card Slider Swiper on Alpine.JS
with support drag and drop mouse actions

Author:
Maxim

1 year ago

12.2k
Admin dashboard cards
Card groups for showing stats/info. Change it for responsiveness for small and medium screen

Author:
RShubham kumar

1 year ago

3.9k
Responsive Features Section

Author:
ariaw

5 months ago

708
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!

Author:
SHARIFUL ISLAM

7 months ago

663
Responsive Cards with Hover Text Reveal Animation - Built with Tailwind CSS
nhance your website with these sleek, responsive cards designed using Tailwind CSS! Featuring a stylish hover animation, the text smoothly reveals when you hover over the card, adding a dynamic touch to your user interface. Perfect for portfolios, team profiles, or project showcases, this design adapts seamlessly to all screen sizes.

Author:
Abdul Baset Bappy

5 months ago

1.1k
A product card with size selector
Using alpine it shows a size selector when clicking in cart

Author:
farid

8 months ago

1.1k

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components