项目简介link

Homeradar 是一款面向房产中介网站的专业 HTML 模板，同时提供浅色（light）和深色（dark）两套主题方案。模板内置首页、房源列表页（含地图/无地图）、房源详情页、中介列表页、仪表盘管理页面等 40+ 个完整页面，适合快速搭建房产租售平台或物业管理后台。

技术栈link

• HTML5 + CSS3（响应式布局，支持 viewport 适配）
• jQuery（v1.6.4）及相关插件（scrollTo、easing）
• Font Awesome 5 图标字体
• Google Fonts（Jost 字体）
• 语法高亮：SyntaxHighlighter（documentation 目录）

项目结构link

homeradar/
├── dark/
│   ├── index.html          # 深色主题主页
│   ├── index2~4.html       # 其他首页变体
│   ├── listing.html         # 房源列表页
│   ├── listing-single.html  # 房源详情页
│   ├── agent-list.html      # 中介列表页
│   ├── dashboard.html       # 用户仪表盘
│   └── css/
│       ├── style.css        # 主要样式
│       ├── dark-style.css   # 深色主题补充样式
│       └── color.css        # 配色变量
├── light/
│   ├── index.html           # 浅色主题主页
│   ├── listing.html         # 房源列表页
│   └── css/
│       └── style.css        # 主要样式
└── documentation/
    └── index.html           # 官方文档（含 SyntaxHighlighter）

核心文件说明link

• homeradar/light/index.html — 浅色主题入口页面
• homeradar/dark/index.html — 深色主题入口页面
• homeradar/light/css/style.css — 浅色主题完整样式表
• homeradar/dark/css/style.css — 深色主题样式表
• documentation/index.html — 模板官方文档，内含组件使用说明
• IMPORTANT.txt — 重要说明：contact form 及视频背景功能必须在本地或线上服务器环境运行，纯 file 协议无法工作

快速开始link

直接在浏览器中打开以下文件即可预览：

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

若需使用联系表单或 YouTube/Vimeo 背景视频，请将 homeradar 文件夹部署到本地服务器（如 Live Server）或托管服务器上运行。

使用建议link

该模板为纯静态页面，不含后端逻辑，contact form 依赖 PHP 环境。若用于生产项目，建议自行对接后端 API 或使用表单托管服务（如 Formspree）。dark 和 light 两套主题可按需选择，或参考 CSS 结构进行二次定制。