Archid - 建筑与室内设计 HTML5 模板 preview 1

Archid - 建筑与室内设计 HTML5 模板

bookmark

Archid 是一套面向建筑设计与室内装饰行业的企业展示模板，基于 Bootstrap 5 构建，包含首页轮播、视频首页、项目展示、团队介绍、定价方案等 13+ 个页面。整体风格现代简约，支持响应式布局，适合建筑事务所、室内设计公司或相关业务初创企业快速搭建官网。

HTMLarchitecturebuildingcleanconstructioncorporatecreativefurniture

项目简介

Archid 是一套面向建筑设计与室内装饰行业的企业展示模板，基于 Bootstrap 5 构建，包含首页轮播、视频首页、项目展示、团队介绍、定价方案等 13+ 个页面。整体风格现代简约，支持响应式布局，适合建筑事务所、室内设计公司或相关业务初创企业快速搭建官网。

技术栈

  • 静态 HTML5 + CSS3
  • Bootstrap 5.x
  • jQuery（轮播、弹出搜索、移动端菜单等交互）
  • PHP（contact-form.php / appointment.php 表单处理）

项目结构

text
archidhtml-10/Archid-HTML-Full-Source/
├── DOCUMENTATION/          # 官方文档
│   └── index.html
└── HTML/                   # 模板主体
    ├── assets/             # 样式/脚本/图片等静态资源
    ├── index.html          # 首页（轮播版）
    ├── index-2.html        # 首页（视频版）
    ├── about-us.html
    ├── services.html
    ├── team.html
    ├── pricing-plans.html
    ├── faq.html
    ├── 404.html
    ├── projects-3-col.html
    ├── projects-4-col.html
    ├── project-details.html
    ├── blog-grid.html
    ├── blog-single.html
    ├── contact.html
    ├── appointment.php      # 预约表单后端
    └── contact-form.php     # 联系表单后端

核心文件说明

  • HTML/index.html — 首页（轮播版），含导航、幻灯片、服务简介与 CTA
  • HTML/index-2.html — 首页（视频背景版），另一种视觉呈现方式
  • HTML/contact.html — 联系页面，含联系表单与地图占位区域
  • HTML/appointment.php — 预约表单后端，接收 POST 请求并发送邮件
  • HTML/contact-form.php — 联系表单后端，与 contact.html 配合使用
  • HTML/assets/css/main.css — 模板核心样式文件

快速开始

  1. 直接用浏览器打开 HTML/index.html，或部署到任意静态服务器（如 Nginx、Apache）
  2. 联系/预约表单需要配合 PHP 环境运行（将 HTML 文件夹部署至支持 PHP 的 Web 服务器）
  3. 表单实际发送的邮箱地址需在 appointment.php 和 contact-form.php 中自行修改

使用建议

  • 正式上线前请替换 assets/img/ 目录下的占位图片与 Logo
  • 预约和联系表单依赖服务器端 PHP，若使用纯静态托管（Vercel / GitHub Pages），需改用第三方表单服务（如 Formspree）替换原有逻辑
help_outline

常见问题