Archid - Architecture & Interior Design HTML5 Template

# 项目简介 Archid 是一套面向建筑设计与室内装饰行业的企业展示模板，基于 Bootstrap 5 构建，包含首页轮播、视频首页、项目展示、团队介绍、定价方案等 13+ 个页面。整体风格现代简约，支持响应式布局，适合建筑事务所、室内设计公司或相关业务初创企业快速搭建官网。 ## 技术栈 - 静态 HTML5 + CSS3 - Bootstrap 5.x - jQuery（轮播、弹出搜索、移动端菜单等交互） - PHP（contact-form.php / appointment.php 表单处理） ## 项目结构 ``` 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）替换原有逻辑