This project is a simple Profile Card that displays Arpan Saha's profile, social media links, and engagement analytics. The design is created using HTML and CSS and includes Font Awesome icons for styling the social media and engagement icons. 🎨
Link : https://arpan-saha-25.github.io/profile-card/
- Profile Image 🖼️: Displays Arpan's profile picture.
- User Info 📄: Shows Arpan's name and info.
- Social Media Links 🌐: Links to Facebook, Instagram, YouTube, and X (Twitter) with corresponding icons.
- Engagement Analytics 📊: Shows the number of likes, comments, and shares with Font Awesome icons.
- Action Buttons 🔘: Provides "Subscribe" and "Message" buttons for further engagement.
- HTML5 🌐
- CSS3 🎨
- Font Awesome for icons 😎
index.html
: The main structure of the profile card.style.css
: The styling of the profile card (add your own CSS here for further customization).
- Download or clone the repository. 📥
- Add your own profile picture by replacing
profile_pic.jpg
. 🖼️ - Customize the user's name, job title, and social media links in the
index.html
file. ✏️ - Add custom styles in
style.css
to fit your design preferences. 🎨 - Open
index.html
in a web browser to view the profile card. 🌐
- Font Awesome is used for icons. 🔗
- CDN link:
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
Update the src attribute in the image tag with your own image file. 📸
Modify the href attributes in the social media buttons. 🌐
Edit the values in the number spans for likes, comments, and shares. 🔢
Update the href attributes for the "Subscribe" and "Message" buttons. 📨
This project is open source. 📜