Responsive Slider This is a responsive image slider with navigation arrows and dot indicators. The slider is built using HTML, CSS, and JavaScript.
- Responsive design that works on different screen sizes.
- Navigation arrows for moving between slides.
- Dot indicators for direct navigation to specific slides.
- Fade-in animation for slides.
- Auto-sliding with a timer.
- Clone the repository:
git clone https://github.com/wyfir/classic_slider.git
- Navigate to the project directory:
cd classic_slider
Include the necessary files in your project and set up the HTML structure as demonstrated in the provided example files.
Include the styles and script files in your project. Customize the CSS variables to fit your design requirements.
Ensure you include the Boxicons CSS in your <head>:
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/boxicons@latest/css/boxicons.min.css"
/>This project is licensed under the MIT License - see the LICENSE file for details.
Contributions are welcome! Feel free to open issues or submit pull requests to improve this project.