A clean and responsive profile card built with HTML and Tailwind CSS. This project provides a modern, business card-style presentation of personal and professional information.
- Responsive design that works on all devices
- Clean and modern UI
- Profile picture display
- Professional information section
- Skills showcase
- Interest highlights
- Social media links with hover effects
- Built with Tailwind CSS for easy customization
- Clone the repository:
git clone https://github.com/kennie265/profile-card.git- Open the project folder:
cd profile-card- Open
index.htmlin your browser to view the card.
Edit the following sections in index.html:
- Profile picture: Replace the placeholder image
- Name and bio
- Skills list
- Interests
- Social media links
The project uses Tailwind CSS utility classes. You can customize:
- Colors
- Spacing
- Font sizes
- Shadows
- Border radius
- Hover effects
Update the social media links in the HTML:
The profile card is fully responsive and adapts to:
- Desktop screens
- Tablets
- Mobile devices
- Background: Gray-100 (
bg-gray-100) - Card Background: White (
bg-white) - Text Colors:
- Primary: Gray-800
- Secondary: Gray-600
- Social Icons:
- X (Twitter): Black hover
- Facebook: Blue-600 hover
- Instagram: Pink-600 hover
- TikTok: Black hover
- LinkedIn: Blue-700 hover
- GitHub: Gray-900 hover
- Fork the project
- Create your feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE.md file for details.
Your Name - @kennie265
Project Link: https://github.com/kennie265/profile-card
- Tailwind CSS
- Font Awesome
- [Design Inspiration Sources]