
Haus – Free Real Estate HTML5 Website Template
Haus is a free, Bootstrap 5 real-estate website template with five pages: a searchable homepage, property listings, agent profiles, an about page, and a contact page with a map. It ships completely jQuery-free — the three-slide hero, page loader, burger navigation, and scroll animations are all plain vanilla JavaScript, with a property search bar sitting front and center over the hero.

Key features
- Three-slide hero with a centered property search bar
- Five pages: home, listings, agents, about, contact
- Contact page with an embedded map
- Fully jQuery-free, no slider plugins
- Vanilla JS hero slider, page loader, and burger menu
- Scroll-reveal animations via IntersectionObserver
- Top-bar navigation that collapses to a mobile drawer
- Shared header and footer across all pages
Best for
- Independent real-estate agencies
- Individual agents and brokers
- Property listing and rental sites
- Lightweight, no-jQuery front-ends
At a glance
- Bootstrap 5 — no jQuery, no slider plugins
- 5 HTML pages with shared header/footer
- Vanilla JS: hero slider, burger menu, loader, IntersectionObserver animations
- Distinctive top-bar navigation with a mobile drawer
- SCSS-era styles preserved in css/style.css + css/custom.css

How to use it
Download the ZIP, unzip it, and open index.html — no build step, nothing to install. Edit the text and images, point any forms at your backend or a form service, and deploy the folder to any static host. Colours and fonts live in css/style.css; the interactions are in js/main.js.
Frequently asked questions
Is Haus free to use, including for client work?
Yes. Haus is free and follows the standard uiCookies license, so you can use it for personal and client projects alike. Attribution details are listed on the license page. Read those terms before you ship so you know exactly what's expected.
Does the property search bar actually work out of the box?
The search bar is front-end markup, ready to point at your own listings backend or a third-party service. The form simply posts wherever you set its action attribute — there's no built-in database or search engine. Wire that action to your handler and the fields will submit as expected.
Can I edit Haus without a build tool or framework?
Yes. Haus is a static front-end of plain HTML, CSS, and vanilla JavaScript, so you can open the files in any text editor and edit them directly — no Node, bundler, or build step required. The five pages share a common header and footer, so update those consistently across each file. Just re-upload the changed files to your host when you're done.
Where do I change the colours and fonts?
The styles live in css/style.css alongside css/custom.css, both of which are compiled from the template's original SCSS. The safest approach is to add your colour and font overrides in custom.css so your changes stay separate from the base styles. That keeps things easy to maintain if you ever compare against the original files.
Is Haus responsive and does it work on mobile?
Yes. It's built on the Bootstrap 5 grid, so layouts reflow across phones, tablets, and desktops. The distinctive top-bar navigation collapses into a burger-triggered mobile drawer, and the hero and search bar scale down for smaller screens. Test on your target devices, as always, before going live.
Does Haus use jQuery?
No — Haus is completely jQuery-free. The hero slider, page loader, burger menu, and scroll animations are all written in plain vanilla JavaScript, and the animations use a modern IntersectionObserver. There are no slider plugins or other heavy dependencies to load, which keeps the page lean.
How do I wire up the contact form?
Like the search bar, the contact form is static markup with no processing attached. Set its action to your own form handler, email service, or backend endpoint to receive submissions. The contact page also includes an embedded map, so update its location to match your office. Haus does not process form data or payments on its own.
Which browsers does it support and is it fast?
Haus targets current versions of the major evergreen browsers — Chrome, Firefox, Safari, and Edge — thanks to its Bootstrap 5 foundation. Because it avoids jQuery and slider plugins, the JavaScript footprint stays small and pages load quickly. Swap in optimized, appropriately sized images for the hero slides to keep performance sharp on real listings.




