Skip to content

Commit c5169fa

Browse files
authored
Update and rename markdown-readme.md to README.md
1 parent a3fcfcc commit c5169fa

File tree

2 files changed

+24
-149
lines changed

2 files changed

+24
-149
lines changed
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
# Responsive Card Slider
2+
3+
A modern, lightweight responsive card slider built with vanilla JavaScript, HTML, and CSS. This slider automatically adapts to different screen sizes, showing the optimal number of cards for each viewport while maintaining smooth transitions.
4+
5+
![Responsive Card Slider](Screenshot.png)
6+
7+
## Features
8+
9+
- **Fully Responsive**: Automatically adjusts the number of visible cards based on screen size
10+
- **Touch Support**: Swipe gestures on mobile devices
11+
- **Keyboard Navigation**: Use arrow keys to navigate between slides
12+
- **Pagination**: Visual indicator of current position with clickable dots
13+
- **Smooth Transitions**: CSS transitions for smooth sliding effects
14+
- **No Dependencies**: Built with vanilla JavaScript, no external libraries required
15+
- **Optional Autoplay**: Can be enabled for automatic cycling through cards
16+
- **Customizable**: Easily modify styles to match your project's design
17+
18+
19+
1. Clone the repository:
20+
```bash
21+
git clone https://github.com/yourusername/responsive-card-slider.git
22+
```
23+
24+
2. Open `index.html` in your browser to see the slider in action.

Project 1 - Responsive Card Slider/markdown-readme.md

-149
This file was deleted.

0 commit comments

Comments
 (0)