Two Good Co - Animated Website

Project Overview:

• A visually appealing animated website for Two Good Co.
• Utilizes modern web technologies for a dynamic user experience.

Technologies Used:

• HTML5: Basic structure of the website.
• CSS3: Styling and layout.
• JavaScript: Interactivity and animations.
• GSAP: Smooth animations and transitions.
• Locomotive Scroll: Parallax effects and smooth scrolling.
• RemixIcon: Scalable vector icons.

Key Features:

• Smooth Scrolling & Parallax Effects:
  • Implemented using Locomotive Scroll for an enhanced user experience.
• Animated Logo:
  • SVG logo for Two Good Co, with animations applied.
• Responsive Design:
  • Fully responsive, and adapts to various screen sizes.
• External Libraries:
  • GSAP: Manages animations smoothly.
  • Locomotive Scroll: Adds parallax scrolling effects.
  • RemixIcon: Provides vector icons.

Project Structure:

• index.html: Main HTML file containing webpage structure.
• style.css: CSS file for styling and layout management.
• app.js: JavaScript file for interactivity and animations.

Setup & Usage:

• Clone the Repository:

  git clone https://github.com/Sancharisingh/Animated_website.git

Navigate to Project Directory:

cd Two-Good-Co

Run the Project:

Open index.html in a web browser.
Optionally, use a local server (e.g., Live Server in VS Code) for live preview.

YOUTUBE video link

https://youtu.be/dOaKPHEIzYg