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

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

Info Card
Information card with image

Author:
Brandon D

2 years ago

8.8k
card Alert - icons - glass

Author:
ABDO-SY

3 months ago

264
Beautiful card design with image

Author:
Brandon D

2 years ago

12.6k
Tailwind card with gradient border

Author:
Elijah Davis

2 years ago

15.5k
Card animate

Author:
Raul antonio de la cruz hernandez

3 months ago

621
Stats card with icons
Improved Code quality and added support for dark mode

Author:
Dika Rahman

7 months ago

1.3k
animated blog cards with Tailwind CSS

Author:
Michael Andreuzza

1 year ago

4.3k
Chat Bot
Simulation of a chat bot that can be used for conversations as a sketch idea

Author:
Ameth Galarcio

10 months ago

2.5k
Product / Service Card
Example of a card that can be used as a blog, product, or service card with reviews.

Author:
Noob

2 years ago

16.3k
Interactive Pricing Cards
this are pricing cards

Author:
ishimwe shadad

1 week ago

16
Twitter Post (Tweet) UI Mockup
A detailed static HTML and Tailwind CSS component replicating the user interface of a single Twitter post (Tweet). This mockup includes the user avatar, tweet header (name, handle, timestamp), tweet text with styled hashtags/mentions, optional media display, and the action bar with icons and counts (Reply, Retweet, Like, Views, Share). It is responsive, supports light and dark modes, and uses accurate iconography and hover states to closely resemble the real Twitter UI.

Author:
Hamza Atig

1 month ago

157
Confirmation modal/card

Author:
Sophia Baker

2 years ago

14.7k

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components