N°1Modern real estate HTML templatev1.0
Six homepages.One bold system.
Holt turns property search into a sentence, the market into a live table and every home into a photograph worth stopping for. Hand-coded HTML, CSS and vanilla JavaScript for agencies, developers and independent agents.
01Homepages
Six ways in.
Hover a frame to scroll the whole page. Select one to open the live demo. Every layout uses the same sections, so you can mix them freely.
02Inner pages
Every page a buyer needs.
Nineteen inner pages cover search, listings, selling, partners and company. Filter by section.
Homes · grid01
Live filters, sorting and view toggle
Homes · list02
Detailed rows with the same filters
Homes · map03
Map search with synced previews
Property04
Gallery lightbox, plan, light study, booking
New builds05
Developments overview
Development06
Unit types, programme, registration
Sell07
Three-step valuation wizard
Mortgage08
Live calculator with payment donut
The Index09
Quarterly market report
Partners10
Team grid and wider team
Partner profile11
Stats, listings and contact form
Careers12
Open roles and perks
About13
Story, values, history and team
Journal14
Featured post, filters and grid
Article15
Long-form reading layout
Contact16
Form, offices and map
FAQ17
Tabbed accordions
Account18
Sign in, register, saved homes
40419
A bold error page
03Features
Built to work.
Every feature on this page works in the delivered files: filters, calculator, lightbox, wizard, favourites and map.
6 homepage demos
Signature, map-first, data-led, editorial, people-led and cinematic. Mix sections freely.
25 HTML pages
Every page a real estate site needs, from search to 404, on one shared stylesheet.
Live market index
District table with sparklines, bar charts and live median. Swap the numbers, keep the design.
Topographic map
Generated contour map with pins, hover previews and a synced list. Replace with Leaflet or Google Maps.
Mortgage calculator
Price, deposit, rate, term and tax sliders with a live monthly figure and payment donut.
Saved homes
Heart any home; the shortlist and header counter persist in the browser.
Gallery lightbox
Keyboard-accessible lightbox with arrows, swipe-ready markup and focus handling.
Light study
A sun-path diagram on every property page: the detail buyers ask about on viewing two.
Three colour themes
Cobalt, forest and ink via one body class. Every colour is a CSS variable.
Fully responsive
Tested from 320 to 1920 px with no horizontal scroll and a full-screen mobile menu.
Motion, tastefully
Colour-reveal hover, scroll reveals, counters and a slideshow. Respects reduced motion.
Accessible
Skip link, landmarks, focus rings, ARIA tabs, labelled forms and live regions.
04Responsive
Just as bold on a phone.
Layouts are reworked, not just stacked: the menu goes full-screen, tables simplify and maps become full-width cards.
- Tested at 320, 375, 600, 768, 1024, 1280 and 1920 px
- Semantic HTML5 with landmarks and a skip link
- One stylesheet, one script, no jQuery
- Self-hosted fonts: Inter, Caladea, DejaVu Sans Mono
- Respects prefers-reduced-motion
- CSS variables for every colour
- Documented components and data-attributes
- Lint-checked tags, ids, alt text and links
- Optional PHP contact-form handler
05In the package
Everything to ship.
Clean, commented source with a documentation site, licensed fonts and an optional build script.
25 HTML pages
- Pages25
- Stylesheet1 file
- JavaScript1 file
- Contact PHPoptional
Written to be read
- Getting started5 min
- Re-skinningCSS variables
- Componentsall
- Changelogincluded
Fonts and images
- InterOFL
- CaladeaApache 2.0
- DejaVu Sans MonoFree
- Demo photographyUnsplash