Real Estate Website Template — Haven (Listings, Property Detail, Agents, Light Theme)
## Haven — Real Estate Agency HTML ThemeA sophisticated, light-toned real estate website built for agencies, independent agents, and property businesses. The first premium real estate HTML template with a full property detail page — complete with gallery, floor plan, location map, and sidebar contact form.No React. No Tailwind. No build step. Unzip and it works.### What's Included| File | Description ||------|-------------|| index.html | Homepage — hero with search, property cards, agent previews, testimonials || listings.html | Property grid with 5-filter bar (type, status, beds, price, area) || property.html | Single property detail — gallery, key specs, floor plan, map, sidebar form || about.html | Agency story, timeline, stats, values, awards || agents.html | 6 full agent profiles with stats, specialties, contact buttons || contact.html | Contact form, hours, office map, 6-question FAQ, department contacts || css/style.css | Full design system (one file) || js/main.js | All interactive behavior (one file) |### Design- Palette: Deep navy (#1a2332) + warm gold (#c9a04c) on clean white — sophisticated and trustworthy- Typography: Playfair Display (editorial serif headings) + Inter (clean body)- Illustrations: All SVG property artwork — houses, apartments, condos, townhouses, villas — no stock photos needed- Light theme: First light-mode theme in a market dominated by dark tech templates### Key Features- Property cards — badges (For Sale / For Rent / New), save/heart toggle, agent attribution- Filter bar — filter by type, status, beds, price, area- Property detail page — gallery with 4 thumbnails, 6 key-spec bar, features list, floor plan diagram, location map, agent sidebar with viewing request form- Agent profiles — avatar, star ratings, specialties, 3-stat bar, contact actions- Company timeline — visual milestone history- FAQ accordion — smooth expand/collapse- Search tabs — Buy / Rent / Commercial### JavaScript Features- Navbar scroll effect (.scrolled at 30px)- Mobile hamburger with body scroll lock- IntersectionObserver fade-in animations- Animated stat counters (data-count)- FAQ accordion (one open at a time)- Property thumbnail switching- Save/heart toggle- Contact & sidebar form success states### Who It's For- Real estate agencies building their first website- Independent agents wanting a professional online presence- Property developers launching new projects- Web developers delivering a real estate client project- Anyone selling real estate-adjacent services (mortgage, staging, inspections)### How to CustomizeColors: change 2 CSS variables (`--primary` and --accent) to rebrand.Name: find/replace "Haven" across HTML files.Properties: swap inline SVG artwork for real photos — the containers are ready.Content: all real, believable content — edit the text directly.### Technical- Pure HTML/CSS/Vanilla JS — zero dependencies- No npm, no terminal, no build tools- Google Fonts CDN (Playfair Display + Inter)- Responsive: 1024px, 768px, 480px breakpoints- Browser support: Chrome 80+, Firefox 75+, Safari 13+, Edge 80+### LicenseSingle-use commercial license. Use on 1 project (personal or commercial). Modify freely. See LICENSE.txt.
Get it → thikham.gumroad.com