https://github.com/ranitmanik/sundown-studio-clone

This project aims to replicate the user interface and functionality of the Sundown Studio website using HTML, SCSS, and JavaScript.
https://github.com/ranitmanik/sundown-studio-clone

clone clone-app creative-coding css front-end-development frontend html html-css-javascript javascript locomotive-scroll locomotivejs scss scss-framework sundown sundown-studio website website-clone website-design

Last synced: 3 months ago
JSON representation

This project aims to replicate the user interface and functionality of the Sundown Studio website using HTML, SCSS, and JavaScript.

• Host: GitHub
• URL: https://github.com/ranitmanik/sundown-studio-clone
• Owner: RanitManik
• License: mit
• Created: 2024-03-18T19:06:05.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-06-24T05:38:52.000Z (12 months ago)
• Last Synced: 2025-03-25T19:01:41.730Z (3 months ago)
• Topics: clone, clone-app, creative-coding, css, front-end-development, frontend, html, html-css-javascript, javascript, locomotive-scroll, locomotivejs, scss, scss-framework, sundown, sundown-studio, website, website-clone, website-design
• Language: SCSS
• Homepage: https://ranitmanik.github.io/sundown-studio-clone/
• Size: 55.7 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 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)

and [SwiperJS](https://swiperjs.com/) for enhanced functionality and interactivity.

## Features

- **Smooth Scrolling**: Implemented using Locomotive Scroll, providing a seamless navigation experience.

- **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.

## Contact

  

    

    Social Media

    Username

    Link

  

  

    

    Email

    [email protected]

    Email

  

  

    

    LinkedIn

    Ranit Manik

    LinkedIn

  

  

    

    Instagram

    ranit_manik_

    Instagram

  

  

    

    Facebook

    RanitKumarManik

    Facebook

  

  

    

    Twitter

    RANIT_MANIK

    Twitter

  

## License

This project is licensed under the [MIT License](LICENSE).

## Acknowledgments

I would like to express my gratitude to [The Sheryians Coding School](https://www.youtube.com/@thesheryianscodingschool)

for providing these engaging

challenge and guiding through the solution that help me enhance my skills and build real-world projects.