Home
Aman kumar
Card profile

Card profile

profile card

This tailwind example is contributed by Aman kumar, on 29-Jan-2024. Component is made with Tailwind CSS v3. It is responsive. similar terms for this example are Author box, User information

Card Profile

Author Aman kumar

1.6k

Fork Fullscreen

<div class="flex h-screen items-center justify-center px-10">
  <div class="w-full sm:w-1/2  bg-white shadow-xl rounded-3xl">
    <div class="mt-10 flex justify-center mb-5 ">
      <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSKN2MjSr0slVb3jxwjrIuBaAaqo669IBIKxw&usqp=CAU" class="rounded-full" alt="" />
    </div>
    <div class="flex justify-center px-5 ">
      <div class="border-b-2 border-gray-500 w-full"></div>
    </div>
    <div class="flex justify-center text-center p-5">
      <p>"I'm Jane Hong, and I recently graduated with an advanced diploma from Smith secondary school. I'm seeking an
        internship where I can apply my skills in content creation and increase my experience in digital marketing."</p>
    </div>
    <div class="flex justify-center gap-4 p-5">
      <button class="py-3 bg-indigo-500 font-semibold text-white w-1/4 rounded-xl hover:bg-indigo-600">Follow</button>
      <button class="py-3 bg-pink-500 font-semibold text-white w-1/4 rounded-xl hover:bg-pink-600">Subscribe</button>
    </div>
  </div>
</div>

Related Examples

User Profile Card
The card features a user's profile picture, name, location, and options for interactions. It has a clean and modern design with rounded edges and icons for user engagement. It also has support for dark mod:

Author:
Prashant

2 years ago

54.2k
Profile card
Profile card with social icons

Author:
Krishna Gudpalle

2 years ago

11.4k
User profile card with Cover Image

Author:
Noob

2 years ago

22.9k
User Profile Card
Useful for testimonials and reviews section

Author:
Abhijit Sen

1 year ago

9.3k
Minimal Profile card

Author:
Abhijit Sen

1 year ago

9.5k
Responsive user card with tailwind

Author:
Gopi Yadav

1 year ago

9.9k
Author box

Author:
Mr Robot

1 year ago

10.4k
Profile card

Author:
Mr Robot

1 year ago

11k
User profile card

Author:
Mr Robot

1 year ago

9.6k
Testimonial card with image

Author:
Simon Scheffer

1 year ago

10.1k
Profile Card
Show more details on hover

Author:
Tamani Phiri

1 year ago

11.6k
Author card
Author card for giving credit to the author of the Blog/Article. It has social media icons and user image

Author:
Prajwal Hallale

1 year ago

6.7k

Explore components by Tags

Didn't find component you were looking for?

Search from 1700+ componenent