→ Anonymous
→ Profile Card with Social Media Links

Profile Card with Social Media Links

This Example is contributed by Anonymous, on 13-Mar-2025. It is responsive. similar terms for this example are Card Design,Cards,User Avatars

Card Avatar Profile Social

Author Anonymous

Fork Fullscreen

<div class="profile-card">
  <div class="card-header">
    <div class="profile-image">
      <img src="https://randomuser.me/api/portraits/women/45.jpg" alt="Emma Thompson">
    </div>
    <div class="profile-info">
      <h2>Emma Thompson</h2>
      <h4>@emma_designs</h4>
      <p>UX/UI Designer & Front-end Developer based in San Francisco</p>
    </div>
  </div>
  <div class="stats">
    <div class="stat">
      <span class="value">125</span>
      <span class="label">Posts</span>
    </div>
    <div class="stat">
      <span class="value">15.3K</span>
      <span class="label">Followers</span>
    </div>
    <div class="stat">
      <span class="value">284</span>
      <span class="label">Following</span>
    </div>
  </div>
  <div class="social-links">
    <a href="#" class="social-icon twitter"><i class="fab fa-twitter"></i></a>
    <a href="#" class="social-icon instagram"><i class="fab fa-instagram"></i></a>
    <a href="#" class="social-icon dribbble"><i class="fab fa-dribbble"></i></a>
    <a href="#" class="social-icon github"><i class="fab fa-github"></i></a>
  </div>
  <button class="follow-btn">Follow</button>
</div>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">

Related Examples

Modern Flexible User Profile Card
A clean and flexible user profile card with avatar, user information, and social stats designed with a modern aesthetic and responsive layout.

Author:
Anonymous

1 month ago
Animated Profile Card with Hover Effects and Social Links

Author:
Priya Sharma

2 months ago
Profile Information Card

Author:
Anonymous

1 month ago
User Profile Card

Author:
Anonymous

1 month ago
User Profile Card
A sleek and modern profile card featuring glass morphism effects, subtle gradients, and smooth hover animations for enhanced user interaction.

Author:
Emma Thompson

2 months ago
Modern User Profile Card with Animated Stats

Author:
Emma Thompson

2 months ago
Author Profile Card with Social Media Links

Author:
Elara

2 months ago
Personal Profile Card with Social Media Links

Author:
Anonymous

1 month ago
Floating Social Media Profile Card
A beautifully designed profile card featuring smooth gradient backgrounds, hover animations, and social media integration

Author:
Emma Thompson

2 months ago
Profile Card
A beautifully designed profile card featuring smooth gradient animations and social media integration for modern web applications

Author:
Emma Thompson

2 months ago
Elegant Profile Hover Card with Animation Effects
A stylish hover card that reveals detailed user information with a smooth animation when hovering over a profile thumbnail.

Author:
Maya Johnson

1 month ago
User Avatar Card
A responsive user avatar card featuring online status indicator, follow button, and dark mode support with smooth transitions for modern web applications.

Author:
Alexandra Sinclair

1 month ago

Didn't find component you were looking for?

Search from 500+ components