Skip to content

Xhuli4/imageSlider

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.

About

This project is a Healthy Eating Slideshow that highlights the health benefits of foods like avocado, fish, fruits, and vegetables. It features smooth transitions, navigation buttons, and informative captions. Built with HTML, CSS, and JavaScript, users can easily navigate through the slides using previous/next buttons or navigation dots.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors