Skip to content

Latest commit

 

History

History
43 lines (29 loc) · 1.63 KB

README.md

File metadata and controls

43 lines (29 loc) · 1.63 KB

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.

Mealify Preview

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!