Profiles

Bootstrap 5 Profile page & profile cards

Basic profile card

A simple profile card template with chat option, square avatar and stat counters.

Danny McLoan

Senior Journalist

Articles

41

Followers

976

Rating

8.5

Chat Follow

Show code

eCommerce profile card

A eCommerce profile card with a star rating number of comments / testimonial reviews and a "Book now" call to action button. The CTA in this case could be integrated with a calendar schedule.

Exquisite hand henna tattoo

3 hrs

$90

@sheisme

+ Follow See profile

---

52 comments

Book now

Show code

User profile page template

A full user profile layout, with a circle profile picture in the header, projects section with social icons, a detailed address section and experience cards using progress bars to indicate skill level.

John Smith

Full Stack Developer

Bay Area, San Francisco, CA

Follow Message

• https://mdbootstrap.com

• mdbootstrap

• @mdbootstrap

• mdbootstrap

• mdbootstrap

Full Name

Johnatan Smith

---

Email

example@example.com

---

Phone

(097) 234-5678

---

Mobile

(098) 765-4321

---

Address

Bay Area, San Francisco, CA

assigment Project Status

Web Design

Website Markup

One Page

Mobile Template

Backend API

assigment Project Status

Web Design

Website Markup

One Page

Mobile Template

Backend API

Show code

Project cards with attending users

The list of attendance in this example is indicated by profile pictures of users that joined the event.

Program Title

| Created by MDBootstrap on 11 April , 2021

---

settings

program link

program link |

Company Culture

| Public | Updated by MDBootstrap on 11 April , 2021

---

settings

program link

program link |

Show code

Personal profile with edit icon

Responsive profile card design with a clickable update option for the user. Check out the inputs documentation, to integrate & make this template interactive.

Marie Horwitz

Web Designer

Information

---

Email

info@example.com

Phone

123 456 789

Projects

---

Recent

Lorem ipsum

Most Viewed

Dolor sit amet

Show code

Edit button on profile page

An elegant profile page layout, with an edit button, about section and a photo gallery.

Edit profile

Andy Horwitz

New York

253

Photos

1026

Followers

478

Following

About

Web Developer

Lives in New York

Photographer

Recent photos

Show all

Show code

Profile card with statistics

A light design for any profile card, with social buttons and basic stats.

Julie L. Arsenault

@Programmer | mdbootstrap.com

Message now

8471

Wallets Balance

8512

Income amounts

4751

Total Transactions

Show code

Related resources