Project Overviewlink

Homeradar is a professional HTML template designed for real estate agency websites, offering both light and dark theme options. The template includes 40+ complete pages such as the homepage, property listing pages (with/without map), property detail pages, agent listing pages, and a dashboard management page, making it suitable for quickly building a property rental/sales platform or property management backend.

Tech Stacklink

• HTML5 + CSS3 (responsive layout with viewport support)
• jQuery (v1.6.4) and related plugins (scrollTo, easing)
• Font Awesome 5 icon font
• Google Fonts (Jost font)
• Syntax highlighting: SyntaxHighlighter (in documentation directory)

Project Structurelink

homeradar/
├── dark/
│   ├── index.html          # Dark theme homepage
│   ├── index2~4.html       # Other homepage variants
│   ├── listing.html         # Property listing page
│   ├── listing-single.html  # Property detail page
│   ├── agent-list.html      # Agent listing page
│   ├── dashboard.html       # User dashboard
│   └── css/
│       ├── style.css        # Main styles
│       ├── dark-style.css   # Dark theme supplementary styles
│       └── color.css        # Color scheme variables
├── light/
│   ├── index.html           # Light theme homepage
│   ├── listing.html         # Property listing page
│   └── css/
│       └── style.css        # Main styles
└── documentation/
    └── index.html           # Official documentation (includes SyntaxHighlighter)

Core File Descriptionlink

• homeradar/light/index.html — Light theme entry page
• homeradar/dark/index.html — Dark theme entry page
• homeradar/light/css/style.css — Complete stylesheet for light theme
• homeradar/dark/css/style.css — Stylesheet for dark theme
• documentation/index.html — Template official documentation with component usage instructions
• IMPORTANT.txt — Important note: contact form and video background features require a local or online server environment; they will not work under the file protocol

Quick Startlink

Open the following files directly in your browser to preview:

homeradar/dark/index.html
homeradar/light/index.html

To use the contact form or YouTube/Vimeo background video, deploy the homeradar folder to a local server (e.g., Live Server) or a hosting server.

Usage Suggestionslink

This template consists of pure static pages with no backend logic; the contact form relies on a PHP environment. For production projects, it is recommended to integrate a backend API or use a form hosting service (e.g., Formspree). Choose between the dark and light themes as needed, or customize further by referencing the CSS structure.