TailwindFoodApp

Overview

Food Ninja is a responsive website template designed for showcasing recipes. Built with HTML, CSS, and Tailwind CSS, this project demonstrates a modern layout and UI design principles. It features a navigation menu, recipe cards, and a mobile-friendly burger menu.

Features

• Responsive Design: Adapts to various screen sizes for an optimal viewing experience.
• Navigation Menu: Includes a structured navigation menu with links to Home, About, and Contact sections.
• Recipe Cards: Displays a selection of recipes with images and details.
• Mobile Menu Toggle: A burger menu that shows and hides the navigation links on smaller screens.

How to Use

1. Clone the repository to your local machine.
2. Open the index.html file in your web browser.
3. Explore the navigation and recipe sections.
4. Click the burger icon to toggle the menu visibility on mobile devices.

Technologies Used

• HTML5: For structuring the content.
• Tailwind CSS: For styling and responsive design.
• JavaScript: For interactive elements like the burger menu toggle.

Learning Resource

This project was developed following a course by Net Ninja for learning Tailwind CSS.

License

This project is for learning purposes only. Feel free to modify and use it as you wish.