Faren - Architecture and Interior Design HTML Template

# 项目简介 Faren 是一套面向建筑设计与室内装饰行业的 HTML5 响应式网站模板，提供 6 种首页风格（室内设计、建筑、房地产、极简奢华等）和完整的业务页面（关于我们、作品集、博客、商店、团队、定价、FAQ 等），支持联系表单、商城购物车及结账流程，开箱即用。 ## 技术栈 - Bootstrap 5（栅格与组件） - jQuery（交互逻辑、Mobile Menu、滚动效果） - Font Awesome 6（图标） - GSAP（Loading 动画） - SCSS / CSS 3（自定义样式） - mail.php（联系表单后端） ## 项目结构 ``` farenhtml-10/ ├── documentation/ # 模板使用文档（HTML 页面） │ ├── index.html │ └── css/ ├── download-version/ # 可直接部署的模板文件 │ ├── index.html # 默认首页 │ ├── home-*.html # 6 种首页变体 │ ├── about.html │ ├── blog*.html │ ├── shop*.html │ ├── contact.html │ ├── service*.html │ ├── team*.html │ ├── pricing.html │ ├── gallery.html │ ├── faq.html │ ├── error.html │ ├── mail.php │ └── assets/ │ ├── css/ │ ├── js/ │ └── img/ └── THEMELOCK 文件（下载来源说明） ``` ## 核心文件说明 - `download-version/index.html` — 默认首页入口文件 - `download-version/assets/css/style.css` — 主样式表，包含完整 CSS 变量与响应式规则 - `download-version/assets/js/main.js` — 交互逻辑，含移动端菜单、滚动动画、灯箱等 22 个功能模块 - `download-version/assets/js/bootstrap.min.js` — Bootstrap JS 组件 - `download-version/mail.php` — 联系表单后端处理脚本 - `download-version/home-*.html` — 6 种首页变体（室内、建筑、房产、极简奢华等） ## 快速开始 直接用浏览器打开 `download-version/index.html`，或将其部署到任意静态服务器（如 nginx、http-server）。 若使用 PHP 邮件功能，需在支持 PHP 的 Web 服务器上运行。 ## 使用建议 - 首页提供了 6 种风格变体，可根据实际业务场景选择对应的 `home-*.html` 作为起点； - 模板内置了 WooCommerce 购物相关页面（shop、cart、checkout），如需接入真实商城需自行对接 WooCommerce 插件或后端 API。