Mecanova is an auto repair website template: a dependable, hands-on HTML5 template for independent garages, car repair workshops, MOT centres and tyre centres. Workshop blue and yellow, charcoal tyre bands, bold capital headings and real workshop photography give it the feel of a busy, honest garage. Underneath, it runs real garage logic: every price follows the size of the car, a service menu adds up your visit, a bay booking lists real start times with the bay that takes the job, the MOT page works out your due date and the earliest test that keeps it.

It also has a tyre finder prices every tyre that fits your size. Finally, it has the 24h breakdown line knows how long the van takes at this hour. It ships with light and dark mode, right-to-left support and WebGL layers – faint tyre treads rolling along the bands and an alloy wheel spinning under a motion blur in the footer.

Three Home Pages

• Home 01 – Car Service & Repair: a hero slider on a tyre-tread band with prices from the data, a coupon band with a copyable code valid to the end of the month, the services priced for your car size, the workshop in facts, Tyres For Every Season – a tyre rolls across as you scroll, its tread changing from summer to winter to all-season and printing on the road – news. Then come the workshop record and three offer panels with the live breakdown line. Finally, the page ends with an appointment band and a contact split with a map.
• Home 02 – Tyre & Wheel Centre: a full-photo hero with a live opening-time card (today lit, open now, lunch break) and tyre services. Then come a tyre finder by width, profile and rim, driver reviews and a photo mosaic. Finally, the page ends with the year in numbers, How A Tyre Change Works – a jack lifts the car, the nuts come out and the wheel comes off – parts from the counter and an oil-change banner.
• Home 03 – MOT & Diagnostics: a blue hero with cut-out wheels and price tags and three docked films. Then come Dashboard Check – six warning lights go out one by one as each service passes – service and repair by car size, the mechanics, the MOT record in rings, three promises, an MOT date check beside an appointment form, and the latest jobs.

Garage Pages

• Service Menu: nineteen services in five categories, each priced for the chosen car size with its labour time, filters and search. It also has a visit panel that adds up the total. Finally, it has the time and the offer as you tick.
• Book A Bay: a five-step wizard – the car, the services, a day and a start time with the bay that can take the job for as long as it takes, details, confirm – with a live summary and a booking reference saved to My Garage. Continue never blocks; only Confirm checks the details.
• MOT & Inspection: the due date from your last test (or a new car’s registration), the earliest test that keeps your renewal date, the days left and a reminder.
• Tyre Finder: width, profile and rim narrow each other to the sizes in stock. Season, tier and sort filter the lines. Each card shows the EU label, the price each and fitted for one, two or four. The sidewall code is read out in kilograms and km/h.

More Garage Pages

• 24h Breakdown: the van’s arrival time for this hour, vans on duty, the night rate, a recovery estimate by distance and car size. It also has a request form with a job reference.
• Service Plans: interim, full and major services side by side, priced by car size or spread by the month.
• Recent Jobs: real jobs with the car, mileage, labour and the bill, filters and search. It also has a job page with the bill line by line.
• The Counter: filters, sort and search, product page, bag, coupon, free-delivery meter. It also has VAT shown inside the price, checkout with an order number and a wishlist.
• My Garage: the car size, bay bookings, the MOT date and chosen tyres saved in the browser.

Auto Repair Website Template: Inner Pages

Mecanova includes Service Menu, Service Details, Service Plans, Book A Bay and MOT & Inspection. It also has 24h Breakdown, Tyre Finder, Shop, Product, Cart, Checkout, Wishlist and About. Then come Our Mechanics, Mechanic Profile, Recent Jobs, Job Details and FAQ with search. There are also Blog, Blog Details, Contact (working PHP form and map), Login and Register. Finally, there are Forgot Password, My Garage, Coming Soon and 404 – thirty pages in total.

Auto Repair Website Template Features

• 30 HTML pages, 3 unique home page designs
• One car-size switch that repaints every labour price on every page, remembered between visits
• Light and dark mode on one switch, remembered between visits, with no flash on load
• Right-to-left stylesheets for every page and a flag language picker that turns any page around (Bootstrap RTL included)
• WebGL layers tinted by the theme colours: rolling tyre treads and an alloy wheel under a radial motion blur
• Real garage logic: prices by size, bay booking with real slots, MOT dates, tyre finder, breakdown estimate, shop totals
• A spanner-and-nut preloader, cards that rise like a car on a lift, a gauge needle on hover and three scroll moments that never pin the page
• AA contrast: ink text on the blue and yellow buttons
• Swiper sliders, Fancybox video popups, meters and rings
• prefers-reduced-motion support for accessibility
• CSS-variable design tokens for both themes
• Working PHP form handler with optional invisible reCAPTCHA v3
• Font Awesome Free loaded locally, plus illustrated service icons and dashboard warning lights
• Fully responsive with a desktop-first breakpoint system and wide-screen layouts
• Well-commented code with a numbered CSS table of contents and JS index
• Documentation included

This auto repair website template ships with documentation, free lifetime updates and an instant download. Every page also works on phones, tablets and desktops. Mecanova also comes as React, Vue, Angular and WordPress, or in the developer bundle at 20% off. Browse more Auto Repair HTML5 templates.

Credits

Bootstrap 5.3, jQuery 3.7.1, Swiper 11, GSAP 3 with ScrollTrigger, Fancybox 3.5 and Font Awesome Free. It also uses RTLCSS and Google Fonts (Noto Sans, Heebo).