Skip to content

Arpan-Saha-25/profile-card

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Profile Card 🌟

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/

Features 🚀

  • 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.

Technologies Used 💻

  • HTML5 🌐
  • CSS3 🎨
  • Font Awesome for icons 😎

Files 📁

  • 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).

How to Use 🛠️

  1. Download or clone the repository. 📥
  2. Add your own profile picture by replacing profile_pic.jpg. 🖼️
  3. Customize the user's name, job title, and social media links in the index.html file. ✏️
  4. Add custom styles in style.css to fit your design preferences. 🎨
  5. Open index.html in a web browser to view the profile card. 🌐

External Libraries 📚

<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" />

Customization 🎨

- Replace the profile image:

Update the src attribute in the image tag with your own image file. 📸

- Update social media links:

Modify the href attributes in the social media buttons. 🌐

- Change the engagement numbers:

Edit the values in the number spans for likes, comments, and shares. 🔢

- Modify the action buttons:

Update the href attributes for the "Subscribe" and "Message" buttons. 📨

License ⚖️

This project is open source. 📜

About

This is my profile card made by using HTML5 and CSS3.

Resources

Stars

Watchers

Forks