https://github.com/rudra-xi/scroll-scape
A seamless vertical image-scrolling project designed for an intuitive and dynamic user experience. Perfect for showcasing galleries, portfolios, or storytelling through visuals.
https://github.com/rudra-xi/scroll-scape
cdnfont css html js swiperjs
Last synced: 2 months ago
JSON representation
A seamless vertical image-scrolling project designed for an intuitive and dynamic user experience. Perfect for showcasing galleries, portfolios, or storytelling through visuals.
- Host: GitHub
- URL: https://github.com/rudra-xi/scroll-scape
- Owner: rudra-xi
- License: mit
- Created: 2025-03-10T11:24:35.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-10T11:58:07.000Z (over 1 year ago)
- Last Synced: 2025-12-26T03:54:51.583Z (7 months ago)
- Topics: cdnfont, css, html, js, swiperjs
- Language: CSS
- Homepage: https://rudra-xi.github.io/scroll-scape/
- Size: 33.3 MB
- Stars: 6
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# Scroll Scape
## Description
Scroll Scape is a web-based project that showcases smooth horizontal scrolling effects with little animations using HTML, CSS, and JavaScript.
## Features
- Smooth scrolling animations
- Interactive elements
- Responsive design
## Installation
1. Clone the repository:
```bash
git clone https://github.com/rudra-xi/scroll-scape.git
```
2. Navigate to the project directory:
```bash
cd scroll-scape
```
## Dependencies
This project uses the following libraries:
- [Swiper](https://swiperjs.com/): A modern touch slider library.
- [CDN Fonts](https://www.cdnfonts.com/): For custom web fonts.
Include the following in your HTML file:
```html
```
```css
/* CDN Font: "Guthen Bloots Personal Use" */
@import url("https://fonts.cdnfonts.com/css/guthen-bloots-personal-use");
```
## Usage
Open `index.html` in your web browser to view the project.
## Contributing
1. Fork the repository.
2. Create a new branch:
```bash
git checkout -b feature-branch
```
3. Make your changes and commit them:
```bash
git commit -m "Add new feature"
```
4. Push to the branch:
```bash
git push origin feature-branch
```
5. Create a pull request.
## Author
[](https://github.com/rudra-xi)
## Contact
[](https://www.instagram.com/rudra.xii/)
[](https://www.linkedin.com/in/goutam-rudraxi)
## License
This project is licensed under the MIT License. See the [](/LICENSE) file for more information.