Faren - 建筑与室内设计 HTML 模板 preview 1

Faren - 建筑与室内设计 HTML 模板

bookmark

Faren 是一套面向建筑设计与室内装饰行业的 HTML5 响应式网站模板，提供 6 种首页风格（室内设计、建筑、房地产、极简奢华等）和完整的业务页面（关于我们、作品集、博客、商店、团队、定价、FAQ 等），支持联系表单、商城购物车及结账流程，开箱即用。

HTMLarchitectarchitecturebuildingconstructiondecorestatefurniture

项目简介

Faren 是一套面向建筑设计与室内装饰行业的 HTML5 响应式网站模板，提供 6 种首页风格（室内设计、建筑、房地产、极简奢华等）和完整的业务页面（关于我们、作品集、博客、商店、团队、定价、FAQ 等），支持联系表单、商城购物车及结账流程，开箱即用。

技术栈

  • Bootstrap 5（栅格与组件）
  • jQuery（交互逻辑、Mobile Menu、滚动效果）
  • Font Awesome 6（图标）
  • GSAP（Loading 动画）
  • SCSS / CSS 3（自定义样式）
  • mail.php（联系表单后端）

项目结构

text
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。
help_outline

常见问题