-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
96ea5dd
commit 1606b44
Showing
2 changed files
with
50 additions
and
2 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,2 +1,50 @@ | ||
# sundown-studio-clone | ||
clone of a famous website https://www.sundown-studio.com/ | ||
# Sundown Studio Clone | ||
|
||
 | ||
|
||
This is a clone of the famous website [Sundown Studio](https://www.sundown-studio.com/), recreated using HTML, SCSS, and | ||
JavaScript. The project utilizes several frameworks/libraries | ||
including [Locomotive Scroll](https://github.com/locomotivemtl/locomotive-scroll), [GSAP ScrollTrigger](https://greensock.com/scrolltrigger/), | ||
and [SwiperJS](https://swiperjs.com/) for enhanced functionality and interactivity. | ||
|
||
## Features | ||
|
||
- **Smooth Scrolling**: Implemented using Locomotive Scroll, providing a seamless navigation experience. | ||
- **Scroll-based Animations**: Leveraging GSAP ScrollTrigger for scroll-based animations and effects. | ||
- **Image Slider**: Utilizing SwiperJS to create dynamic and responsive image sliders. | ||
- **Responsive Design**: Ensuring the website looks great and functions well across various devices and screen sizes. | ||
|
||
## Installation | ||
|
||
1. Clone the repository: | ||
|
||
```bash | ||
git clone https://github.com/RanitManik/sundown-studio-clone.git | ||
``` | ||
|
||
2. Open the project directory: | ||
|
||
```bash | ||
cd sundown-studio-clone | ||
``` | ||
|
||
3. Open `index.html` in your preferred web browser. | ||
|
||
## Usage | ||
|
||
Feel free to explore the codebase, customize it to fit your needs, or use it as a reference for learning HTML, SCSS, and | ||
JavaScript. | ||
|
||
## Contributing | ||
|
||
Contributions are welcome! If you'd like to improve this project, please follow these steps: | ||
|
||
1. Fork the project. | ||
2. Create your feature branch (`git checkout -b feature/AmazingFeature`). | ||
3. Commit your changes (`git commit -m 'Add some AmazingFeature'`). | ||
4. Push to the branch (`git push origin feature/AmazingFeature`). | ||
5. Open a pull request. | ||
|
||
## License | ||
|
||
This project is licensed under the [MIT License](LICENSE). |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.