🎉 Event Decors

A modern and responsive event decoration website built using HTML5 and CSS3.

This project showcases elegant event decoration themes and modern UI design for weddings, birthday events, corporate functions, and party organizers.

---

📌 Overview

Event Decors is a static frontend website developed to showcase event decoration services through an attractive and user-friendly interface.

The website includes multiple event-related pages such as:

• Chair Decorations
• Flower & Greenery Designs
• Gift Decoration
• Fabric Decoration
• Cart Decoration
• QR Payment Integration

The project focuses on:

• Responsive Web Design
• Modern UI/UX
• Structured HTML Layouts
• Clean CSS Styling
• Simple Navigation Experience

---

✨ Features

• 🎨 Modern User Interface
• 📱 Fully Responsive Design
• 🖼 Event Gallery Sections
• 📋 Multiple Decoration Categories
• 💳 QR Code Payment Feature
• 🧭 Smooth Navigation
• ⚡ Fast Loading Static Website
• 💻 Clean HTML & CSS Structure

---

🎨 UI Highlights

• Elegant landing page design
• Attractive event-themed layouts
• Responsive card sections
• Organized content structure
• Mobile-friendly navigation
• Clean spacing and typography

---

🛠 Technologies Used

Frontend

• HTML5
• CSS3

Design Concepts

• Flexbox
• CSS Grid
• Media Queries
• Responsive Layout Design

---

📂 Project Structure

event-decors/
│
├── script/
├── style/
├── QR1.jpg
├── README.md
├── cartPage.html
├── cartshoe.html
├── chair cover.html
├── fabrics.html
├── flower&greenery.html
├── gift.html
└── index.html

---

🚀 Getting Started

1️⃣ Clone Repository

git clone https://github.com/midhun-murphy/event-decors.git

2️⃣ Navigate to Project

cd event-decors

3️⃣ Open Project

Open index.html in your browser.

---

📱 Responsive Design

The website is fully responsive and optimized for:

• Desktop Devices
• Tablets
• Mobile Phones

Media queries were used to ensure smooth layout adaptation across different screen sizes.

---

🏗 Development Workflow

1. Planned website layout and structure
2. Created semantic HTML pages
3. Styled layouts using CSS
4. Added responsive media queries
5. Organized event categories
6. Integrated QR payment support
7. Deployed project using GitHub Pages

---

🧠 Challenges Faced

Some challenges faced during development:

• Designing responsive layouts
• Maintaining consistent alignment
• Organizing multiple HTML pages
• Creating visually appealing sections using only HTML and CSS
• Managing responsiveness across devices

---

💡 Key Learnings

Through this project, I improved my understanding of:

• Semantic HTML structure
• CSS Flexbox and Grid
• Responsive Web Design
• Frontend project organization
• UI/UX design principles
• GitHub Pages deployment

---

⚡ Performance Optimization

• Optimized image usage
• Lightweight static website
• Clean reusable CSS styling
• Fast webpage loading

---

🌐 Browser Compatibility

Tested on:

• Google Chrome
• Microsoft Edge
• Mozilla Firefox

---

📊 Project Stats

• Multiple Event Pages
• Fully Responsive Layout
• Technologies Used: HTML5, CSS3
• Deployment: GitHub Pages
• Static Frontend Website

---

📌 Project Purpose

The purpose of this project is to practice frontend web development concepts by building a visually appealing and responsive event decoration website.

---

🔮 Future Enhancements

Future improvements planned:

• Add JavaScript animations
• Add booking functionality
• Improve payment workflow
• Add dark mode
• Backend integration
• Convert into React.js application

---

🚀 Deployment

This project is deployed using GitHub Pages.

Deployment Link

https://midhun-murphy.github.io/event-decors/

---

🤝 Contributing

Contributions are welcome.

1. Fork the repository
2. Create a new branch
3. Commit your changes
4. Push the branch
5. Open a Pull Request

---

📜 License

This project is licensed under the MIT License.

⭐ Support

If you found this project useful, give it a ⭐ on GitHub.