
Graha Prime - 建筑行业 HTML 模板
category房地产
# 项目简介
Graha Prime 是一款面向建筑行业的静态 HTML 网站模板,提供 3 种首页风格及完整的企业页面(关于我们、服务、项目案例、博客、团队、定价、招聘等)。模板基于 Bootstrap 5 开发,附带 jQuery 和 Swiper,支持响应式布局,适合快速搭建建筑公司官网。
## 技术栈
- HTML5 / CSS3(Bootstrap 5)
- JavaScript(jQuery、Swiper 11)
- PHP(`form_process.php` 仅用于表单后端处理)
- Font Awesome 字体图标
## 项目结构
```
TEMPLATE/
├── homepage-1.html # 首页风格一(主入口)
├── homepage-2.html # 首页风格二
├── homepage-3.html # 首页风格三
├── about-us.html # 关于我们
├── service-*.html # 服务详情页(3 种样式)
├── project-*.html # 项目案例页(4 种样式)
├── our-blog.html # 博客列表
├── blog-detail.html # 博客详情
├── our-team.html # 团队成员
├── pricing.html # 定价页
├── careers.html # 招聘页
├── testimonials.html # 客户评价
├── faqs.html # 常见问题
├── contact.html # 联系我们
├── 404.html # 404 错误页
├── .htaccess # Apache 配置
└── assets/
├── css/style.css # 主样式表
├── js/main.js # 交互逻辑
└── images/ # 图片资源
php/
└── form_process.php # 表单提交处理
```
## 核心文件说明
- `homepage-1.html` — 首页入口文件,浏览器直接打开即可预览
- `assets/css/style.css` — 全局样式,修改颜色、字体、排版在此进行
- `assets/js/main.js` — 轮播、导航等交互逻辑
- `php/form_process.php` — 邮件表单后端,需配合 PHP 环境使用
- `.htaccess` — Apache 服务器配置,含 URL 重写规则
- `contact.html` — 包含联系表单的页面
## 快速开始
1. 解压压缩包,进入 `TEMPLATE` 文件夹
2. 双击 `homepage-1.html` 在浏览器中预览
3. 如需本地服务器(推荐),可在文件夹内执行:
```bash
php -S localhost:8000
```
然后访问 `http://localhost:8000/homepage-1.html`
4. 表单功能需上传至支持 PHP 的服务器,并修改 `php/form_process.php` 中的收件邮箱
## 使用建议
- 所有页面均通过相对路径引用 `assets/`,确保上传时保持目录结构不变
- 如需对接后端服务,可将表单 `action` 指向第三方邮件 API(如 Formspree),或自行部署 `form_process.php`
help_outline
常见问题
评论0
发布时间Dec 7, 2025
技术栈
HTML
标签
architecturebuildingcompanyconstructionconstructorelectricianengineeringgreenindustrymetalpainterplumberremodelingrenovationroofing