Skip to content

Latest commit

 

History

History
61 lines (42 loc) · 2.76 KB

README.md

File metadata and controls

61 lines (42 loc) · 2.76 KB

Sundown Studio

Sundown Studio is a visually appealing and interactive website built with modern web technologies such as HTML, CSS, and JavaScript. The website showcases smooth scrolling, interactive sliders, and engaging animations to create a seamless user experience.

Features

  • Smooth Scrolling: Implemented using Locomotive Scroll to enhance navigation with fluid transitions.
  • Interactive Sliders: Powered by Swiper.js for a responsive and customizable slider experience.
  • GSAP Animations: Adds life to the website with engaging and smooth animations for various elements.
  • Responsive Design: The website adapts to different screen sizes, ensuring an optimal experience on both desktop and mobile devices.

Technologies Used

  • HTML5: For the structure and content of the website.
  • CSS3: To style the website and ensure responsiveness.
  • JavaScript: Adds interactivity and handles dynamic elements.
  • Locomotive Scroll (locomotive.js): Provides smooth scrolling and parallax effects.
  • Swiper.js: Used for creating touch-friendly sliders with customizable options.
  • GSAP (GreenSock Animation Platform): Handles animations for enhanced visual effects.

Project Setup

  1. Clone the repository:

    git clone https://github.com/iamvtyagi/sundown-studio.git
  2. Navigate to the project directory:

    cd sundown-studio
  3. Open the index.html file in your browser to view the website.

How It Works

  • Locomotive Scroll: Provides smooth scrolling, adding fluidity to the user experience.
  • Swiper.js: Controls the image and content sliders, allowing for touch gestures on mobile devices.
  • GSAP Animations: Smooth transitions and animations on page load, scrolling, and user interaction.

Screenshots

  • Screenshot 1
  • Screenshot 2
  • Screenshot 3
  • image
  • Screenshot 4
  • Screenshot 5

License

This project is licensed under the MIT License - see the LICENSE file for details.


Feel free to contribute by forking the project and submitting a pull request, or contact me if you have any questions or suggestions!

Contact