Konsteer - 构建 HTML 模板

# 项目简介 Konsteer 是一套面向建筑/工程企业的响应式 HTML 5 网站模板，提供首页、服务、项目、博客、联系等多个完整页面，内置预载动画、导航菜单及联系表单功能，适合快速搭建专业形象展示站点。 ## 技术栈 - Bootstrap 5.2.0（响应式布局框架） - jQuery（交互脚本核心库） - Font Awesome（图标字体） - Google Fonts（Open Sans / Open Sans Condensed） - PHP（联系表单邮件发送） ## 项目结构 ``` konsteerhtml-10/Konsteer pack/ ├── Doc/ # 模板使用文档 │ ├── index.html # 文档首页 │ ├── css/ │ │ ├── bootstrap.css │ │ ├── font-awesome.css │ │ ├── style.css # 文档站点样式 │ │ └── scrollbar.css │ ├── js/ │ │ ├── jquery.js │ │ ├── jquery.nav.js # 单页锚点导航 │ │ ├── jquery.scrollTo.js │ │ ├── script.js # 文档交互脚本 │ │ └── scrollbar.js │ └── images/ └── Konsteer/ # 正式模板文件 ├── index.html # 首页（第1套） ├── index-2.html # 首页（第2套） ├── about.html ├── contact.html ├── service.html # 服务页（多版本） ├── projects.html ├── blog.html ├── error.html ├── sendemail.php # 邮件发送脚本 └── assets/ # CSS/JS/图片等资源 ``` ## 核心文件说明 - `Konsteer/index.html` — 模板主首页入口 - `Konsteer/contact.html` — 联系页面，含表单提交 - `Konsteer/sendemail.php` — PHP 邮件处理逻辑（需配置收件邮箱） - `Konsteer/assets/css/style.css` — 模板主体样式 - `Doc/index.html` — 官方文档入口，含 HTML/CSS/JS 结构说明 - `Doc/js/script.js` — 文档站点单页导航与滚动条初始化 ## 快速开始 1. 将 `Konsteer` 文件夹内容部署到 Web 服务器（如 Apache/Nginx） 2. 修改 `sendemail.php` 中的 `RECIPIENT_EMAIL` 为实际收件邮箱 3. 直接访问 `index.html` 预览效果，或通过 `Doc/index.html` 查看模板结构文档 ## 使用建议 - 实际部署时需将演示占位内容替换为真实公司信息；`sendemail.php` 需要服务器支持 `mail()` 函数，建议生产环境使用专业邮件服务（如 SendGrid）替代原生 `mail()`。