Modern Pricing Theme 🎨

A modern, responsive pricing page implementation with dark/light theme toggle, smooth GSAP animations, and a clean UI design. Built with vanilla HTML, CSS, and JavaScript.

🌟 Features

• 💡 Light/Dark theme toggle with smooth transitions
• 📱 Fully responsive design
• ✨ GSAP animations for enhanced user experience
• 🎯 Three-tier pricing structure
• 🎨 Clean and modern UI
• ⚡ Vanilla JavaScript implementation
• 🔄 Smooth hover effects and interactions

🚀 Live Demo

View Live Demo

🛠️ Technologies Used

• HTML5
• CSS3
• JavaScript (ES6+)
• GSAP (GreenSock Animation Platform)
• Font Awesome Icons

📦 Installation

1. Clone the repository:

git clone https://github.com/1dev-hridoy/Modern-Pricing-Theme.git

2. Navigate to the project directory:

cd modern-pricing-theme

3. Open index.html in your browser or use a local development server.

💻 Usage

The project is ready to use out of the box. Simply:

1. Open index.html in a modern web browser
2. Click the sun/moon icon in the navbar to toggle between light and dark themes
3. Hover over pricing cards to see animations
4. Click buttons to see click animations

🎨 Customization

You can customize the theme by modifying:

• styles.css - for styling changes
• script.js - for animation and interaction modifications
• Color variables in CSS for theme colors
• GSAP animations timing and effects

📝 License

This project is licensed under the MIT License - see the LICENSE file for details.

🤝 Contributing

Contributions, issues, and feature requests are welcome! Feel free to check the issues page.

⭐ Show your support

Give a ⭐️ if you like this project!

📸 Screenshots

Light Theme

Dark Theme

🏷️ Tags

pricing-page dark-theme light-theme responsive-design gsap-animations vanilla-javascript css3 html5 modern-ui theme-toggle

---

Made with ❤️ by Hridoy