https://github.com/aimarbustamante/profile-card
This project is a profile card designed to showcase the most important social media profiles of a user, including LinkedIn, GitHub, and my personal portfolio.
https://github.com/aimarbustamante/profile-card
css html javascript profile-card
Last synced: 7 months ago
JSON representation
This project is a profile card designed to showcase the most important social media profiles of a user, including LinkedIn, GitHub, and my personal portfolio.
- Host: GitHub
- URL: https://github.com/aimarbustamante/profile-card
- Owner: AimarBustamante
- Created: 2023-06-23T23:11:30.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-06-23T23:54:02.000Z (over 2 years ago)
- Last Synced: 2025-01-23T00:26:51.565Z (9 months ago)
- Topics: css, html, javascript, profile-card
- Language: HTML
- Homepage: https://aimarbustamante.github.io/Profile-card/
- Size: 161 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Profile Card
## Description
This project is a profile card designed to showcase the most important social media profiles of a user, including LinkedIn, GitHub, and a personal portfolio. It has been created using HTML, CSS, and JavaScript. Fell free to wathch the proyect [here](https://aimarbustamante.github.io/Profile-card/).
## Features
- **Social Media Display**: The profile card displays icons for LinkedIn, GitHub, and the user's personal portfolio, providing direct links to each platform.
- **Interactivity**: Clicking on each social media icon will open a new tab in the browser, taking the user to their respective profile on that platform.
- **Custom Design**: The profile card has an attractive and responsive design that adapts to different devices and screen sizes.
## Usage
To use this project, follow these steps:
1. Download the source code from the GitHub repository.
2. Open the `index.html` file in your web browser.
3. You will see the profile card with the social media icons.
4. Click on the corresponding icon for each social media platform to access your profile.
## Customization
If you want to customize the project with your own social media profiles and links, follow these steps:
1. Open the `index.html` file with a text editor.
2. Locate the section corresponding to each social media platform in the HTML code.
3. Replace the current links with your own profile URLs on each platform.
4. Save the changes and open the `index.html` file in your browser to see the updated profile card.
## Color Reference
The following color variables are used in the project:
- `--first-color: hsl(199, 100%, 36%);`
- `--first-color-light: hsl(199, 64%, 48%);`
- `--black-color: hsl(199, 100%, 7%);`
- `--text-color: hsl(29, 8%, 65%);`
- `--body-color: hsl(198, 22%, 9%);`
Feel free to modify these colors to suit your preferences.
## Contribution
If you would like to contribute to this project, follow these steps:
1. Fork this repository.
2. Make your changes in a separate branch.
3. Submit a pull request for your changes to be reviewed.
We welcome any contributions to improve this project.
## Support
If you encounter any issues or have any questions, feel free to open an issue in this repository.
## Contact Information
You can find more information and contact me through the following links:
- [LinkedIn](https://www.linkedin.com/in/aimarbustamante/)
- [GitHub](https://github.com/AimarBustamante)
- [Personal portfolio](https://aimarbusta.netlify.app/)
## Author
This project has been developed by Aimar Bustamante. You can find more information about me on my [personal portfolio](https://aimarbusta.netlify.app/).