AVAVA Motors is a complete front-end for a modern car dealership: a showroom home page with a live vehicle configurator, six listing layouts, six vehicle detail pages, a parts shop, a loan calculator and a full dealer back office — 51 HTML pages built with plain HTML5, CSS3 and vanilla JavaScript. No framework, no jQuery, no build step. Open a file, edit the markup, upload. That's the whole workflow.

Two home pages, light and dark

The template ships with two home layouts and each of them comes in a light and a dark edition (index, index2, index-dark, index2-dark). The dark theme is not a filter thrown over the light one — it is a separately tuned palette with its own contrast, photo treatment and accent colours, so both versions look finished out of the box.

Vehicle configurator

The home page includes an interactive configurator: the visitor picks exterior colour, wheels, interior trim and packages and sees the price update instantly. It is written in a few hundred lines of readable JavaScript with the options stored in one data object, so swapping in your own models, colours and prices takes minutes, not days.

Listings in every shape a dealer needs

• 6 listing pages — grid, list, compact cards, sidebar filters left or right, and a full-width gallery layout.
• 3 map listings — cards next to an interactive map (Leaflet, bundled locally, no API key needed) with the map following the results.
• 6 vehicle detail pages — gallery-first, spec-sheet-first, split hero, sticky enquiry panel, comparison-ready and a minimal "one photo, one price" layout.
• Compare page for side-by-side specs, saved cars for logged-in visitors, and a loan calculator that computes monthly payments from price, deposit, term and rate.

Parts shop

Two shop catalogue pages and a product page for parts and accessories, plus cart, checkout and an order-complete page. The cart totals, shipping and tax are calculated in the page's own script, so the flow can be tested end-to-end straight from the ZIP.

Dealer back office — 12 pages

Most car templates stop at the public site. AVAVA Motors also includes the pages your dealer staff will work in every day:

Dashboard · Analytics · Listings · Add listing · Enquiries · Bookings · Orders · Payouts · Reviews · Messages · Profile · Settings

Every screen is designed as a real working surface: sortable tables, status tabs, charts drawn in pure SVG, editable forms with validation states and empty states. The buyer side gets its own set too: user profile, orders, saved cars and messages.

Standard pages

About, Contact (with map), Blog and single post, Pricing, Service booking, FAQ, Terms and a designed 404.

Built the way reviewers like it

• Valid, semantic HTML — every page passes the W3C Nu validator with zero errors, one <h1> per page, landmarks and skip links in place.
• Accessible — labelled controls, keyboard-reachable menus and dialogs, visible focus, sensible contrast in both themes.
• Responsive — one CSS file, mobile-first, checked at 320, 360, 390, 768, 1024 and 1440 px with no horizontal scroll anywhere.
• Fast — no framework payload. Dependencies are exactly two: Leaflet for the maps (bundled) and Google Fonts (Archivo + JetBrains Mono).
• Easy to restyle — colours, radii, spacing and type scale live in CSS custom properties at the top of style.css. Change a dozen variables and the whole site follows.
• Clean JavaScript — one main.js, organised into small named modules (menu, configurator, filters, gallery, calculator, cart, dashboard tables). Each module can be deleted without breaking the rest.

What's in the package

• 51 HTML pages
• css/style.css with commented sections
• js/main.js with commented modules
• Leaflet vendor files
• SVG icon set and brand marks
• Documentation with a page map, colour and font guide, and step-by-step notes for the configurator, calculator and cart data

Images

The preview photos are shown for demonstration only and are replaced by placeholder graphics of the same size in the download, so you can drop your own inventory photos in without resizing anything.

Fonts

Archivo and JetBrains Mono, loaded from Google Fonts. Both are free and open source; swap the two <link> tags for local files if you prefer self-hosting.

Browser support

Latest Chrome, Firefox, Safari and Edge, desktop and mobile.

Support and updates

Have a question or found something we missed? Write through the item support tab — we answer within one business day and fix confirmed issues in the next update.