https://github.com/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.
https://github.com/withaarzoo/linkedin-profile-tooltip
codewithaarzoo css html
Last synced: 7 days ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/withaarzoo/linkedin-profile-tooltip
- Owner: withaarzoo
- Created: 2024-02-09T16:16:27.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-02-20T04:45:17.000Z (over 2 years ago)
- Last Synced: 2025-03-05T20:42:04.820Z (about 1 year ago)
- Topics: codewithaarzoo, css, html
- Language: CSS
- Homepage:
- Size: 14.6 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## 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:
```bash
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](LICENSE) file for details.
### Author
[Aarzoo Islam](https://twitter.com/withaarzoo)
### Acknowledgments
- This project was inspired by [FreeCodeZ](https://freecodez.com/).
- Special thanks to [Font Awesome](https://fontawesome.com/) 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](https://github.com/your-username).