Mealify 🍽️

Mealify is a responsive website designed for a restaurant, focusing on showcasing its chefs, dishes, and ambiance. Built with HTML, CSS, and JavaScript, Mealify features a modern design with a dark mode option, a responsive layout, and interactive elements to enhance user experience.

Features

• Responsive Design: Mobile, tablet, and desktop-friendly layouts.
• Dark Mode Toggle: Switch between light and dark themes.
• Interactive Navigation: Smooth transitions and accessible navigation menu.
• Sections:
  • Home: Welcoming header with a call-to-action.
  • Chefs: Introduction to the restaurant's chefs with social media links.
  • Gallery: Showcase of featured dishes.
  • Contact: Contact form with integrated Google Maps for location.
• CSS Animations: Hover effects and transitions to enhance interactivity.
• SEO-Ready: Meta tags and descriptive alt texts for better indexing by search engines.

Technologies Used

• HTML5: For semantic structure.
• CSS3: For styling, layout, and animations.
• JavaScript: Interactive elements and dark mode toggle.
• Font Awesome: Icon library for aesthetic and functional icons.
• Google Fonts: Custom fonts for a unique style.

Installation and Setup

1. Clone the repository:

   git clone https://github.com/Ahmed-Elrashidii/Mealify.git
   

Contact

For any questions or collaboration requests, feel free to reach out!

• Email
• GitHub
• LinkedIn