GANESHA Photography Studio Website

This is a creative and interactive single-page photography studio website designed using HTML and CSS. It features a smooth side navigation menu, interactive pop-ups, event calendar, and feedback section.

---

🖼️ Project Overview

The website serves as a front-end showcase for a photography studio named GANESHA STUDIO. It includes:

• A hamburger menu to navigate various sections.
• A rotating popup photo gallery.
• An interactive calendar with photography events.
• A user mood feedback panel with emoji-based reactions.
• Responsive layout styled with custom fonts and Font Awesome icons.

---

🔧 Technologies Used

• HTML5
• CSS3
• Font Awesome for icons
• Google Fonts (Roboto Slab, Share Tech)

---

📁 Project Structure

📂 your-project/ ├── index.html # Main HTML file ├── style.css # Styling file ├── photo.jpg # Background image ├── a.jpg - l.jpg # Gallery images └── cal.png # Calendar header image

---

💡 Features

📋 Navigation Menu

• Accessible via a hamburger icon
• Includes Gallery, Events, Store, Contact, Feedback
• Social media links at the bottom

🌀 Popup Gallery

• Rotating circular image grid when "Exhibits" is clicked
• CSS animation only

📅 Event Calendar

• Displays events in a 5x7 layout
• Activates on clicking "Events"

📣 Feedback Panel

• Emoji-based quick mood capture
• Triggered via "Feedback" menu item

---

🚀 How to Use

1. Clone or download the project files
2. Place all image files (photo.jpg, a.jpg to l.jpg, cal.png) in the same folder
3. Open index.html in your browser

---

✏️ Customization Tips

• Replace images with your own
• Edit event text inside the calendar
• Modify style.css to match your brand style

---

📌 Known Issues

• No JavaScript: Interactivity relies on :checked CSS
• May need tweaks for small screen responsiveness