Lunora 🌙

Welcome to the Future of Web Design

A modern, fully responsive website with smooth animations, dark/light mode, and interactive features. Built with vanilla HTML, CSS, and JavaScript.

🔗 Live Demo

✨ Features

• Light & Dark Mode - Theme toggle with localStorage persistence
• Fully Responsive - Mobile, tablet, and desktop optimized
• Portfolio Carousel - Touch-enabled slider with auto-play
• Scroll Animations - Fade-in effects on scroll
• Parallax Effects - Depth-creating background movements
• Ripple Effects - Material Design-inspired interactions
• Contact Form - With validation and toast notifications
• Accessible - Keyboard navigation & reduced motion support

🛠️ Tech Stack

• HTML5 - Semantic markup
• CSS3 - Custom properties, animations, responsive design
• JavaScript (ES6+) - Interactive features
• jQuery - DOM utilities
• Bootstrap 5 - Responsive grid
• Font Awesome 6 - Icons

🚀 Quick Start

# Clone the repository
git clone https://github.com/Ananya21-G/Lunora.git
cd Lunora

# Open index.html in your browser
# Or use a local server:
python -m http.server 8000

📁 Project Structure

Lunora/
├── index.html    # Main HTML
├── styles.css    # Styling & theming
├── script.js     # Interactions
└── README.md     # Documentation

🎨 Customization

Edit CSS variables in styles.css to change colors:

:root {
    --primary-color: #667eea;
    --secondary-color: #764ba2;
    --accent-color: #f093fb;
}

---

Made with ❤️ by Ananya Ghosh