Food Munch - Responsive Web Design Welcome to Food Munch, a clean, fully responsive food ordering and restaurant showcase web design built using HTML, CSS, Bootstrap, and Font Awesome. 🚀 Features • Fully Responsive Design for mobile, tablet, and desktop. • Clean UI with structured layout and consistent typography using Roboto font. • Smooth navigation bar with section highlights: o Why Choose Us? o Explore Menu o Delivery & Payment o Follow Us • Hero Banner Section with call-to-action buttons. • Why Choose Us Section displaying service features. • Explore Menu Section with cards for categories (Veg, Non-Veg, Soups, Desserts, etc.). • Healthy Food & Delivery Sections for showcasing your services. • Thanking Customers Section with modal gift redeem option. • Follow Us Section with social media icons. • Footer with contact and address. 🛠️ Tech Stack • HTML5 • CSS3 (Custom + Bootstrap 4.5) • JavaScript (for Bootstrap interactivity) • Font Awesome (icons)
📸 Screenshots
Hosted Demo: https://spiffy-cendol-c58143.netlify.app/
📁 Folder Structure 📦 FoodMunch ┣ 📜 index.html ┣ 📜 styles.css ┣ 📁 images
🚩 How to Run Locally
- Clone the repository: git clone https://github.com/itzsaravanan/food-munch.git
- Navigate to the project directory: cd food-munch
- Open index.html in your browser. That’s it! You now have the Food Munch site running locally. 🖌️ Customization • Replace placeholder image src attributes in index.html with your optimized images. • Update text and menu categories based on your needs. • Modify color schemes in styles.css to match your brand. 💡 What I Learned • Structuring large HTML projects with sections for readability. • Creating reusable card components with Bootstrap. • Implementing responsive grids using Bootstrap’s column system. • Using modals for customer interaction. • Designing aesthetic and practical call-to-action areas. 🤝 Contributing Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.
📬 Contact For any queries or collaboration: • Emai: itsssaravanan03@gmail.com • LinkedIn: https://www.linkedin.com/in/saravanan-s-b97279227/
⭐ Acknowledgements • Bootstrap • Font Awesome • Google Fonts
If you found this project useful, consider giving it a ⭐ on GitHub!