Fenta Frontend

Description:

Fenta is a simple web project showcasing a fictional soft drink brand. It includes a homepage with product information and a navigation bar.

Features:

• Responsive design for various screen sizes.
• Navigation bar for easy navigation throughout the website.
• Product showcase with images and descriptions.
• Interactive animations powered by GSAP library.

Project Structure:

• index.html: Main HTML file containing the structure of the webpage.
• style.css: CSS file for styling the HTML elements.
• script.js: JavaScript file for adding interactivity and animations.

Technologies Used:

• HTML
• CSS
• JavaScript
• GSAP library for animations

How to Use:

1. Clone the repository to your local machine.
2. Open the index.html file in your web browser to view the webpage.
3. Navigate through the different sections using the provided links in the navigation bar.
4. The animations on the page are triggered based on scrolling. The JavaScript code in script.js utilizes the GSAP library to animate elements when certain sections come into view during scrolling.
5. If you want to modify the animations or their triggers, you can do so by editing the JavaScript code in script.js. The comments within the code can guide you through understanding and customizing the animations.

Deployed Project:

Check out the deployed version of the project here.

Credits:

• Remix Icon for icons used in the project.
• GSAP Library for animations.

Feel free to contribute or modify the project according to your needs!