🔗 LinkHub

A modern, responsive social links page with dark/light theme toggle. Share all your social media profiles in one beautiful place.

✨ Features

• 🌓 Dark/Light Theme Toggle - Switch between themes with smooth transitions
• 💾 Theme Persistence - Your preferred theme is saved in localStorage
• 📱 Fully Responsive - Looks great on all devices (desktop, tablet, mobile)
• 🎨 Modern Glassmorphism Design - Beautiful blur effects and gradients
• ⚡ Smooth Animations - Hover effects, shine animations, and transitions
• 🔗 Social Media Icons - Font Awesome brand icons for all platforms

🚀 Demo

Simply open index.html in your browser to view the page.

📁 Project Structure

LinkHub/
├── index.html      # Main HTML file
├── index.css       # Styles with CSS variables for theming
├── index.js        # Theme toggle functionality
└── README.md       # Documentation

🎨 Customization

Adding/Removing Social Links

Edit the index.html file. Each link follows this structure:

<div class="links">
   <div class="link-content">
       <i class="fa-brands fa-[platform] logo [platform]"></i>
       <h2>Platform Name</h2>
   </div>
   <a class="button" href="https://your-link.com" target="_blank">Follow</a>
</div>

Changing Colors

Edit the CSS variables in index.css:

:root {
    /* Light Theme Colors */
    --bg-gradient: linear-gradient(...);
    --navbar-bg: linear-gradient(...);
    --text-primary: #01579b;
    /* ... more variables */
}

[data-theme="dark"] {
    /* Dark Theme Colors */
    --bg-gradient: linear-gradient(...);
    /* ... more variables */
}

Adding New Social Platform Icons

1. Add the icon class from Font Awesome
2. Add matching CSS for the icon background color

🛠️ Technologies Used

• HTML5 - Semantic markup
• CSS3 - Flexbox, CSS Variables, Gradients, Animations
• JavaScript - Theme toggle with localStorage
• Google Fonts - Orbitron & Poppins
• Font Awesome 6 - Social media icons

📱 Responsive Breakpoints

Device	Breakpoint
Desktop	> 768px
Tablet	≤ 768px
Mobile	≤ 480px
Small Mobile	≤ 360px

📄 License

This project is open source and available under the MIT License.

👤 Author

Danny K

• GitHub: @Danyalkhattak
• LinkedIn: dannyk739
• Instagram: @dannyk_739

---

⭐ Star this repo if you found it helpful!