→ Maria Garcia
→ Simple portfolio card

Simple portfolio card

This bootstrap css example is contributed by Maria Garcia, on 16-Jul-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 Maria Garcia

296

v.5.3

Fork Fullscreen

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">

<div class="container">
    <div class="portfolio-card card">
        <img src="https://via.placeholder.com/340x200" class="card-img-top" alt="Profile Picture">
        <div class="card-body text-center">
            <h5 class="card-title">John Doe</h5>
            <p class="card-text text-muted">Web Developer</p>
            <p class="card-text">Passionate about creating beautiful and functional websites.</p>
            <div class="d-flex justify-content-center mb-3">
                <a href="#" class="btn btn-outline-primary me-2"><i class="fab fa-twitter"></i></a>
                <a href="#" class="btn btn-outline-primary me-2"><i class="fab fa-linkedin"></i></a>
                <a href="#" class="btn btn-outline-primary"><i class="fab fa-github"></i></a>
            </div>
            <ul class="list-group list-group-flush mb-3">
                <li class="list-group-item"><i class="fas fa-envelope me-2"></i>johndoe@example.com</li>
                <li class="list-group-item"><i class="fas fa-phone me-2"></i>(123) 456-7890</li>
                <li class="list-group-item"><i class="fas fa-map-marker-alt me-2"></i>New York, NY</li>
            </ul>
            <a href="#" class="btn btn-primary">View Portfolio</a>
        </div>
    </div>
</div>

More Examples

Interactive Team Member Card with Flip Effect

Author:
Reza Farhadi

4 months ago

476

v.5.3
User profile card
Responsive author card

Author:
Anonymous

2 months ago

1.6k

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

Author:
Anonymous

3 months ago

2.3k

v.5.3
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

Author:
Prajwal Hallale

10 months ago

3.2k

v.5.3
User Profile Card with Bootstrap 5

Author:
Nguyen Minh

6 months ago

3.7k

v.5.3
Profile card
Profile card with images and buttons

Author:
Anonymous

10 months ago

3k

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

Author:
Isaac Winslow

2 months ago

1.7k

v.5.3
Author box
minimal author box with author image

Author:
Kemaya m

9 months ago

434

v.4.6
Professional Staff Profile Cards with Social Integration

Author:
Isaac Winslow

2 months ago

1.4k

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

Author:
Anonymous

1 month ago

1k

v.5.3
Pulsing Button with Bootstrap 5

Author:
Andreas Müller

6 months ago

424

v.5.3
Blog post layout
Minimal and clean blog post layout

Author:
Juniper

3 months ago

1.1k

v.5.3

Didn't find component you were looking for?

Search from 300+ componenent