GT3 Racing Website

A dynamic and engaging static website dedicated to the thrilling world of GT3 motorsport. Explore legendary GT3 cars, discover iconic racetracks, stay updated on upcoming GT World Challenge events, and easily connect through a dedicated contact page.

Description

This project provides an immersive online experience for GT3 racing enthusiasts. Built with a focus on modern web standards and captivating design, the website serves as a central hub for information on the GT World Challenge, featuring detailed sections on vehicles, circuits, and race schedules. Interactive elements and smooth animations enhance user engagement, making the exploration of GT3 racing both informative and enjoyable.

✨ ## Features

• Comprehensive GT3 Information: Dedicated sections for GT3 cars, legendary racetracks, and upcoming racing events.
• Responsive Navigation: Seamless user experience across desktop and mobile devices with a collapsing hamburger menu.
• Interactive Car & Track Galleries: Visually appealing cards detailing specifications for various GT3 models and key facts about global circuits.
• Dynamic Event Listing: Stay informed with a list of upcoming GT World Challenge Sprint and Endurance Cup races.
• Smooth Scroll Animations: Engaging fade-in and counter animations powered by GSAP (GreenSock Animation Platform) and ScrollTrigger.
• Floating Elements & Custom Cursor: Subtle background animations and a custom cursor enhance the visual appeal.
• Horizontal Scrolling Cards: An innovative display of legendary GT3 brands on the homepage.
• Contact Form: A user-friendly form for inquiries and feedback.
• Modern Footer: Provides essential navigation and copyright information.

📚 ## Tech Stack

• Frontend:
  • HTML5
  • CSS3 (custom styles, responsive design)
  • JavaScript (ES6+)
• Styling & UI:
  • Bootstrap 5 - Responsive grid system and components.
  • Font Awesome - Vector icons.
  • Google Fonts - Anek Devanagari, Lato, Raleway for typography.
• Animations:
  • GSAP (GreenSock Animation Platform) - High-performance JavaScript animation library.
  • ScrollTrigger - GSAP plugin for scroll-based animations.

🚀 ## Installation

This project is a static website, so no complex build process is required.

1. Clone the repository:

   git clone https://github.com/mike-s-zaugg/gt3.git
   cd gt3

2. Open in your browser: Simply open the index.html file in your preferred web browser.

   # For macOS/Linux users, you might use:
   open index.html
   # For Windows users, you can typically double-click the file in Explorer.

   Alternatively, you can serve it with a local web server (e.g., using Live Server VS Code extension) for better asset loading experience.

▶️ ## Usage

Once the index.html file is open in your browser, you can navigate the website using the top navigation bar or the footer links.

• Homepage (index.html): Provides an overview of GT3 racing, key statistics, and links to other sections.
• Cars (autos.html): Discover detailed information and images of various GT3 vehicles.
• Tracks (strecken.html): Explore renowned GT3 racetracks from around the world.
• Events (events.html): View a calendar of upcoming GT World Challenge races.
• Contact (kontakt.html): Fill out the form to send a message.

🤝 ## Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

📝 ## License

This project does not have a license as it was created for a school project. Copying or using it is not allowed.