Home
magersa
Elevated feature card

Elevated feature card

This tailwind example is contributed by magersa, on 09-Feb-2024. Component is made with Tailwind CSS v3. It is responsive.

Card

Author magersa

Fork Fullscreen

<div class="relative max-w-sm">
    <span class="absolute top-0 left-0 w-full h-full mt-1 ml-1 bg-green-500 rounded-lg"></span>
    <div class="relative h-full p-3 bg-white border-2 border-green-500 rounded-lg">
        <div class="flex items-center -mt-1">
            <svg class="w-8 h-8 text-green-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"
                fill="currentColor" aria-hidden="true">
                <path
                    d="M13 6a3 3 0 11-6 0 3 3 0 016 0zM18 8a2 2 0 11-4 0 2 2 0 014 0zM14 15a4 4 0 00-8 0v3h8v-3zM6 8a2 2 0 11-4 0 2 2 0 014 0zM16 18v-3a5.972 5.972 0 00-.75-2.906A3.005 3.005 0 0119 15v3h-3zM4.75 12.094A5.973 5.973 0 004 15v3H1v-3a3 3 0 013.75-2.906z">
                </path>
            </svg>
            <h3 class="my-2 ml-3 text-lg font-bold text-gray-800">New content, more engagement</h3>
        </div>

<p class="my-2 text-gray-600">
            Our AI will help you create engaging content that resonates
            with your audience.
        </p>
    </div>

</div>

Related Examples

cards
group of cards

Author:
TakaMorY

2 months ago

82
Thankyou Card

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

1 year ago

5.3k
Card with sale ribbon

Author:
Fagundo67

2 years ago

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

Author:
farid

9 months ago

713
Checkout Card
A modern and responsive checkout card built with HTML & Tailwind CSS, featuring a clean UI, smooth shadows, and interactive hover effects. It includes secure payment options, a clear pricing breakdown, and adapts seamlessly to all screen sizes. Perfect for e-commerce and digital platforms to enhance user experience.

Author:
Rajesh Maheshwari

7 months ago

1.1k
opulent
this a page didicated for laptops,phones using tailwindcss

Author:
ishimwe shadad

4 months ago

701
Call to action card with image
Responsive card with image

Author:
Noah Schmidt

2 years ago

15.9k
Product review card

Author:
Rama krishnan Subramanian

1 year ago

1.7k
Enhanced Student Testimonials Section
A modern, interactive testimonials section featuring glassmorphism design, floating animations, and social proof elements. Includes star ratings, course badges, user profiles with online status indicators, and a stats section. Built with Tailwind CSS and features gradient backgrounds, hover effects, and responsive design optimized for showcasing student success stories and building credibility.

Author:
Muhammad Umair Arshad

2 months ago

310
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
Card
card

Author:
5upreme505

11 months ago

1.7k
Card with Dark Mode
For blog post and e-commerce websites

Author:
OmKar Mehta

1 year ago

2.1k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components