A modern, responsive food delivery and restaurant website built with HTML, CSS, and JavaScript. Features a sleek design with smooth animations, mobile-friendly navigation, and sections for menu exploration, reservations, testimonials, and more.
- Hero Section: Eye-catching introduction with call-to-action buttons and statistics.
- Menu Categories: Interactive carousel for browsing food categories.
- Menu Picks: Grid layout showcasing featured dishes with pricing.
- Testimonials: Rotating customer reviews with images.
- Reservations: Cards for booking tables at different locations.
- Footer: Comprehensive footer with social links and site navigation.
- Mobile Responsive: Optimized for all screen sizes with a hamburger menu.
- Smooth Animations: CSS animations for enhanced user experience.
- HTML5: Semantic markup for structure.
- CSS3: Custom styles with CSS variables, flexbox, grid, and animations.
- JavaScript: Interactive elements like carousel controls and mobile menu.
- Font Awesome: Icons for UI elements.
- Google Fonts: Playfair Display and DM Sans for typography.
-
Clone the repository:
git clone https://github.com/trsk269/LetsEatP1.git
-
Navigate to the project directory:
cd LetsEatP1 -
Open
index.htmlin your web browser to view the site.
No additional dependencies or build steps are required as this is a static website.
- Navigation: Use the top navigation bar to jump to different sections.
- Mobile Menu: On smaller screens, tap the hamburger icon to access the menu.
- Carousel: Click the left/right arrows to browse menu categories.
- Testimonials: Dots below the testimonial section allow manual navigation.
- Reservations: Hover over reservation cards for interactive effects.
LetsEatP1/
├── index.html # Main HTML file
├── styles.css # All CSS styles
└── README.md # This file
Contributions are welcome! Please fork the repository and submit a pull request with your changes.
This project is open source and available under the MIT License.
For questions or feedback, reach out via GitHub issues.