项目简介link

Piller 是一套基于 Bootstrap 的静态房地产网站模板，包含首页、关于页、房产详情、博客、电商购物车、团队、服务等 30+ 完整页面，适合快速搭建房产中介、物业或租赁平台官网。模板附带在线颜色切换器和预加载动画功能。

技术栈link

• Bootstrap 5.x（响应式布局框架）
• jQuery（DOM 操作与交互）
• Font Awesome 6 Pro（图标）
• Magnific Popup（图片弹出）
• Swiper（轮播滑动）
• Nice Select（下拉选择）
• SCSS（CSS 预处理器）
• PHP（邮件表单处理）

项目结构link

pillerhtml-10/
├── documentation/          # 模板使用文档
│   ├── index.html
│   └── assets/
│       ├── css/style.css
│       └── js/main.js
└── download-version/       # 可直接使用的完整模板
    ├── index.html          # 首页
    ├── about.html
    ├── contact.html
    ├── property.html
    ├── property-details.html
    ├── blog.html
    ├── shop.html
    ├── cart.html
    ├── checkout.html
    ├── team.html
    ├── mail.php             # 表单后端
    └── assets/
        ├── css/style.css
        └── js/main.js

核心文件说明link

• download-version/index.html — 模板首页，含轮播图、房产分类筛选和 CTA 区块
• download-version/assets/css/style.css — 主样式文件，定义主题色（--theme-color: #ff4136）、字体和全站布局
• download-version/assets/js/main.js — 交互逻辑，包含移动端菜单、滚动置顶、返回顶部和表单提交
• download-version/mail.php — 联系人表单的后端邮件处理脚本
• download-version/property-details.html — 房产详情页，含 360° 全景和地图区域
• download-version/shop.html — 电商产品列表页，集成筛选和购物车功能

快速开始link

1. 将 download-version 文件夹部署到任意 Web 服务器（Nginx / Apache / VS Code Live Server）
2. 用浏览器直接打开 index.html 即可预览完整模板
3. 如需联系表单功能，将模板部署到支持 PHP 的服务器并确保 mail.php 可执行

使用建议link

该模板结构清晰，CSS 使用了 CSS 变量定义主题色，更换品牌色仅需修改 :root 中的 --theme-color 值。如需对接后端动态数据，可将 HTML 中的静态内容替换为模板引擎语法（如 Jinja2、EJS）或接入 CMS。