Motorvia is an animated HTML5 template for car dealerships, showrooms and car marketplaces. Each of its seven home pages is written for one kind of visitor – the everyday buyer, the EV switcher, the luxury buyer, the new car shopper, the budget buyer, the owner booking a service and the seller – and each carries the tool that visitor came for. Behind the design sits dealership logic that is worked out rather than typed in: one stock list drives every search and count, and the finance, lease, running cost, budget, valuation, service and trade-in figures are all calculated live. It ships with a light and a dark theme, right-to-left support with a language picker, and a WebGL light layer.

Seven Home Pages, Seven Audiences

• Home 01 – Main Dealership: a three-slide hero over a stock search with dependent make and model and a live match count, the four things the dealership does, body-type tiles, a featured car rail, marques, a finance band, test drive booking, the inspection story, reviews and an instant valuation.
• Home 02 – Electric: range-tested EV stock, a running cost calculator against your current car, charging time from 10 to 80 percent, the fast half of the floor and an owner wall – on its own volt green accent.
• Home 03 – Prestige: a centred header over the collection, a hero that zooms out as it leaves, private viewings with a named specialist, a three-version comparison table and Saturday drive days – on a champagne accent.
• Home 04 – Build & Price: a showroom configurator – the car on a studio stage, a graphite control panel with four versions, the cash price and the live monthly payment – and finance and lease side by side with the cheaper option marked.
• Home 05 – Used Cars: a header with stock search built in, a budget planner that turns a monthly payment into a price ceiling and counts the cars under it, this week’s arrivals and the four inspection passes.
• Home 06 – Service Centre: a priced service menu that adds up the jobs, the workshop time and the ready-by time, service plans, the workshop map and a dealer finder.
• Home 07 – Sell Your Car: an instant offer range against the private range, a trade-in calculator showing the next car’s payment with and without your car, and how collection and payment work.

Inventory & Vehicle Pages

• Three inventory layouts: grid, list and a list beside a map, sharing one filter sidebar, with working sort and a live result count.
• Car details: gallery with thumbnails, key specs, the inspection sheet, the equipment list, a finance calculator and the seller card.
• Compare: a drawer that collects up to three cars from any card and a ten-row comparison that marks the better figure in each row.
• Add Listing: a four-step sell-your-car form.

Inner Pages

Showroom directory and showroom profile, seller dashboard, pricing plans, About with the team, journal and article with comments, Contact with a working PHP form and map, Login, Register, Forgot Password, Coming Soon with a live countdown and 404 – 26 pages in total, all sharing the same three-level navigation, Home mega menu, mobile menu and compare drawer.

Features

• 26 HTML pages, 7 home pages each built for one audience
• One 46-car stock list drives the make and model selects, every match count, the body and brand tallies and the budget planner
• Finance calculator, finance or lease comparison, EV running cost and charging time, budget planner, instant valuation and trade-in calculator
• Priced service menu with workshop time and ready-by time, and test drive slots built from the showroom hours
• Showroom open or closed status in the top bar, footer and showroom cards, from the visitor’s own clock
• Light and dark mode, remembered between visits and applied before the page paints
• Right-to-left stylesheets and a flag language picker – a right-to-left language turns the page around
• WebGL Road Light layer: headlight trails, studio paint reflections, volt field lines and map contours, tinted by the theme colours and paused off screen
• Audience moods: a home can run on its own accent colour with one class
• Gauge Sweep preloader, skew-slide reveals and one scroll moment on each home
• Six header treatments and four footer treatments across the homes and inner pages
• Swiper sliders and a video popup that only writes the player into the page when it is opened
• prefers-reduced-motion support: content shows in its finished state
• CSS-variable design tokens for colours, fonts, radii and shadows
• Working PHP contact form handler with optional invisible reCAPTCHA v3
• Motorvia Icons: 90 fine-line interface icons drawn for the template, one stroke on one grid, as a local icon font (Font Awesome Brands for the network logos)
• A body-type rail on every page: seven fine-line silhouettes with live stock counts, docked under the hero or the page title
• Fully responsive across 1399 / 1199 / 991 / 767 / 575, with a wider scale for large screens
• W3C valid, zero console errors
• Well-commented code with a numbered CSS table of contents (79 sections) and a JS index (48 blocks)
• Documentation included

Credits

Bootstrap 5.3, jQuery 3.7.1, Swiper 11, Font Awesome Free (network logos), Google Fonts (Saira, Rubik), RTLCSS.

Note

All photographs are used for preview purposes only and are not included in the download package – they are replaced with neutral placeholders. The logo files, favicon, press logos and language flags are included; the car makers’ marque badges ship as placeholders too. Fonts and icon fonts load locally; the only external requests are Google Fonts, the Google Maps embeds and the video popup.