https://github.com/wyfir/classic_slider
Easy and Responsive Slider with clear arrows and some buttons to navigate between images.
https://github.com/wyfir/classic_slider
css html html-css-javascript javascript responsive-slider slider sliders
Last synced: 5 months ago
JSON representation
Easy and Responsive Slider with clear arrows and some buttons to navigate between images.
- Host: GitHub
- URL: https://github.com/wyfir/classic_slider
- Owner: wyfir
- License: mit
- Created: 2024-07-18T20:47:12.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-07-19T16:25:39.000Z (11 months ago)
- Last Synced: 2024-11-11T01:07:48.591Z (7 months ago)
- Topics: css, html, html-css-javascript, javascript, responsive-slider, slider, sliders
- Language: CSS
- Homepage: https://wyfir.github.io/classic_slider/
- Size: 6.81 MB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
Awesome Lists containing this project
README
# Responsive Slider
Responsive Slider This is a responsive image slider with navigation arrows and dot indicators. The slider is built using HTML, CSS, and JavaScript.
## Features
- 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.
## Demo
[Live Demonstration](https://wyfir.github.io/classic_slider/)
## Installation
1. **Clone the repository:**
```bash
git clone https://github.com/wyfir/classic_slider.git
```
2. **Navigate to the project directory:**
```bash
cd classic_slider
```
## Usage
Include the necessary files in your project and set up the HTML structure as demonstrated in the provided example files.
# Css and JavaScript
Include the styles and script files in your project. Customize the CSS variables to fit your design requirements.
## Important!
Ensure you include the Boxicons CSS in your ``:
```html
```
## License
This project is licensed under the MIT License - see the [LICENSE](LICENSE.txt) file for details.
# Contributing
Contributions are welcome! Feel free to open issues or submit pull requests to improve this project.