Struqta - Industrial & Construction HTML Template

# 项目简介 Struqta 是一款面向工业与建筑行业的多页面 HTML 模板，由 ThemeEster 开发。提供 4 种首页变体（默认、现代、经典、工业风），内置服务展示、项目案例、博客、团队、客户评价等功能页面，适合企业官网快速搭建。 ## 技术栈 - HTML5 / CSS3（主样式表 + Bootstrap 4） - JavaScript（jQuery 插件：Slick 轮播、Venobox 弹窗、Odometer 数字动画等） - PHP（contact.php / quote.php 用于表单邮件发送） - FontAwesome 图标库 ## 项目结构 ``` struqtahtml-10/Master Files/ ├── Documentation/ │ └── index.html # 模板使用文档 ├── html/ │ ├── assets/ # CSS/JS/图片等静态资源 │ ├── index.html # 首页（默认风格） │ ├── index-2.html # 首页（现代风格） │ ├── index-3.html # 首页（经典风格） │ ├── index-4.html # 首页（工业风格） │ ├── about.html # 关于我们 │ ├── service.html # 服务项目 │ ├── project-3-col.html # 案例展示（三列） │ ├── project-4-col.html # 案例展示（四列） │ ├── blog-classic.html # 博客列表 │ ├── contact.html # 联系我们 │ ├── contact.php # 联系表单处理 │ └── quote.php # 报价表单处理 ``` ## 核心文件说明 - `html/index.html` — 默认风格首页，包含顶部信息栏、导航、英雄区、服务、案例、技能、团队、评价、联系等完整模块 - `html/contact.php` — 处理 contact.html 表单提交，验证后发送邮件至指定收件地址 - `html/quote.php` — 处理报价请求表单，收集姓名、电话、服务类型等信息并发送邮件 - `html/assets/css/main.css` — 模板主样式文件，包含所有页面组件样式覆盖 - `html/assets/css/bootstrap.min.css` — Bootstrap 4 基础布局与栅格系统 - `html/service.html` — 服务详情页，展示公司提供的各项工业/建筑服务 ## 快速开始 1. **纯静态页面浏览**：直接在浏览器打开 `html/index.html` 即可预览 2. **本地服务器预览**（推荐）：在 `html` 目录下运行 `python -m http.server 8080`，访问 `http://localhost:8080` 3. **启用表单功能**：需要将 `html` 目录部署在支持 PHP 的 Web 服务器上，并修改 `contact.php` / `quote.php` 中的 `$recipient` 邮箱地址为实际收件邮箱 ## 使用建议 - 该模板为多页面结构，适合需要完整企业官网的场景；首页有 4 种风格变体，可根据品牌调性选择 - PHP 表单依赖服务器端 `mail()` 函数，共享主机环境可能受限，建议配合 SendGrid / Mailgun 等邮件 API 使用