→ 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

1.7k

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

Author box
minimal author box with author image

Author:
Kemaya m

7 months ago

271

v.4.6
User profile card
Responsive author card

Author:
Anonymous

23 hours ago

22

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

Author:
Anonymous

1 month ago

822

v.5.3
Simple portfolio card

Author:
Maria Garcia

4 months ago

219

v.5.3
User Profile Card with Bootstrap 5

Author:
Nguyen Minh

4 months ago

1.5k

v.5.3
Interactive Team Member Card with Flip Effect

Author:
Reza Farhadi

2 months ago

208

v.5.3
Profile card
Profile card with images and buttons

Author:
Anonymous

8 months ago

1.7k

v.4.6
Bootstrap Image Gallery

Author:
Anonymous

7 months ago

287

v.3.4
User avatar card

Author:
Anonymous

4 months ago

1k

v.5.3
About us section

Author:
Kemaya m

7 months ago

236

v.4.6
Accordion example with Bootstrap 5.3

Author:
Ankit khedkar

3 months ago

1k

v.5.3
Pill Buttons

Author:
Prajwal Hallale

8 months ago

250

v.4.6

Didn't find component you were looking for?

Search from 200+ 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

Resourses

Free Tailwind CSS Components

© 2024 BootstrapExamples. All Rights Reserved.

v1.2