AVAVA Home – Real Estate HTML Templates (two templates in one package)
One download, two complete real-estate templates, each built by hand as plain HTML, CSS and JavaScript. AVAVA Home Estate is a dark, editorial template for estate agencies, developers and property portals. AVAVA Real Estate, new in this version, is a light template with a full dark theme for a private brokerage that shows its working: surveys, answering times, an advisor’s desk and a journal. Both share the same approach — one stylesheet, one script, no build step and no framework to learn. Open a file, edit it, upload it.
Template one — AVAVA Real Estate (new)
70 hand-built pages in a warm light palette, with a complete dark theme that switches from the header and remembers the visitor’s choice.
- 2 homepages — the same page with two hero treatments, each with its own light and dark photography.
- 5 listing card styles — standard, overlay, docket, framed and survey-led — each documented on its own page so you can pick the card that fits your stock.
- 10 search views — five grid and list views, a search with a left sidebar, one with a right sidebar, and three map searches with a live map beside the results.
- 6 property detail layouts — the home as a drawing sheet, a sticky sidebar version, a thumbnail rail, a plate-by-plate version, a day-by-day history with a photo viewer, and more. Viewing dockets, room plans, monthly cost breakdowns, question forms and building and document sections included.
- 9 buyer dashboard screens — overview, saved properties, saved searches, viewings, price alerts, messages, documents, sell my home (a five-step form with a map) and profile and settings.
- 14 advisor dashboard screens — overview, today, your buyers, listings, add a home (six steps), price moves, viewings calendar, availability, reports, documents, messages, public page, pledge, and profile and settings. Every screen has a shared sticky rail, live filters, counters that recompute, and forms that work in the browser.
- 4 journal layouts — a classic three-column journal with sticky rails and additive filters, a masthead version with a reading queue, a typographic index with a questions rail, and a photograph-free version with full-text search and the desk’s own figures.
- 4 article layouts — a long read with letters and a reply form, the same article in a second frame, a broadsheet with two text columns and ordinary comments, and a four-chapter version with a sortable comment thread.
- 16 content and tool pages — about, agents, agent profile, team, services, pricing, mortgage calculator (six working calculators), home loan process, compare, careers, free agent account, FAQ, contact with a live map, 404, a full style guide and an empty starter page.
Template two — AVAVA Home Estate
68 hand-built pages in a dark, editorial palette.
- 3 homepages — three different openings for the same agency.
- 16 listing layouts — 5 grids, 5 lists and 6 map views, including a three-way switcher and a full-screen search workspace.
- 7 property registers — for sale, to rent, new builds, recently sold, land and plots, commercial, and a complete A–Z directory.
- 5 property detail pages — galleries, floor plans, street view, video chapters, room-by-room breakdowns and reviews.
- 19 dashboard screens — 9 for the buyer and 10 for the agent, from saved homes and price alerts to listings, offers, enquiries, clients and performance.
- 4 journal pages — two index styles and two article styles, with an RSS feed.
- 14 content and tool pages — about, agents, agent profile, pricing, FAQ, contacts, careers, compare, mortgage calculator, home loan process, sign-up, coming soon, 404 and a full style guide.
Built to be edited
- Vanilla JavaScript. No jQuery, no Bootstrap, no npm install, no bundler. Every behaviour is an independent, commented block in one
main.js; a block runs only on pages that have its markup, and you can delete any block you do not need. - One stylesheet per template in numbered sections with a table of contents at the top. Every colour, size and radius comes from a CSS custom property — change the palette in one block and the whole site follows. In AVAVA Real Estate the dark theme is a second set of the same variables, so a colour you change once is right in both themes.
- Maps on 12 pages of AVAVA Real Estate and 13 pages of AVAVA Home Estate, drawn with Leaflet and free OpenStreetMap tiles — no API key, no account. Change a location by editing the coordinates on the map element; the scroll wheel zooms the map only after a click, so the page keeps scrolling.
- Progressive enhancement. Every page renders, reads and navigates with JavaScript switched off. The mobile menu is pure CSS.
- Valid, semantic HTML5 — one main heading per page, real navigation elements, real tables for tabular data, labelled forms, skip links and ARIA where it earns its place. Zero errors on the W3C markup and CSS validators, no inline styles, no console errors.
Responsive and accessible
Tested from a 320px phone to a 2560px display in current Chrome, Firefox, Safari and Edge, with no horizontal scrolling at any width. Sizes are fluid, so there is no fixed maximum width. Sticky rails become ordinary blocks on phones, grids collapse in order, tables turn into cards, and everything the desktop reveals on hover is shown permanently on touch screens — nothing is reachable only with a mouse. Nothing on either template is set smaller than 12px, and text contrast holds in both themes.
Working tools, not screenshots
The six mortgage calculators, the compare bench, the price simulators, the filters, sorting and pagination on every listing page, the dashboard filters and toggles, the journal search and comment sorting, the letter and comment forms and the maps all actually run in the browser. Forms confirm in place; connect them to your own endpoint by changing the form action and removing one line in the script.
Documentation
Each template ships with its own step-by-step HTML manual with screenshots: getting started, file structure, a list of every page, the anatomy of a page, editing menus, logo and favicon, colours and the dark theme, swapping fonts, replacing images (with a table of every image and its exact size), editing text and cards, the footer, connecting forms, the maps, every JavaScript feature, responsive behaviour, SEO, publishing to your host, and the licence behind every asset.
Images
The hero images on the homepages and the small round avatars are included and licensed to you with the templates. All other imagery is supplied as striped placeholders drawn at the exact size the layout expects, with that size and the file name printed on each one — drop your own photography in under the same name and nothing shifts. Every demo name, address, price and figure is fictional.
Not included
These are HTML templates: there is no back end, no database and no CMS. Map tiles, the Leaflet library and the Google Fonts are the only things loaded from the network at run time.