Graha Prime - 建筑行业 HTML 模板 preview 1

Graha Prime - 建筑行业 HTML 模板

bookmark

Graha Prime 是一款面向建筑行业的静态 HTML 网站模板，提供 3 种首页风格及完整的企业页面（关于我们、服务、项目案例、博客、团队、定价、招聘等）。模板基于 Bootstrap 5 开发，附带 jQuery 和 Swiper，支持响应式布局，适合快速搭建建筑公司官网。

HTMLarchitecturebuildingcompanyconstructionconstructorelectricianengineering

项目简介

Graha Prime 是一款面向建筑行业的静态 HTML 网站模板，提供 3 种首页风格及完整的企业页面（关于我们、服务、项目案例、博客、团队、定价、招聘等）。模板基于 Bootstrap 5 开发，附带 jQuery 和 Swiper，支持响应式布局，适合快速搭建建筑公司官网。

技术栈

  • HTML5 / CSS3（Bootstrap 5）
  • JavaScript（jQuery、Swiper 11）
  • PHP（form_process.php 仅用于表单后端处理）
  • Font Awesome 字体图标

项目结构

text
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

常见问题