🌊 Professional Minimalist Image Slider

A high-performance, fully responsive, and buttery-smooth image slider built with Pure HTML, CSS, and Vanilla JavaScript. No external libraries, no jQuery—just clean, optimized code.

---

✨ Key Features

• 🎯 Fully Responsive: Works perfectly on Desktop, Tablet, and Mobile.
• 🚀 High Performance: Zero dependencies, keeping your project lightweight.
• 🎨 Modern UI: Features Glassmorphism controls and a sleek "Pill-style" pagination.
• 🔄 Smart Auto-play: Automatically transitions slides with a "Pause-on-Hover" feature.
• ⌨️ Keyboard Support: Navigate through images using Arrow Keys.
• 🎞️ Smooth Transitions: Custom cubic-bezier animations for a premium feel.

---

🛠️ Built With

• HTML5: Semantic structure.
• CSS3: Flexbox layout, Glassmorphism, and Animations.
• JavaScript: ES6+ Vanilla JS for slider logic.

---

🚀 Quick Start

1. Clone the repository:

   git clone (https://github.com/mz-webdev/Syntecxhub_Img_Slider.git)

2. Open the file: Just open index.html in your favorite browser.

---

🤝 Contributing

Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

---

📄 License

Distributed under the MIT License. See LICENSE for more information.

---

**Built with ❤️ by mz-webdev **