Home
Anum Shahana
User Feedback Card

User Feedback Card

A responsive user feedback card that displays user information, their role, and a testimonial. The card is styled using Tailwind CSS for a clean and modern look.

This tailwind example is contributed by Anum Shahana, on 16-Oct-2024. Component is made with Tailwind CSS v3. It is responsive.

Card

Author Anum Shahana

1.6k

Fork Fullscreen

<div class="w-full h-screen bg-gray-200 px-10 pt-10">
    <div class="relative mt-16 mb-32 max-w-sm mx-auto mt-24">
        <div class="rounded-lg overflow-hidden shadow-lg bg-gray-50">
            <div class="absolute -mt-16 w-full flex justify-center">
                <div class="h-36 w-36 border-4 border-gray-200 rounded-md">
                    <img src="https://img.freepik.com/free-photo/handsome-bearded-guy-posing-against-white-wall_273609-20597.jpg?size=626&ext=jpg&ga=GA1.1.1369675164.1715299200&semt=sph" class="rounded-md object-cover h-full w-full shadow-lg" alt="Hamza ali" />
                </div>
            </div>
            <div class="px-6 mt-20">
                <h1 class="font-semibold text-4xl text-center mb-1 text-blue-600">Hamza Ali</h1>
                <p class="text-gray-700 text-sm text-center italic">Frontend Developer</p>
                <p class="text-center text-gray-500 text-base pt-4 font-light">
                    Working with Anum has been an absolute pleasure. Her dedication
                    to her craft is unmatched, and her attention to detail is
                    commendable.
                </p>
                <div class="flex justify-center mt-4">
                    <button class="px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600">Connect</button>
                </div>
            </div>
        </div>
    </div>
</div>

Related Examples

Feature Card

Author:
Md. Tofayel islam

1 year ago

1.7k
Product hunt showcase section

Author:
Leon Bachmann

3 years ago

10.6k
Card Component
A Simple Card Component with full responsiveness and dark mode supported

Author:
Shariar Hasan

2 years ago

3.7k
card2
card2

Author:
pablitodgb

8 months ago

454
Grid
Grid Grid-Cards

Author:
sardorazimov2901

1 year ago

2.1k
Responsive Feature Card

Author:
Gopi Yadav

3 years ago

13.8k
3D product Card
The product card has been fully recoded using a light (black-and-white) color theme. Let me know if you want to add more interactivity, change the layout, or adapt it for mobile or dark mode.

Author:
Nicole Shalom

9 months ago

1.2k
Product Details Card

Author:
ABDO-SY

1 year ago

2.2k
Avtar Cards
this is cards, for the profile section

Author:
pablitodgb

8 months ago

401
About us card

Author:
Sienna

3 years ago

11.8k
Elegant Cards
Useful Tailwind classes for creating several types of cards. Ranging from simple text to more complex cards with animations and video.

Author:
Nick Girga

10 months ago

754
Card KPI
Targetas

Author:
Raul antonio de la cruz hernandez

3 months ago

430

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components