https://github.com/ksupyl/fairy_forest_parallax_website_portfolio

Website with Parallax scroll effect.
https://github.com/ksupyl/fairy_forest_parallax_website_portfolio

adaptive bem-methodology css3 html5 js parallax-scrolling

Last synced: about 1 month ago
JSON representation

Website with Parallax scroll effect.

• Host: GitHub
• URL: https://github.com/ksupyl/fairy_forest_parallax_website_portfolio
• Owner: ksupyl
• Created: 2024-07-09T06:52:59.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-10-24T18:54:18.000Z (2 months ago)
• Last Synced: 2024-10-26T04:37:45.764Z (2 months ago)
• Topics: adaptive, bem-methodology, css3, html5, js, parallax-scrolling
• Language: CSS
• Homepage: https://ksupyl.github.io/Fairy_Forest_Parallax_website_portfolio/
• Size: 12.4 MB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Fairy_Forest_Parallax_website_portfolio   [![wakatime](https://wakatime.com/badge/github/ksupyl/Fairy_Forest_Parallax_website_portfolio.svg)](https://wakatime.com/badge/github/ksupyl/Fairy_Forest_Parallax_website_portfolio)

### Creating a beautiful 3D website with a Parallax scrolling effect.

## :books: Languages, Frameworks and Libraries:

- [![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)](https://developer.mozilla.org/en-US/docs/Web/HTML)

- [![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white)](https://www.w3schools.com/css/)

- [![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)](https://developer.mozilla.org/en-US/docs/Web/JavaScript)

## :hammer_and_wrench: Tools:

- [![Visual Studio Code](https://img.shields.io/badge/Visual%20Studio%20Code-0078d7.svg?style=for-the-badge&logo=visual-studio-code&logoColor=white)](https://code.visualstudio.com/)

- [![Edge](https://img.shields.io/badge/Edge-0078D7?style=for-the-badge&logo=Microsoft-edge&logoColor=white)](https://www.microsoft.com/en-us/edge/?form=MA13FJ)

- [![Gimp Gnu Image Manipulation Program](https://img.shields.io/badge/Gimp-657D8B?style=for-the-badge&logo=gimp&logoColor=FFFFFF)](https://www.gimp.org)

## **Demo:** [https://ksupyl.github.io/Fairy_Forest_Parallax_website_portfolio/](https://ksupyl.github.io/Fairy_Forest_Parallax_website_portfolio/) 

![Fairy Forest](./img/demonstration/demonstration1.png)

![Fairy Forest](./img/demonstration/demonstration2.png)