SidCup Family Golf Clone

This project is a clone of the website sidcupfamilygolf.com. It has been created as a learning exercise to understand the basics of JavaScript, DOM manipulation, and GSAP animations.

Features

• Custom Cursor: A dynamic cursor that changes appearance based on user interactions.
• Smooth Scrolling: Implemented using JavaScript for seamless navigation.
• GSAP Animations: Various animations triggered on scroll and hover.
• Responsive Design: Styled using CSS to ensure compatibility across devices.

Project Structure

• index.html: The main HTML file containing the structure of the website.
• style.css: The CSS file for styling the website.
• script.js: The JavaScript file for interactivity and animations.
• assets/: Contains media files such as images, videos, and fonts.

Technologies Used

• HTML: For structuring the content.
• CSS: For styling and layout.
• JavaScript: For interactivity and animations.
• GSAP: For advanced animations.

How to Run

1. Clone the repository or download the project files.
2. Open index.html in a web browser.

Learning Outcomes

• Understanding of DOM manipulation.
• Basics of GSAP for animations.
• Improved CSS styling techniques.
• Integration of custom fonts and media assets.

Credits

This project is inspired by the original website sidcupfamilygolf.com. All media assets used are for educational purposes only.