A sleek, responsive personal bio site built with modern web technologies. This site serves as a central hub for your online presence, featuring a clean design, dark mode support, and an intuitive mobile-first layout.
- 🎨 Modern Design - Clean, minimalist interface with attention to typography and spacing
- 🌓 Dark Mode - Automatic dark mode support with smooth transitions
- 📱 Fully Responsive - Optimized for all devices from mobile to desktop
- 🔗 Smart Link Cards - Beautiful link cards with hover effects and icon support
- 🎯 Product Showcase - Horizontal scrolling product display on desktop, vertical stack on mobile
- 🏷️ Interest Tags - Visually appealing tags to showcase your interests and skills
- ⚡ Performance Optimized - Fast loading with minimal dependencies
- 🔒 Secure - HTTPS enabled with GitHub Pages
- HTML5 & CSS3
- CSS Custom Properties for theming
- Flexbox & CSS Grid for layouts
- GitHub Pages for hosting
- Custom animations and transitions
- Mobile-first responsive design
-
Clone the repository:
git clone https://github.com/yourusername/bio-site.git cd bio-site -
If you're using Visual Studio Code, install the Live Server extension to preview the site locally.
-
Make your changes and test them locally before pushing to GitHub.
- Main styles are in
assets/css/custom.css - Color schemes and variables are defined in the
:rootsection - Dark mode overrides are in the
[data-color-mode="dark"]section
- Update profile information in the HTML
- Modify link cards in the links section
- Add or remove products in the showcase section
- Customize interest tags as needed
- Desktop: > 768px
- Tablet: 768pxJ
- Mobile: 480px
Feel free to submit issues and enhancement requests!
This project is licensed under the MIT License - see the LICENSE file for details.
Site/repo generated the from Link in Bio Starter template found here.
Readme file generated with Claude.ai.