Healthy Eating Slideshow

This project is a Healthy Eating Slideshow, which showcases the health benefits of different foods such as avocado, fish, fruits, and vegetables. The slideshow includes smooth transitions, images, captions, and navigation buttons to provide a user-friendly and interactive experience.

Features

• A fully functional slideshow with smooth fade transitions.
• Descriptive captions for each food item.
• Navigation buttons (Previous and Next) to navigate through slides.
• Dots at the bottom for quick navigation to specific slides.
• Mobile responsive design to ensure proper functionality on smaller devices.

Installation

1. Clone or download the repository:

2. Open the index.html file in your browser to view the slideshow.

Usage

1. Simply open the index.html file in your web browser to view the slideshow.

2. You can customize the slideshow by:

• Changing the image sources (src attributes) in the <img> tags.
• Updating the captions for each image inside the <div class="caption">.
• Adjusting the CSS styles in the style.css file to match your design preferences.