🌐 Syntecxhub Internship Task: Modern Dark/Light UI

.

---

🚀 Project Overview

This project is a high-performance, responsive Hero Section built with a custom Dark/Light Mode toggle. Developed specifically for the Syntecxhub Internship Task, it focuses on clean code architecture and seamless UI transitions.

🔗 Live URL

You can view the live project here: https://mz-webdev.github.io/Syntecxhub_Toggle_Animation/

---

✨ Key Features

• Smart Theme Switching: Animated toggle button with Sun/Moon icons.
• State Persistence: Uses localStorage to save the user's theme preference (Light/Dark).
• Ultra-Responsive: Fully optimized for Mobile, Tablet, and Desktop screens.
• Modern Aesthetics: Features glassmorphism effects, smooth CSS transitions, and professional typography.
• Performance Focused: Zero external heavy libraries; built with pure Vanilla JS and CSS.

---

🛠️ Tech Stack

• HTML5: Structured semantic markup.
• CSS3: Custom properties (Variables), Flexbox, and Bezier-curve animations.
• JavaScript: Logic for theme switching and local data storage.
• Icons: Integrated via Font Awesome.

---

📂 Installation

1. Download or Clone this repository.
2. Open index.html in your favorite browser.
3. No build tools required—pure plug and play!

---

Developed for: Syntecxhub Internship Program
Author: mz-webdev