Capsicum - FrontEnd

A self designed website Capsicum website built using HTML, CSS, and JavaScript, powered by GSAP for animations and Locomotive Scroll for smooth scrolling effects.

✨ Features

• Smooth Scroll Experience – Achieved using Locomotive Scroll for fluid user interaction.
• GSAP Animations – Engaging scroll-based and entrance animations throughout the site.
• Modern UI/UX – Pixel-perfect layout mimicking the original Duo Studios design.
• Responsive Design – Looks great on all screen sizes, including mobile.
• Clean Codebase – Modular and well-commented code for easy understanding and customization.

🗂️ Folder Structure

📁 duo-studios-clone
│── 📁 images          # Images and media
│── 📄 style.css      # Stylesheets
│── 📄 script.js      # JavaScript files
│── 📄 index.html     # Main HTML file
│── 📄 README.md      # Project documentation

🛠️ Technologies Used

• HTML5 – Markup structure
• CSS3 – Styling with responsive design
• JavaScript (ES6+) – Interactivity and DOM manipulation
• GSAP (GreenSock) – For smooth, timeline-based animations
• Locomotive Scroll – For inertia-based smooth scrolling and scroll triggers

⚙️ How to Run Locally

1. Clone the repository:

   git clone https://github.com/yourusername/capsicum.git

2. Navigate to the project directory:

   cd capsicum

3. Open index.html in your preferred browser or use Live Server.

📷 Screenshots

👨‍💻 Author

Made by Siddharth Bansal