→ Prajwal Hallale
→ Elegant Profile Card

Elegant Profile Card

showcasing user or team member profiles in a professional and visually appealing manner. The profile card includes an avatar, name, position, and a short bio, along with social media icons for easy connectivity

This bootstrap css example is contributed by Prajwal Hallale, on 19-Mar-2024. Component is made with bootstrap css v.5.3. It is responsive. similar terms for this example are Author box, User information

Tags: Profile

Author Prajwal Hallale

4.5k

v.5.3

Fork Fullscreen

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<div class="container">
    <div class="row d-flex justify-content-center">
        <div class="col-md-6">
            <div class="card p-3 py-4">
                <div class="text-center">
                    <img src="https://randomuser.me/api/portraits/men/14.jpg" width="100" class="rounded-circle">
                </div>
                <div class="text-center mt-3">
                    <h5 class="mt-2 mb-0">Charlie Smith</h5>
                    <span>Creative Designer</span>
                    <div class="px-4 mt-1">
                        <p class="fonts">Passionate designer with over 5 years of experience in creating user-centric
                            digital experiences. Aims to create meaningful stories through design.</p>
                    </div>
                    <ul class="social-list">
                        <li><a href="#" class="fab fa-facebook-f"></a></li>
                        <li><a href="#" class="fab fa-twitter"></a></li>
                        <li><a href="#" class="fab fa-instagram"></a></li>
                        <li><a href="#" class="fab fa-linkedin-in"></a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>

More Examples

Profile card
Profile card with images and buttons

Author:
Anonymous

1 year ago

4.2k

v.4.6
Simple portfolio card

Author:
Maria Garcia

9 months ago

513

v.5.3
Bootstrap user profile
User profile card made with bootstrap

Author:
Anonymous

4 months ago

2.7k

v.5.3
User Profile Card with Bootstrap 5

Author:
Nguyen Minh

9 months ago

8k

v.5.3
User Profile Card with Social Icons using Bootstrap 5 (without connect button)

Author:
Ranadhir Debnath

2 weeks ago

249

v.5.3
User Profile Card with Bootstrap 5

Author:
Anonymous

2 months ago

760

v.5.3
User profile card
Responsive author card

Author:
Anonymous

5 months ago

3.2k

v.5.3
Profile Management Dashboard
profile management interface with personal information, security settings, and activity tracking in a modern design

Author:
Shola Ajani

2 months ago

1.8k

v.5.3
Professional Staff Profile Cards with Social Integration

Author:
Isaac Winslow

5 months ago

2.3k

v.5.3
User Profile Card with Social Icons using Bootstrap 5

Author:
Anonymous

6 months ago

3.7k

v.5.3
Author box
minimal author box with author image

Author:
Kemaya m

1 year ago

863

v.4.6
Interactive Team Member Card with Flip Effect

Author:
Reza Farhadi

7 months ago

1.4k

v.5.3

Didn't find component you were looking for?

Search from 300+ componenent

BootstrapExamples From the makers of tailwindflex.com

BootstrapExamples is a free library offering a diverse range of Bootstrap CSS components. Developed by the community, it's open for anyone to use.

Contacts

Email:

[email protected]

Links

Search

Resources

Free Tailwind CSS Components Free CSS Components

© 2025 BootstrapExamples. All Rights Reserved.

v1.3