withaarzoo / linkedin-profile-tooltip

This repository contains HTML and CSS code to create a tooltip displaying a LinkedIn profile. When hovering over a LinkedIn icon, a tooltip with profile details appears.

LinkedIn Profile Tooltip

This repository contains HTML and CSS code to create a tooltip displaying a LinkedIn profile. When hovering over a LinkedIn icon, a tooltip with profile details appears .

Preview

Features

• Tooltip displaying LinkedIn profile information.
• Styled with CSS for an appealing visual experience.
• Hover effects for interactive elements.

Usage

1. Clone the repository:

   git clone https://github.com/withaarzoo/Linkedin-Profile-Tooltip.git

2. Open index.html in your browser to see the LinkedIn profile tooltip in action.

Code Structure

• index.html: Contains the HTML markup for the LinkedIn profile tooltip.
• style.css: Contains the CSS styles for the tooltip and associated elements.
• image.jpg: Placeholder image for the LinkedIn profile picture.

How to Customize

You can customize the tooltip by editing the HTML and CSS files:

• Change the profile picture: Replace image.jpg with your desired image file.
• Modify profile details: Update the name, username, followers, and connections in the HTML.
• Adjust styles: Edit the CSS properties in style.css to match your preferred design.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Author

Aarzoo Islam

Acknowledgments

• This project was inspired by FreeCodeZ.
• Special thanks to Font Awesome for the LinkedIn icon.

Feel free to contribute to this project by creating pull requests or opening issues. If you have any questions or suggestions, please contact the author.