https://github.com/adityamamta/carousel

Responsive carousel of famous places made with HTML , CSS and Javascript (swiper js)
https://github.com/adityamamta/carousel

carousel-slider html-css-javascript responsive slider swiper-js

Last synced: 5 days ago
JSON representation

Responsive carousel of famous places made with HTML , CSS and Javascript (swiper js)

• Host: GitHub
• URL: https://github.com/adityamamta/carousel
• Owner: adityamamta
• Created: 2024-11-03T06:11:03.000Z (2 months ago)
• Default Branch: main
• Last Pushed: 2024-11-03T06:39:25.000Z (2 months ago)
• Last Synced: 2024-11-03T07:19:56.677Z (2 months ago)
• Topics: carousel-slider, html-css-javascript, responsive, slider, swiper-js
• Language: HTML
• Homepage: https://adityamamta.github.io/carousel/
• Size: 13.3 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Responsive Carousel of famous places

## 

This project is a responsive image carousel built with Swiper.js, featuring custom navigation buttons and an elegant card design.

### Key Features

- Responsive Slides Per View: Automatically adjusts the number of visible slides based on screen size, making it mobile-friendly.

- Autoplay: Smooth automatic transitions with configurable delays, which will be disabled after user interaction, requiring manual navigation to continue.

- Custom Navigation Buttons: Includes custom-designed next and previous buttons for seamless manual navigation.

- Keyboard Control: Allows users to navigate slides using keyboard arrows for improved accessibility.

- Lazy Loading: Optimized to load images only when needed, enhancing performance.


### Tech Stack

- HTML & CSS for layout and styling

- JavaScript for Swiper.js configuration

### 💼 Contact me 

- linkedin. [Linkedin](https://www.linkedin.com/in/adityamamta/)

- Email: [email protected]

![preview img](img/carousel-mockup.png)