Elite Driving School Australia - Website

A professional, modern website for a driving school in Australia. This website features a responsive design, comprehensive service information, booking system, and all essential features for an Australian driving school.

Features

• Responsive Design: Works seamlessly on desktop, tablet, and mobile devices
• Modern UI/UX: Clean, professional design with smooth animations
• Complete Sections:
  • Hero section with call-to-action
  • Services (Automatic/Manual, Refresher, Overseas License Conversion, Intensive Courses, etc.)
  • Pricing packages
  • Instructor profiles
  • Student testimonials
  • FAQ section with accordion
  • Booking form
  • Contact information
• Interactive Elements:
  • Mobile-responsive navigation
  • Smooth scrolling
  • FAQ accordion
  • Form validation
  • Scroll animations
• Australian-Specific:
  • AUD pricing
  • Australian cities (Sydney, Melbourne, Brisbane, Perth, Adelaide)
  • Australian phone number formatting
  • Australian business references (ABN)

File Structure

.
├── index.html          # Main HTML file
├── styles.css          # All CSS styling
├── script.js           # JavaScript functionality
└── README.md          # This file

Setup & Usage

1. Simple Setup: Just open index.html in a web browser - no build process required!

2. Local Development:

   • All files are static HTML/CSS/JS
   • No server required for basic viewing
   • For form submission, you'll need to connect it to a backend service

3. Customization:

   • Replace placeholder images (currently using placeholder.com)
   • Replace Lorem Ipsum text with actual content
   • Update contact information in the contact section
   • Modify colors in CSS variables at the top of styles.css

Customization Guide

Changing Colors

Edit the CSS variables in styles.css:

:root {
  --primary-color: #003d82;      /* Main brand color */
  --secondary-color: #ffcc00;    /* Accent color */
  --accent-color: #ff6b35;       /* Call-to-action color */
}

Replacing Images

All images use placeholder.com. Replace with actual images:

• Hero background: Line 66 in index.html
• Service images: Update src attributes in service cards
• Instructor photos: Update src attributes in instructor cards
• Student avatars: Update src attributes in testimonials
• Map placeholder: Update src in contact section

Updating Content

• Replace all Lorem Ipsum text with actual driving school content
• Update instructor names and descriptions
• Modify pricing packages
• Add real testimonials
• Update FAQ with actual questions and answers

Form Integration with Google Sheets

The booking form is configured to send data to Google Sheets. Setup is required:

1. Follow the setup guide: See GOOGLE_SHEETS_SETUP.md for detailed instructions
2. Quick setup:
   • Create a Google Sheet with header columns (Timestamp, Name, Email, Phone, Package, Location, Preferred Date, Message)
   • Create a Google Apps Script using the code in google-apps-script.js
   • Deploy it as a Web App and copy the URL
   • Update GOOGLE_SCRIPT_URL in script.js with your Web App URL
3. Alternative: If you prefer a different backend, modify the form submission handler in script.js

Browser Support

• Chrome (latest)
• Firefox (latest)
• Safari (latest)
• Edge (latest)
• Mobile browsers (iOS Safari, Chrome Mobile)

Notes

• All text is placeholder Lorem Ipsum as requested
• Images are placeholders from placeholder.com
• Form submission is frontend-only (needs backend integration)
• Australian phone number formatting is included
• The design uses Australian-specific references (AUD, cities, etc.)

License

This template is free to use and modify for your driving school business.