https://github.com/rahil1202/parallax

Collection of 3D websites with the parallax effects
https://github.com/rahil1202/parallax

css3 html javascript ui-design

Last synced: about 5 hours ago
JSON representation

Collection of 3D websites with the parallax effects

• Host: GitHub
• URL: https://github.com/rahil1202/parallax
• Owner: rahil1202
• Created: 2023-07-27T04:55:07.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-08-26T05:16:03.000Z (over 1 year ago)
• Last Synced: 2024-04-24T07:15:25.683Z (9 months ago)
• Topics: css3, html, javascript, ui-design
• Language: HTML
• Homepage: https://parallax-moon-theme-rahil1202.netlify.app
• Size: 14.1 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 🌌 Parallax Website Collection

Welcome to the GitHub repository of my Parallax Website Collection built using HTML, CSS, and JavaScript. This project is a collection of 3 stunning parallax websites that showcase captivating scrolling effects and interactive elements.

## 🌐 Live Demo

Check out the live demo of the Parallax Website Moon theme ➡️ [Live Demo](https://parallax-moon-theme-rahil1202.netlify.app)

Check out the live demo of the Parallax Website Nike theme ➡️ [Live Demo](https://parallax-nike-theme-rahil1202.netlify.app)

Check out the live demo of the Parallax Website Jungle theme ➡️ [Live Demo](https://parallax-jungle-theme-rahil1202.netlify.app)

## ScreenShots 

![Screenshot 2023-08-01 110252](https://github.com/rahil1202/parallax/assets/104057403/589e8179-abbf-4823-b1ad-49071913224f)

![Screenshot 2023-08-01 110419](https://github.com/rahil1202/parallax/assets/104057403/5993066b-6fdb-4abd-8191-3ba71230de03)

![Screenshot 2023-08-01 110514](https://github.com/rahil1202/parallax/assets/104057403/2d67f7a7-410b-4207-a983-3c3c866c6edb)

## 🚀 Features

- **Parallax Scrolling**: Created mesmerizing parallax scrolling effects that give a sense of depth and immersion to the web pages.

- **Interactive Elements**: Implemented interactive elements like scroll-triggered animations and hover effects for an engaging user experience.

- **Responsive Design**: Developed responsive layouts to ensure a seamless viewing experience across various devices and screen sizes.

## 🛠️ Technologies Used

- **HTML**: For structuring the web pages and content.

- **CSS**: For styling the layout, colors, and typography.

- **JavaScript**: For implementing interactive features and parallax scrolling.

## 🛠️ Installation

1. Clone the repository:

   ```

   git clone https://github.com/rahil1202/parallax.git

   ```

2. Navigate to the project directory:

   ```

   cd parallax

   ```

3. Open `index.html` in your web browser to view the Parallax Website Collection.