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

797

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

Pricing section Lima
Pricing section Lima with responsive design

Author:
Mubashir hussain

11 months ago

1.6k
Coming Soon Page

Author:
Conan Hilton

2 years ago

9.2k
Card grid for posts

Author:
Mr Robot

2 years ago

19.4k
Greeting Card with CTA
card with two actions with greeting msg according to time

Author:
Amit Pachange

1 year ago

7k
Tailwind image grid
tailwind picture grid

Author:
Anonymous

1 year ago

8.5k
Dynamic Service Showcase with Interactive Flip Cards
This component presents a visually engaging service section featuring interactive flip cards. Each service card displays an image on the front and reveals details on the back when hovered over. The layout is responsive, ensuring seamless adaptability across various screen sizes. The hover effect adds a modern and engaging touch, enhancing user interaction.

Author:
Vikas Kushwah

1 day ago

22
Coming Soon Section
Simple and beautiful card for your showing on your projects (in development) home screen

Author:
Noob

2 years ago

9.5k
Payment Cards

Author:
Shammi Nethupul

7 months ago

1.8k
Ribbon at Corner

Author:
Mohit Prajapati

2 years ago

15.8k
Card-Product
Product card for vertical windows, if you need a more complete version to show more information, you have other options in my profile

Author:
Ameth Galarcio

8 months ago

1.6k
Beautiful post cards

Author:
Matej Kovač

11 months ago

2.1k
Login form

Author:
Rajesh Maheshwari

3 weeks ago

206

Explore components by Tags

Didn't find component you were looking for?

Search from 2100+ components